@charset "UTF-8";
/* responsive utility */
/* @mixin screen_hh{ @media screen and (max-width: $g_width_hh_max){ @content; } } */
/* @mixin screen_md{ @media screen and (max-width: 700px){ @content; } } @mixin screen_sm_only{ @media screen and (min-width: $g_width_hh_max + 1) and (max-width: $g_width_sm_max){ @content; } } @mixin screen_md_only{ @media screen and (min-width: $g_width_sm_max + 1) and (max-width: $g_width_md_max){ @content; } } @mixin screen_lg_only{ @media screen and (min-width: $g_width_md_max + 1){ @content; } } */
/* Slider */
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=a5a08110-d4e4-4f07-be56-c069ac43917e&fontids=735352,735358,735383,735385");
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

@media screen and (min-width: 600px) { .slick-initialized .slick-slide { float: none; display: inline-block; vertical-align: middle; } }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("/business/products/graphic/customer_engagement_center/img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("/business/products/graphic/customer_engagement_center/css/Fonts/slick/slick.eot"); src: url("/business/products/graphic/customer_engagement_center/css/Fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("/business/products/graphic/customer_engagement_center/css/Fonts/slick/slick.woff") format("woff"), url("/business/products/graphic/customer_engagement_center/css/Fonts/slick/slick.ttf") format("truetype"), url("/business/products/graphic/customer_engagement_center/css/Fonts/slick/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 100px !important; }

@media screen and (max-width: 599px) { .slick-dotted.slick-slider { margin-bottom: 40px !important; } }

.slick-dots { position: absolute; bottom: -100px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

@media screen and (max-width: 599px) { .slick-dots { bottom: -60px; } }

.slick-dots li { position: relative; display: inline-block; height: 35px; width: 35px; margin: 0 20px !important; padding: 0; cursor: pointer; }

@media screen and (max-width: 599px) { .slick-dots li { margin: 0 3px !important; } }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 35px; line-height: 20px; text-align: center; color: #fff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width: 599px) { .slick-dots li button:before { font-size: 20px; } }

.slick-dots li.slick-active button:before { color: #005cba; opacity: 1; }

@font-face { font-family: "Slate-C"; src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735382/445382dd-2b63-467a-a0e0-ffdb49690d2b.eot?#iefix"); src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735382/445382dd-2b63-467a-a0e0-ffdb49690d2b.eot?#iefix") format("eot"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735382/fdf75f79-65ac-404a-a30d-587d2d7ea75c.woff2") format("woff2"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735382/82c1dec6-603c-4995-8997-5db8d3c8d287.woff") format("woff"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735382/835d78d1-99c5-4915-9b14-d5a1d225b191.ttf") format("truetype"); }

@font-face { font-family: "Slate-MC"; src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735385/2561543f-d4cd-4ca7-acb9-295882871a58.eot?#iefix"); src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735385/2561543f-d4cd-4ca7-acb9-295882871a58.eot?#iefix") format("eot"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735385/14eb5847-5f2b-471a-8adf-229657f0ad13.woff2") format("woff2"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735385/4d8e4051-9cd9-48ea-9e94-7baa3ac518f6.woff") format("woff"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735385/4809487a-5ffd-4407-8ade-f722c586c024.ttf") format("truetype"); }

@font-face { font-family: "Slate-M"; src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735358/6c114a84-aeac-4533-a8f3-798922cc0300.eot?#iefix"); src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735358/6c114a84-aeac-4533-a8f3-798922cc0300.eot?#iefix") format("eot"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735358/8df29452-77ca-4e75-9e4b-d1783379751b.woff2") format("woff2"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735358/90807bcf-e7e3-43ac-9ebb-a96364087325.woff") format("woff"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735358/389822d1-6f97-438c-a4a1-5f97d1005a3f.ttf") format("truetype"); }

@font-face { font-family: "Slate"; src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735352/0ccb23cc-e65f-4f1a-adee-23462447a4f9.eot?#iefix"); src: url("/business/products/graphic/customer_engagement_center/css/Fonts/735352/0ccb23cc-e65f-4f1a-adee-23462447a4f9.eot?#iefix") format("eot"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735352/77c289f3-3401-45a7-b754-9804fe541516.woff2") format("woff2"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735352/fc86544e-4e5f-4492-a80e-16b5745bb869.woff") format("woff"), url("/business/products/graphic/customer_engagement_center/css/Fonts/735352/52e5df46-b718-4238-9f2e-c141505a48c3.ttf") format("truetype"); }

@media screen and (min-width: 600px) { #wrapper { width: auto; }
  header, footer, .globalNav, #megaMenu, #navcontainer, .footerBacktop { width: 970px; margin-right: auto; margin-left: auto; } }

#contentsArea { width: auto; }

@media screen and (max-width: 599px) { #contentsArea { padding: 0; } }

@media screen and (max-width: 599px) { #navcontainer { display: none; } }

/* ========================= */
.cec-main { margin-top: 15px !important; color: #333; }

@media screen and (max-width: 599px) { .cec-main { margin-top: 0 !important; } }

.cec-section { padding: 80px 0 60px !important; position: relative; min-width: 970px; }

.cec-section.mode-hero { padding: 0 !important; }

.cec-section.mode-alt { background: #eee; }

@media screen and (max-width: 599px) { .cec-section { padding: 40px 0 50px !important; min-width: 0; } }

.cec-section-content { width: 970px; margin-left: auto !important; margin-right: auto !important; }

@media screen and (max-width: 599px) { .cec-section-content { width: auto; } }

.cec-hero-h-wrap { width: 870px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.cec-hero-h-wrap.mode-wide { width: 970px; }

@media screen and (max-width: 599px) { .cec-hero-h-wrap { width: auto; white-space: nowrap; left: 30px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  .cec-hero-h-wrap.mode-wide { width: 100%; left: 0; white-space: normal; } }

.cec-video-pause { position: absolute; bottom: 20px; right: 20px; width: 12px; height: 12px; background: transparent; padding: 0; font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border-left: 3px solid #fff; border-right: 3px solid #fff; border-top: none; border-bottom: none; outline: none; margin: -1px 0 0 0; }

.cec-video-pause.mode-paused { width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #ffffff; margin: -2px 0 0 0; }

@media screen and (max-width: 599px) { .cec-video-pause.mode-sp-hidden { display: none; } }

.cec-hero-movie { width: 100%; }

@media screen and (max-width: 599px) { .cec-hero-movie { display: none; } }

.cec-hero-img-wrap.mode-main { display: none; }

@media screen and (max-width: 599px) { .cec-hero-img-wrap.mode-main { display: block; } }

.cec-hero-img { width: 100%; }

.cec-section-h { font-family: Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif; font-weight: 800; font-size: 42px !important; line-height: 1.55 !important; letter-spacing: .1em; text-align: center; }

@media screen and (max-width: 599px) { .cec-section-h { font-size: 18px !important; padding-left: 15px !important; padding-right: 15px !important; } }

.cec-section-h.mode-main { font-family: "Slate-MC"; font-weight: normal; font-size: 100px !important; line-height: 1 !important; }

@media screen and (max-width: 599px) { .cec-section-h.mode-main { font-size: 50px !important; } }

@media screen and (max-width: 360px) { .cec-section-h.mode-main { font-size: 40px !important; } }

.cec-section-h.mode-hero { text-align: left; color: #fff !important; line-height: 1.25 !important; }

@media screen and (max-width: 599px) { .cec-section-h.mode-hero { line-height: 1.05 !important; } }

.cec-section-h.mode-sub { font-size: 36px !important; font-weight: 700; }

@media screen and (max-width: 599px) { .cec-section-h.mode-sub { font-size: 18px !important; } }

@media screen and (max-width: 360px) { .cec-section-h.mode-sub { font-size: 14px !important; } }

.cec-section-desc { font-size: 16px !important; line-height: 2; margin: 30px 90px 0 !important; }

@media screen and (max-width: 599px) { .cec-section-desc { font-size: 14px !important; margin: 25px 15px 0 !important; } }

.cec-feature-box { background: #fff; border: 5px solid #005cba; border-radius: 25px; padding: 60px 46px !important; margin-bottom: 30px !important; }

@media screen and (max-width: 599px) { .cec-feature-box { margin: 0 15px 15px !important; padding: 15px 10px !important; border-width: 3px; border-radius: 12px; } }

.cec-feature-box.mode-first { margin-top: 70px !important; }

@media screen and (max-width: 599px) { .cec-feature-box.mode-first { margin-top: 20px !important; } }

.cec-feature-box:after { content: ""; display: table; clear: both; }

.cec-feature-h { width: 613px; float: right; font-family: "Slate-M"; font-weight: normal; font-size: 30px; letter-spacing: .22em; padding-top: 14px !important; margin-bottom: 14px !important; }

@media screen and (max-width: 599px) { .cec-feature-h { width: auto; text-align: center; float: none; font-size: 18px !important; } }

.cec-feature-h-num { color: #005cba; }

.cec-feature-h-sub { font-size: 24px; letter-spacing: .25em; margin-bottom: 14px !important; }

@media screen and (max-width: 599px) { .cec-feature-h-sub { text-align: center; font-size: 16px; letter-spacing: .1em; } }

.cec-feature-desc { font-size: 14px; letter-spacing: .2em; line-height: 2 !important; }

@media screen and (max-width: 599px) { .cec-feature-desc { letter-spacing: 0; line-height: 1.8 !important; } }

.cec-feature-icon { width: 255px; float: left; padding-bottom: 40px !important; }

@media screen and (max-width: 599px) { .cec-feature-icon { width: auto; text-align: center; float: none; padding-bottom: 15px !important; } }

.cec-feature-icon-img { width: 205px; }

@media screen and (max-width: 599px) { .cec-feature-icon-img { width: 140px; } }

.cec-feature-img-wrap { display: block; }

@media screen and (max-width: 599px) { .cec-feature-img-wrap { margin-top: 10px !important; } }

.cec-feature-img { max-width: 100%; }

.cec-print-img-wrap { margin-top: 60px !important; }

@media screen and (max-width: 599px) { .cec-print-img-wrap { margin: 30px 15px 0 !important; } }

.cec-print-img { max-width: 100%; }

.cec-print-movie-wrap { position: relative; }

@media screen and (max-width: 599px) { .cec-print-movie-wrap { margin: 0 15px 0 !important; } }

.cec-print-movie { width: 100%; border-radius: 25px; overflow: hidden; }

.cec-products { margin: 60px auto 0 !important; width: 830px; }

@media screen and (max-width: 599px) { .cec-products { margin-top: 30px !important; min-width: 0; width: 100%; } }

.cec-product { width: 800px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; margin: 0 15px !important; }

@media screen and (max-width: 599px) { .cec-product { width: auto; margin: 0 15px !important; } }

.cec-product-img { max-width: 100%; }

.cec-product-name { text-align: center; padding: 60px 0 45px !important; }

@media screen and (max-width: 599px) { .cec-product-name { padding: 20px 0 10px !important; } }

.cec-product-name-img { display: inline !important; }

@media screen and (max-width: 599px) { .cec-product-name-img { -webkit-transform: scale(0.5); transform: scale(0.5); } }

.cec-product-desc { font-size: 16px !important; letter-spacing: .2em; line-height: 2 !important; padding: 0 30px 50px !important; -webkit-transition: padding .1s; transition: padding .1s; }

.cec-product-desc.mode-pad { padding-bottom: 80px !important; }

@media screen and (max-width: 599px) { .cec-product-desc { font-size: 14px !important; letter-spacing: .1em; line-height: 1.55 !important; padding: 0 15px 20px !important; } }

.cec-product-more { background: #005cba; text-align: center; text-decoration: none !important; font-family: "Slate"; letter-spacing: .2em; line-height: 1 !important; font-size: 32px; display: block; overflow: hidden; -webkit-transition: padding .1s, max-height .1s; transition: padding .1s, max-height .1s; padding: 43px 0 !important; }

.cec-product-more:link, .cec-product-more:visited { color: #fff !important; }

@media screen and (max-width: 599px) { .cec-product-more { font-size: 24px; padding: 20px 0 !important; max-height: 40px; font-family: "Slate-C"; }
  .slick-current .cec-product-more { padding: 20px 0 !important; } }

.cec-product-more-text { display: inline-block; padding-right: 40px !important; background: url(/business/products/graphic/customer_engagement_center/img/icon_more.png) right 2px no-repeat; }

@media screen and (max-width: 599px) { .cec-product-more-text { background-size: 14px auto; background-position: right 4px; padding-right: 24px !important; } }

.cec-access-table { max-width: 800px; margin: 0 auto 40px !important; }

@media screen and (max-width: 599px) { .cec-access-table { margin: 0 15px !important; } }

.cec-access-td, .cec-access-th { text-align: left; font-size: 14px !important; font-weight: normal; padding-bottom: 3em !important; vertical-align: top; letter-spacing: .2em; }

@media screen and (max-width: 599px) { .cec-access-td, .cec-access-th { display: block; } }

.cec-access-th { padding-right: 3em !important; white-space: nowrap; }

@media screen and (max-width: 599px) { .cec-access-th { padding-bottom: .6em !important; } }

.cec-access-contact { width: 800px; display: block; background: #005cba; margin: 0 auto !important; padding: 40px 0 !important; text-align: center; text-decoration: none !important; font-family: "Slate"; letter-spacing: .2em; font-size: 32px !important; }

.cec-access-contact:link, .cec-access-contact:visited { color: #fff !important; }

@media screen and (max-width: 599px) { .cec-access-contact { font-size: 16px !important; width: auto; margin-right: 15px !important; margin-left: 15px !important; padding: 20px 0 !important; font-family: "Slate-C"; } }

.cec-access-map-link { background: #4c4c4c; display: inline-block; padding: 7px 20px !important; margin-top: 7px !important; }

.cec-access-map-link:link, .cec-access-map-link:visited { color: #fff !important; text-decoration: none !important; }