@charset "utf-8";

div#contents-wrap {overflow:hidden;}
div#contents div.bottom-wrap {position:relative; padding:0 0; margin:0 0;}
div#contents div.bottom-wrap div.page-ttl {width:100%; padding:82px 0 0 0; background:linear-gradient(to bottom, #01a9c5 0%, #a2f0ff 100%);}
div#contents div.bottom-wrap div.page-ttl p {display:flex; flex-wrap:wrap; justify-content:start; align-items:center; gap:0 0; margin:0 auto; padding:0 0; width:100%; height:200px; max-width:1090px;}
div#contents div.bottom-wrap div.page-ttl p span {font-size:60px; line-height:1.5; font-weight:600; color:#fff; text-shadow:0 0 10px rgba(0, 57, 124, 0.25);}
div#contents div.bottom-wrap div.bc {margin:18px auto 40px auto; padding:0 0; width:100%; max-width:1090px; font-size:1.2rem; text-align:left;}
div#contents div.bottom-wrap div.bc > span {display:inline-block; position:relative;}
div#contents div.bottom-wrap div.bc > span:not(:last-child)::after {content: ""; display:inline-block; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform: rotate(45deg); transform:rotate(45deg);}
div#contents div.bottom-wrap div.bc > span a {color:#0277C3;}
div#contents div.bottom-wrap div.bc > span:last-child > a {pointer-events:none; color:#666;}
div#contents div.wrap.about_seminar {width:100%; max-width:770px; margin:0 auto 250px auto;}
div#contents div.wrap.about_seminar #main h1.H-1-3 span {display:block;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 {margin:0 0; padding:0 0;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 figure.IMG-1 {max-width:770px;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 figure.IMG-1 img {width:auto; height:auto; max-width:100%; max-height:100%;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 div.leftrightBox div.leftContents {width:100%; margin:0 0; padding:0 0; box-sizing:border-box;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 div.leftrightBox div.leftContents h3:before {content:none !important;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 div.leftrightBox div.leftContents dl.description {margin:0 0;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 div.leftrightBox div.rightContentszzz,
div#contents div.wrap.about_seminar #main section.SEC-2-1 div.leftrightBox div.othersBanner {display:none;}

div#contents div.wrap.about_seminar #main section.SEC-2-1 div.leftrightBox div.rightContents {width:100%; padding-top:50px;}


@media screen and (min-width: 1024px) {
div#contents div.bottom-wrap div.bc > span:not(:last-child)::after {width:5px; height:5px; margin:0 9px;}
}

@media screen and (max-width: 1023px) {
div#contents div.bottom-wrap div.bc > span:not(:last-child)::after {width:5px; height:5px; margin:0 8px;}
}

@media screen and (max-width: 768px) {
div#contents div.bottom-wrap div.page-ttl {width:100%; padding:56px 0 0 0;}
div#contents div.bottom-wrap div.page-ttl p {padding:0 20px;}
div#contents div.bottom-wrap div.page-ttl p span {font-size:30px;}
div#contents div.bottom-wrap div.bc {margin:20px auto; padding:0 20px;}
div#contents div.wrap.about_seminar {margin:0 auto 120px auto; padding:0 20px;}
div#contents div.wrap.about_seminar #main section.SEC-2-1 figure.IMG-1 {margin:20px auto;}
}

@media screen and (max-width: 430px) {
div#contents div.bottom-wrap div.page-ttl p {height:100px;}
div#contents div.bottom-wrap div.page-ttl p span {font-size:24px;}
div#contents div.wrap.about_seminar {margin:0 auto 80px auto;}
}

@media only screen and (min-width: 1024px) {
.footer__serviceMenu_250219bk .footer__serviceMenu__list > dd ul li {max-width:189px;}
.footer__serviceMenu .footer__serviceMenu__list > dd ul li a {word-wrap:break-word;}
}


/* ヘッダーとフッターの製品ロゴ変更 ここから
===========================================================*/
.header__logo > * {max-height:54px; background:url(/wp-content/themes/esm/assets/img/common/logo.svg) no-repeat 0 0; background-size:contain; aspect-ratio:3 / 1;}
.footer__contact__logo > * {max-height:58px; background:url(/wp-content/themes/esm/assets/img/common/logo_white.svg) no-repeat 0 0; background-size:contain; aspect-ratio:3 / 1;}

@media screen and (max-width: 1023px) {
.header {padding:10px 20px;}
.header__logo > * {max-height:36px;}
.footer__contact__logo > * {max-height:40px;}
}
/* ヘッダーとフッターの製品ロゴ変更 ここまで
===========================================================*/


/* メガドロップメニューの導入事例 ここから
===========================================================*/
.header__menu__list .item__serviceMenu--casestudy {flex-wrap:wrap; top:calc(100% + 18px); max-width:1240px;}
.header__menu__list .item__serviceMenu--casestudy > div {width:100%; line-height:0.5; text-align:center;}
.header__menu__list .item__serviceMenu--casestudy > div a {display:inline-block; margin:20px auto 0 auto; padding:15px 25px; min-width:200px; min-height:0; font-size:clamp(14px, 1.4vw, 18px); line-height:20px; text-align:center; font-weight:600; letter-spacing:1px; color:#fff; background:var(--lightBlue); border-radius:50px; transition:all 0.3s ease-in-out;}
.header__menu__list .item__serviceMenu--casestudy > div a span {padding:0 30px 0 0;}
.header__menu__list .item__serviceMenu--casestudy > div a span::after {content:""; display:inline-block; position:absolute; right:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); width:20px; height:20px; background:url(/wp-content/themes/esm/assets/img/common/icon_download_lightBlue.svg) no-repeat 50% 50% / contain;}

@media screen and (min-width: 1024px) {
.header__menu__list .item__serviceMenu--casestudy .item__serviceMenu__list > dt > a {-webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out;}
.header__menu__list .item__serviceMenu--casestudy .item__serviceMenu__list > dt > a:hover {color:var(--hoverLightBlue);}
.header__menu__list .item__serviceMenu--casestudy .item__serviceMenu__list > dd > ul + ul {margin:0 0;}
.header__menu__list .item__serviceMenu--casestudy > div a:hover > span::after {transform:translate(6px, -50%); -webkit-transform:translate(6px, -50%); -ms-transform:translate(6px, -50%);}
}

@media screen and (max-width: 1023px) {
.header__menu__list .item__serviceMenu--casestudy > div a {width:100%; margin:30px auto 0 auto; padding:20px 25px; font-size:clamp(18px, 1.8vw, 22px);}
.header__menu__list .item__serviceMenu--casestudy > div a > span {padding:0 0;}
.header__menu__list .item__serviceMenu--casestudy > div a > span::after {content:none;}
}
/* メガドロップメニューの導入事例 ここまで
===========================================================*/


/* メガドロップメニューのサービス一覧 ここから
===========================================================*/
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 10px; margin:0 0; padding:0 0; list-style:none;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li {width:calc((100% - 30px) / 4); margin:0 0; padding:0 0; text-align:center;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a {position:relative; display:block; padding:5px 5px; border-radius:10px; transition:all 0.3s ease-in-out;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a:hover {-webkit-transform:scale(1.05); transform:scale(1.05);}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a dl {margin:0 0; padding:10px 0; background:#fff; border-radius:5px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a dl::after {content:""; display:block; margin:0 auto; width:calc(100% - 20px); height:25px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a dl dt {margin:0 auto; padding:5px 2px; width:calc(100% - 20px); font-size:16px; line-height:1.2; font-weight:700; text-align:center; letter-spacing:0.5px; color:#fff; background:#666; border-radius:50px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a dl dt span {font-size:14px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li a dl dd {margin:0 auto 5px auto; padding:0 0; width:calc(100% - 2px); font-size:12px; line-height:2; font-weight:700; letter-spacing:0.5px;}

.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_esm a {background:#0077C3;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ma a {background:#12B293;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_sv a {background:#F9BE00;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ai a {background:#0081D8;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_wf a {background:#4B5151;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_nc a {background:#2E3FBC;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_lk a {background:#0f6db5;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_cl a {background:#FF9803;}

.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_esm a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_esm.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ma a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_marketing.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_sv a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_service.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ai a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_ai.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_wf a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_flow.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_nc a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_appli.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_lk a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_linkage.svg) no-repeat 50% 50% / contain;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_cl a dl::after {background:url(/wp-content/themes/esm/assets/img/common/logo_call.svg) no-repeat 50% 50% / contain;}

.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_esm a dl dt {background:#0077C3;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ma a dl dt {background:#12B293;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_sv a dl dt {background:#F9BE00;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ai a dl dt {background:#0081D8;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_wf a dl dt {background:#4B5151;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_nc a dl dt {background:#2E3FBC;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_lk a dl dt {background:#0f6db5;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_cl a dl dt {background:#FF9803;}

.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_esm a dl dd {color:#0077C3;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ma a dl dd {color:#12B293;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_sv a dl dd {color:#F9BE00;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_ai a dl dd {color:#0081D8;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_wf a dl dd {color:#4B5151;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_nc a dl dd {color:#2E3FBC;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_lk a dl dd {color:#0f6db5;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li.ism_cl a dl dd {color:#FF9803;}

.header__menu__list .item .item__serviceMenu--functions .ism_inner p {width:100%; margin:20px 0 0 0; padding:0 0; text-align:center;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner p a {background:var(--lightBlue);}
.header__menu__list .item .item__serviceMenu--functions .ism_inner p a span {gap:0 10px;}

@media screen and (min-width: 1024px) {
.header__menu__list .item .item__serviceMenu--functions {display:block; position:fixed; left:50%; top:65px; width:98vw; max-width:1240px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); padding:35px 0 0 0; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background:transparent; border-radius:0;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner {display:flex; flex-wrap:wrap; justify-content:center; padding:10px 10px; background:rgba(255,255,255,0.85); border-radius:20px; box-shadow:0px 20px 30px 10px rgba(0, 46, 75, 0.1);}
.header__menu__list .item .item__serviceMenu--functions .ism_inner p a {min-width:0; min-height:0; padding:15px 25px; font-size:clamp(14px, 1.4vw, 18px); line-height:20px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner p a span::after {width:20px; height:20px;}
}

@media screen and (max-width: 1023px) {
.header__menu__list .item .item__serviceMenu--functions .ism_inner p a {min-width:0; min-height:0; padding:20px 25px; font-size:clamp(18px, 1.8vw, 22px); line-height:20px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner p a span::after {content:none;}
}

@media only screen and (max-width: 768px) {
.header__menu__list .item .item__serviceMenu--functions .ism_inner {padding:10px 10px; background:rgba(255,255,255,0.85); border-radius:20px;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li {width:calc((100% - 10px) / 2);}
}

@media only screen and (max-width: 430px) {
.header__menu__list .item .item__serviceMenu--functions .ism_inner ul li {width:100%;}
.header__menu__list .item .item__serviceMenu--functions .ism_inner p {display:none;}
}
/* メガドロップメニューのサービス一覧 ここまで
===========================================================*/


/* ヘッダーのロゴとメニューの幅調整 ここから
===========================================================*/
@media screen and (min-width: 1024px) {
.header__logo {width:13.5% !important;}
.header__menu {width:86% !important;}
}
/* ヘッダーのロゴとメニューの幅調整 ここまで
===========================================================*/