@charset "utf-8";

/*slogan*/
#multipleContentsDiv_empty_2 ._objHtml{position:absolute;top:0;left:0;width:100% !important;z-index:1002;}
.slogan{max-width:1700px;margin: 0 auto;color:#FFF;line-height:1.3;padding-top: 360px;}
.slogan .item_1{font-family: 'Noto Bold';font-size:55px;text-align:center;letter-spacing:-1px;}
.slogan .item_2{font-family: 'Noto light';font-size:26px;text-align:center;letter-spacing:-1px;padding-top: 35px;line-height: 1.8;}
.slogan .item_2 i{display:block;}
@media all and (max-width:1700px){
  .slogan{max-width:96%;}
}
@media all and (max-width:1280px){
  .slogan{padding-top:150px;}
  .slogan .item_2{font-size:20px;}
  .slogan .item_1{font-size:45px;}
}
@media all and (max-width:768px){
  .slogan .item_2{font-size:16px;}
  .slogan .item_1{font-size:25px;}
}


/*section01*/
#multipleContentsDiv_demo2_18{padding:80px 0;max-width: 1700px;}
.mainTitle{padding-bottom:30px;}
.mainTitle h2{display:inline-block;font-family:'Noto Bold';font-size:30px;color:#FFF;line-height:1;position:relative;padding:5px 5px 0 0;}
.mainTitle_1{text-align:center;padding-bottom:50px;}
.mainTitle_1 h2{font-size:40px;color:#000;}

@media all and (max-width:1700px){
  #multipleContentsDiv_demo2_18{width:100%;padding:60px 25px;}
}

@media all and (max-width:1280px){
  .mainTitle h2{font-size:25px;}
  .mainTitle_1{padding-bottom:30px;}
  .mainTitle_1 h2{font-size:30px;}
}
@media all and (max-width:768px){
  .mainTitle{padding-bottom:20px;}
  .mainTitle h2{font-size:22px;}
  .mainTitle_1{padding-bottom:20px;}
  .mainTitle_1 h2{font-size:25px;}
}


#multipleDiv_demo_286{background-color: #003475;}
#multipleContentsDiv_demo_286{max-width: 1700px;margin:0 auto;}
.wrap_popup h2{font-family: 'Noto Medium';}
.wrap_popup .text_1{font-family: 'Noto Regular';}
.wrap_popup .slick-slide a:hover .text_1{font-family: 'Noto Medium';}

@media all and (max-width:1700px){
  #multipleContentsDiv_demo_286{padding:0 25px;}
}


/**section02**/
#multipleDiv_demo2_45{background:url(../../images/main/bg_1.jpg);background-size:cover;}
#multipleContentsDiv_demo2_45{padding:80px 0;margin:0 auto;max-width:1700px;}

@media all and (max-width:1700px){
  #multipleContentsDiv_demo2_45{padding:80px 25px;}
}

/*Admission Office*/
.wrap_admission{height:100%;padding:35px 150px 35px 35px;position:relative;background:url(../../images/main/bg_2.jpg) no-repeat right bottom;background-size:cover;overflow:hidden;}
.wrap_admission dl.item_1{color:#FFF;}
.wrap_admission dl.item_1 dt{font-size:20px;}
.wrap_admission dl.item_1 dd{font-family: 'Noto Medium';font-size:35px;line-height:1.1;letter-spacing:-1px;padding:10px 0 20px 0;}
.wrap_admission dl.item_2{font-size:18px;color:#FFF;display:flex;align-items:center;}

@media all and (max-width:1280px){
  .wrap_admission dl.item_1 dd{font-size:30px;}
}
@media all and (max-width:768px){
  .wrap_admission{padding:25px;}
  .wrap_admission dl.item_1 dt{font-size:18px;}
  .wrap_admission dl.item_1 dd{font-size:20px;padding:5px 0 10px 0;}
  .wrap_admission dl.item_1 dd span{}
  .wrap_admission dl.item_2{font-size:16px;}
}

.wrap-sns {position: relative; overflow:hidden; padding-bottom: 75px;}
.wrap-sns .text-loop {white-space: nowrap; margin-bottom: 50px;}
.wrap-sns .text-track {display: inline-block; display: flex; white-space: nowrap;}
.wrap-sns .text-loop p {font-family: 'SBA Medium'; font-size: 55px; color:#000; animation:textLoop 10s linear infinite; margin-right: 15px;}
.wrap-sns .text-loop p span {font-family: 'SBA Bold';}
@keyframes textLoop {
  100% {transform:translateX(-100%);}
}

.wrap-sns {margin-top: -85px;}
.wrap-sns .container {max-width:1720px; width:100%; margin:0 auto;}
.wrap-sns ul {display:flex; flex-wrap:wrap; margin:0 -13px; }
.wrap-sns li {width:25%; padding:0 13px; margin-bottom: 30px; position: relative; top: 100px; opacity: 0;}
.wrap-sns li:nth-last-child(-n+4) {margin-bottom:0;}
.wrap-sns .img-box {border-radius:15px; overflow:hidden; position: relative; padding-bottom:73%;}
.wrap-sns .img-box img {position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform .5s;}
.wrap-sns .box p {font-size: 18px; color:#000; font-family: 'SBA Light'; padding:15px 0;}
.wrap-sns .box p span{background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.wrap-sns a:hover .img-box img {transform: scale(1.1);}
.wrap-sns a:hover .box p span{background-size: 100% 1px;}

@media screen and (max-width:1800px) {
  .wrap-sns .container {padding:0 20px;}
}
@media screen and (max-width:1200px) {
  .wrap-sns{padding-bottom: 42px; margin-top: -3px;}
  .wrap-sns .text-loop p {font-size: 35px;}
  .wrap-sns ul {margin:0 -7px;}
  .wrap-sns li {padding:0 7px; margin-bottom: 10px;}
  .wrap-sns .box p {font-size: 16px;}
}
@media screen and (max-width:768px) {
  .wrap-sns{margin-top: 29px;}
  .wrap-sns .text-loop {margin-bottom: 20px;}
  .wrap-sns .text-loop p {font-size: 30px;}
  .wrap-sns ul {margin:0 -10px;}
  .wrap-sns li {width:50%; padding:0 10px;}
}