@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__menu__list .item__serviceMenu--casestudy {flex-wrap:wrap;}
.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 25px 0 5px;}
.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 > dd > ul + ul {margin:0 0;}
}

@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);}
}
/* メガドロップメニューの導入事例 ここまで
===========================================================*/