@charset "UTF-8";

#esm_lineup div {padding-bottom:0;}
#esm_lineup div > h2 {color:#009F80; background:#E7FDF9;}

@media screen and (max-width: 1023px) {
.main--esmMarketing .topSection--information {padding-bottom:5%;}
#esm_lineup div {padding-bottom:10%;}
}

@media only screen and (max-width: 430px) {
#esm_lineup div {padding-bottom:20%;}
}




.topSection.topSection--information > div {padding-bottom:calc(10vw + 100px);}

#sc_related_ma {position:relative; background:#E7FDF9;}
#sc_related_ma::before {content:""; display:block; width:100%; height:20vw; position:absolute; left:0; top:-10vw; background:no-repeat 0 0; background-size:100%; background-image:url(/wp-content/themes/esm/assets/img/esm-marketing/bg_section_color_right.svg);}
#sc_related_ma::after {content:""; display:block; width:100%; height:20vw; position:absolute; left:0; bottom:-10vw; background:no-repeat 0 0; background-size:100%; background-image:url(/wp-content/themes/esm/assets/img/top/bg_case.svg);}
#sc_related_ma > div {position:relative; margin:0 auto; padding:0 0 calc(10vw + 100px) 0; text-align:center; width:92%; max-width:1200px; z-index:100;}
#sc_related_ma > div h2 {margin:0 auto 50px auto; font-size:4.4rem; line-height:1.6; font-weight:600; color:#222;}
#sc_related_ma > div ul {display:flex; flex-wrap:wrap; justify-content:center; gap:20px 20px; margin:0 0; padding:0 0;}
#sc_related_ma > div ul li {width:calc((100% - 80px) / 5); margin:0 0; padding:0 0;}
#sc_related_ma > div ul li a {display:inline-block; margin:0 0; padding:20px 20px; width:100%; height:100%; text-align:center; text-decoration:none !important; background:#fff; border-radius:20px; transition:0.3s ease-in-out;}
#sc_related_ma > div ul li a:hover {opacity:0.7;}
#sc_related_ma > div ul li a div.thumb {margin:0 auto 10px auto; line-height:0.5; border-radius:10px; overflow:hidden;}
#sc_related_ma > div ul li a div.thumb img {width:100%; height:auto;}
#sc_related_ma > div ul li a div.title {font-size:14px; line-height:1.5; letter-spacing:0.5px; text-align:left;}
#sc_related_ma > div p {margin:50px auto 0 auto; padding:0 0;}
#sc_related_ma > div p a {display:inline-block; margin:0 0; padding:15px 30px; font-size:16px; line-height:1.5; font-weight:600; color:#fff; background:var(--greenLight); border-radius:50px; transition:0.3s ease-in-out;}
#sc_related_ma > div p a:hover {opacity:0.7;}

@media only screen and (max-width: 768px) {
#sc_related_ma > div h2 {margin:0 auto 30px auto; padding:30px 0 0 0; font-size:2.8rem;}
#sc_related_ma > div ul li {width:calc((100% - 40px) / 3);}
#sc_related_ma > div ul li a div.thumb {position:relative; margin:0 0 10px 0; width:100%;}
#sc_related_ma > div ul li a div.thumb img {max-width:100%;}
#sc_related_ma > div ul li a div.title {width:100%;}
}

@media only screen and (max-width: 430px) {
#sc_related_ma > div h2 {margin:0 auto 20px auto; font-size:2.4rem;}
#sc_related_ma > div ul {gap:10px 10px;}
#sc_related_ma > div ul li {width:calc((100% - 10px) / 2);}
#sc_related_ma > div ul li a {padding:10px 10px;}
}