@charset "utf-8";

/* main li reset*/
.main ._contentBuilder ._obj._objHtml ul li, 
.main  ._contentBuilder ._obj._objTag ul li {margin-top: 0; background:url(); padding-left:0;}
.multipleDiv{clear:both;}

#mCSB_1 #multipleDiv_Type-03B_55 ._objHtml{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index: 1001 !important;color: #fff;}
#multipleDiv_Type-03B_55 ._objHtml{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 1001;color: #fff;}
.visual-slogan{text-align:center;}
.visual-slogan > span{display:inline-block;font-size:30px;padding:5px 20px;background:#55b5fe;}
.visual-slogan > strong{display:block;font-size:50px;font-family:'Noto Bold';margin-top:20px;}

#multipleDiv_Type-14A_18{padding:40px 0;box-sizing:content-box;}

.icon-banner-box01 > li{display:inline-block;vertical-align:top;width: calc(100% / 3 - 30px);position:relative;text-align: center;}
.icon-banner-box01 > li:nth-child(1){background:url('../../images/main/b-bg01.png') no-repeat center !important;}
.icon-banner-box01 > li:nth-child(2){background:url('../../images/main/b-bg02.png') no-repeat center !important;}
.icon-banner-box01 > li:nth-child(3){background:url('../../images/main/b-bg03.png') no-repeat center !important;}
.icon-banner-box01 > li + li{margin-left:40px;}
.icon-banner-box01 > li > a{display:block;padding: 90px 0 60px;}
.icon-banner-box01 > li > a:before{content:'';width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;top:20px;left:20px;border:1px solid rgba(255,255,255,0.3);}
.icon-banner-box01 > li > a img{display:block;margin:0 auto 10px;}
.icon-banner-box01 > li > a span{font-size:16px;color:#11b9f6;font-family:'Noto Regular';display:block;margin:0 auto 20px;}
.icon-banner-box01 > li > a strong{font-size:26px;color:#fff;font-family:'Noto Medium';display:block;margin:0 auto;}

.right-bannerbox{padding-top: 12px;}
.right-bannerbox > li{display:inline-block;vertical-align:top;width: calc(100% / 2 - 2px);text-align:center;margin-bottom: 12px;}
.right-bannerbox > li a{display:block;}
.right-bannerbox > li img{display:block;margin: 0 auto;}
.right-bannerbox > li span{font-size:16px;color:#666;display:inline-block;margin-top:5px;}


#multipleDiv_eehome_338{padding:40px 0 40px;background:#f5f5f5;}

.topper-banner ul li{display: block;}
.topper-banner ul li:nth-child(1){background: #0382e3 !important;position: relative;}
.topper-banner ul li:nth-child(1):before{content:'';width:112px;height: 94px;background:url('../../images/main/topper-Icon01.png') no-repeat center;display: block;position: absolute;top: 35px;right: 25px;}
.topper-banner ul li:nth-child(2){background: #363c41 !important;position: relative;}
.topper-banner ul li:nth-child(2):before{content:'';width:90px;height: 113px;background:url('../../images/main/topper-Icon02.png') no-repeat center;display: block;position: absolute;top: 21px;right: 32px;}
.topper-banner ul li a{display: block;color:#fff;height: 155px;padding: 20px 0 0 25px;position: relative;z-index: 9;}
.topper-banner ul li a strong{font-family: 'Noto Regular';font-size: 18px;font-weight: normal;display: block;margin-bottom: 17px;letter-spacing: -.5px;}
.topper-banner ul li a span{display: table-cell;font-family: 'Noto Regular';font-size: 18px;font-weight: normal;transition:all ease .3s;width: 64px;height: 64px;border:1px solid #fff;background: rgba(255,255,255,0.2);border-radius:50%;text-align: center;vertical-align: middle;}
.topper-banner ul li a:hover span{background: rgba(0,0,0,0.2);}

@media all and (max-width:1600px) {
  #multipleContentsDiv_Type-14A_18,
  #multipleContentsDiv_eehome_338,
  #multipleContentsDiv_eehome_340{width:100%;max-width:1600px;}
}

@media all and (max-width:1023px) {
  .visual-slogan > span{font-size:20px;white-space: nowrap;}
  .visual-slogan > strong{font-size:40px;}
  #multipleDiv_Type-14A_18,
  #multipleContentsDiv_eehome_340{padding:40px 20px;box-sizing: border-box;}
  #multipleDiv_Type-14A_18 ._objHtml + ._objHtml{clear:both;}
  .icon-banner-box01 > li{width:calc(100% / 3 - 16px);}
  .icon-banner-box01 > li + li{margin-left:20px;}
  .icon-banner-box01 > li > a{padding:50px 0 45px;}
  .right-bannerbox > li{width:calc(100% / 4 - 5px);}
}

@media all and (max-width:767px) {
  #multipleDiv_Type-03B_55 ._objHtml{top:45%;}
  .visual-slogan > span{display:none;}
  .visual-slogan > strong{margin-top:0;font-size:28px;}
  .main .icon-banner-box01 > li{width:100%;display:block;background-size:cover !important;}
  .icon-banner-box01 > li + li{margin-left:0;margin-top:20px !important;}
  .icon-banner-box01 > li > a strong{font-size:22px;}
  .icon-banner-box01 > li > a span{font-size:15px;}

  .right-bannerbox > li{width:calc(100% / 2 - 5px);}
}