body
.wrap-header .head-logo { width: 350px !important;}
.wrap-header .head-navi .a_2 {font-size: 17px !important;}
#multipleDiv_university_temp03_11 div._objHtml{z-index:1 !important;}

@media all and (max-width:1300px) {
  #multipleDiv_university_temp03_11 div._objHtml{top:40% !important;}
  .wrap-header .head-navi .div_2{background:rgba(0,0,0,0.7) !important;}
  .main-slogan span{font-size:20px !important;}
  .main-slogan strong{font-size:40px !important;}
  .main-slogan p{font-size:15px !important;}
}
@media all and (max-width:1023px) {
  #multipleDiv_university_temp03_11 div._objHtml{top:40% !important;}
  .wrap-header .head-navi .div_2{background:rgba(0,0,0,0.7) !important;}
  .main-slogan span{font-size:32px !important;}
  .main-slogan strong{font-size:50px !important;}
  .main-slogan p{font-size:21px !important;}
}

@media all and (min-width:1025px) {
  .wrap-header .head-navi .div_2{width:100%;left:0;background:rgba(255,255,255,0.4);position:fixed;top:132px;z-index:99;}
  .wrap-header .head-navi .div_2.top_div_3682{/*width:60%;padding-right:15%;text-align:right;*/}
  .wrap-header .head-navi .div_2.top_div_713{/*width:40%;padding-right:5%;text-align:right;*/}
  .wrap-header .head-navi .div_2.top_div_396{/*width:60%;*/padding-right:27%;text-align:right;}
  .wrap-header .head-navi .div_2.top_div_388{width:156%;line-height: 12px;}
  .wrap-header .head-navi .div_2.top_div_393{padding-left:10%;}
  .wrap-header .head-navi .ul_1{position:initial;}
  .wrap-header .head-navi .div_2.on:after{display:none;}
  /*.wrap-header .head-navi .a_1 {padding: 32px 50px !important;} */
}


/*section03*/
#multipleDiv_engineering_206 .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:416px; 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:23px 45px; margin-bottom:10px;}
.infomation .info-list .info-title{border-bottom:1px solid #fff;padding-bottom:20px;font-size: 30px;font-family:'Noto Medium';}
.infomation .info-list ul{overflow:hidden; padding:30px 0 0;}
.infomation .info-list ul li{width:calc(100% / 2); 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; font-size: 22px; }
.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 .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:68px 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:24px; 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_engineering_206 .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: 48px;padding-right:0;}
  .infomation .banner ul li a strong{font-size:22px;}
}
@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%);}

  .wrap-header .head-navi.on{max-width:100%;}
  .wrap-header .head-navi .div_2.on{overflow-y:scroll;}
  .wrap-header .head-navi .div_2.on.top_div_388{height:90vh;padding-bottom:140px;}
  .wrap-header .head-navi .ul_2 .li_2.li_2_9360{display:none !important;}
}

@media all and (max-width:600px) {
  body .main-slogan p{font-size: 16px;}
  .wrap-header .head-navi .div_2{
	background-color:#fff !important;
  }
  #multipleDiv_university_temp03_11 div._objHtml{
	top:1% !important;
  }
}

.Desktop .infomation .info-list .info-title{font-size:27px;padding-bottom:15px;}
.Desktop .infomation .info-list ul{padding:15px 0 0;}
.Desktop .infomation .info-list ul li a{font-size:19px;padding:5px 0 5px 35px;}
.Desktop .infomation .banner ul li{height:134px;}
.Desktop .infomation .banner ul li a{padding:51px 30px 30px 170px;}

@media all and (max-width:1024px) {
.wrap-header .head-navi .m-util ul li a.last-pam{padding-left:0;}
}

.con-table-modi table th,
.con-table-modi table td{font-size: 14px;}
.wrap-header .head-navi .div_2.on {max-height:400px; background-color:rgb(42 48 61 / 55%) !important;}
.sub .wrap-header{background: rgba(0,0,0,0.38) !important;}



