body
.wrap-header .head-logo {width: 490px !important;}
.wrap-header .head-logo strong {font-size: 23px !important; letter-spacing: -2px !important;}

@media (max-width: 1024px) { 
.wrap-header .head-navi .logo-mobile strong {font-size: 23px !important;letter-spacing: -2px;}
 }

/*section03*/
#multipleDiv_communication_248 .multipleContentsDiv{max-width:1500px; margin:0 auto; padding:50px 0; overflow:hidden;}
.youtubeWrap{display:table; width:100%;}
.youtubeWrap .y-inner{display:table-cell; vertical-align:middle; text-align:center; width:725px; height:440px; background:url(./../../images/main/youtube-bg.jpg) no-repeat; background-size:cover;}
.youtubeWrap .y-inner a{width:80px; height:60px; display:inline-block; text-indent:-9999px; background:url(./../../images/main/youtube-btn.png) no-repeat; position:relative;}

.infomation .info-list{background-color:#0ba9b5; color:#fff; padding:30px 45px; margin-bottom:10px;}
.infomation .info-list .info-title{border-bottom:1px solid #fff;padding-bottom:20px;font-size: 18px;font-family:'Noto Medium';}
.infomation .info-list ul{overflow:hidden; padding:30px 0 0;}
.infomation .info-list ul li{width:calc(100% / 3); float:left;}
.infomation .info-list ul li a{color:#fff; display:block; padding:7px 0 7px 35px; background-repeat:no-repeat; background-position:left 9px;}
.infomation .info-list ul li:nth-child(1) a{background-image:url(./../../images/main/info-icon01.png);}
.infomation .info-list ul li:nth-child(2) a{background-image:url(./../../images/main/info-icon02.png);}
.infomation .info-list ul li:nth-child(3) a{background-image:url(./../../images/main/info-icon03.png);}
.infomation .info-list ul li:nth-child(4) a{background-image:url(./../../images/main/info-icon04.png);}
.infomation .info-list ul li:nth-child(5) a{background-image:url(./../../images/main/info-icon05.png);}
.infomation .info-list ul li:nth-child(6) a{background-image:url(./../../images/main/info-icon06.png);}
.infomation .info-list ul li:nth-child(7) a{background-image:url(./../../images/main/info-icon07.png);}
.infomation .info-list ul li:nth-child(8) a{background-image:url(./../../images/main/info-icon08.png);}
.infomation .info-list ul li:nth-child(9) a{background-image:url(./../../images/main/info-icon09.png);}

.infomation .banner{overflow:hidden;}
.infomation .banner ul{width:100%;}
.infomation .banner ul li{width:calc(50% - 5px); float:left; height:170px; line-height:1.4;}
.infomation .banner ul li + li{margin-left:10px;}
.infomation .banner ul li a{display:block; color:#555555; padding:55px 30px 30px 170px; box-sizing:border-box; height:100%; background-repeat:no-repeat; background-position:40px center; color:#555;}
.infomation .banner ul li a strong{display:block; color:#151515; font-size:21px; font-family:'Noto Medium';}
.infomation .banner ul li:nth-child(1) a{background-color:#f6c962; background-image:url(./../../images/main/info-banner01.png);}
.infomation .banner ul li:nth-child(2) a{background-color:#fd8d9f; background-image:url(./../../images/main/info-banner02.png);}

@media all and (max-width:1023px) {
  #multipleDiv_communication_248 .multipleContentsDiv{padding:30px 15px;}
  .infomation .info-list ul li{width: calc(100% / 2);}
  .infomation .banner ul li{height: 123px;}
  .infomation .banner ul li a{background-size: 60px;background-position:20px center;font-size:14px;padding-left:100px;padding-top: 40px;padding-right:0;}
  .infomation .banner ul li a strong{font-size:17px;}
}
@media all and (max-width:767px) {
  .infomation .info-list .info-title{padding-bottom:10px}
  .infomation .info-list{padding:20px;}
  .infomation .info-list ul{padding:20px 0 0;}
  .youtubeWrap .y-inner{width:100%; height:inherit; padding-top:60%;}
  .youtubeWrap .y-inner a{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
}
