@charset "utf-8";

/* #cont1 */
#cont1{
  padding-bottom:180px;
  position:relative;
  z-index:2;
}
#cont1 .inner{
  width:80%;
  margin-top:140px;
  text-align:left;
}
#cont1 .inner h2{
  line-height:1;
}
#cont1 .inner h2 .en{
  font-size:132px;
  color:#fff;
  position:absolute;
  right:0;
  top:62%;
  z-index:-1;
  white-space:nowrap;
}
#cont1 .inner h2 .jp{
  font-size:86px;
  letter-spacing:0.05em;
  white-space:nowrap;
}
#cont1 .inner h2 .jp .tume1{
  letter-spacing:-0.42em;
}
#cont1 .inner h2 .jp .tume2{
  letter-spacing:-0.24em;
}
#cont1 .inner p{
  line-height:2.6;
  margin-top:2.6em;
  font-size:20px;
  font-weight:bold;
  letter-spacing:0.1em;
}
#cont1 .blue_btn{
  position:absolute;
  right:9%;
  bottom:9%;
}

@media screen and (max-width:1024px){
  #cont1 .inner h2 .en{
    font-size:13.2vw;
  }
  #cont1 .inner h2 .jp{
    font-size:8.6vw;
  }
}

@media screen and (max-width:768px){
  #cont1{
    padding-bottom:45%;
  }
  #cont1 .inner{
    width:90%;
    margin-top:14%;
  }
  #cont1 .inner h2 .en{
    font-size:19vw;
    top:52%;
  }
  #cont1 .inner h2 .jp{
    font-size:12.8vw;
  }
  #cont1 .inner p{
    line-height:2.3;
    margin-top:2.3em;
    font-size:3.7vw;
  }
}


/* #cont2 */
#cont2{
}
#cont2 .tit3 .en{
  display:block;
}
#cont2 .list{
  max-width:870px;
  margin-top:50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont2 .list li{
  width:20%;
}
#cont2 .list li h3{
  font-weight:normal;
  aspect-ratio:1 / 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background:url(../images/recruit/cont2_bg.png)no-repeat center center;
  background-size:100% auto;
}
#cont2 .list li h3 .middle{
  display:block;
  font-size:25px;
}
#cont2 .list li h3 .large{
  line-height:1;
  font-size:36px;
  display:inline-block;
  padding:0 0.15em;
  transform:scaleX(1.2);
}
#cont2 .list li h3 .slarge{
  line-height:1.3;
  font-size:28px;
}
#cont2 .list li h3 .small{
  display:block;
}
#cont2 .list li p{
  margin-top:1.7em;
  text-align:left;
}

@media screen and (max-width:768px){
  #cont2 .list{
    width:82%;
    margin-top:20%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #cont2 .list li{
    width:46%;
    margin-top:30%;
  }
  #cont2 .list li:nth-child(odd){
    transform:translateY(-50%);
  }
  #cont2 .list li h3 .middle{
    font-size:5.3vw;
  }
  #cont2 .list li h3 .large{
    font-size:7.2vw;
  }
  #cont2 .list li h3 .slarge{
    font-size:5.6vw;
  }
}


/* .box_list */
.box_list{
  max-width:870px;
  margin-top:30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.box_list li{
  width:48%;
  margin-top:3%;
  padding:3% 0 3% 4%;
  border:1px solid #3D68CE;
  border-radius:0.5em;
  text-align:left;
}
.box_list li .large{
  display:block;
  line-height:1.2;
  font-size:32px;
  font-weight:bold;
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
  .box_list{
    width:84%;
    margin-top:3%;
    display: block;
  }
  .box_list li{
    width:auto;
    margin-top:5%;
    padding:5% 4%;
    border-width:2px;
    letter-spacing:0.1em;
    white-space:nowrap;
  }
  .box_list li .large{
    font-size:5.8vw;
  }
  .box_list li .no_space{
    letter-spacing:0;
  }
}



/* #cont3 */
#cont3{
  padding-bottom:0;
}
@media screen and (max-width:768px){
  #cont3{
    padding-bottom:5%;
  }
}


/* #cont4 */
#cont4{
}


/* #cont5 */
#cont5{
}
#cont5 .inner{
  max-width:870px;
  padding:50px 70px;
  background-color:#fff;
}
#cont5 .inner h2{
  font-size:34px;
  letter-spacing:0.2em;
  text-indent:0.2em;
}
#cont5 .inner .school{
  margin-top:30px;
  display: -webkit-flex;
  display: flex;
}
#cont5 .inner .school div{
  padding-right:1em;
  line-height:2;
  text-align:left;
}
#cont5 .inner .school div:first-child{
  width:62%;
}
#cont5 .inner .school div:last-child{
  width:38%;
}

@media screen and (max-width:1024px){
  #cont5 .inner{
    padding:50px 50px;
  }
}

@media screen and (max-width:768px){
  #cont5 .inner{
    padding:5%;
  }
  #cont5 .inner h2{
    font-size:4.8vw;
  }
  #cont5 .inner .school{
    margin-top:0;
    display:block;
  }
  #cont5 .inner .school div{
    margin-top:9%;
    padding-right:0;
    font-size:3.2vw;
  }
  #cont5 .inner .school div:first-child{
    width:auto;
  }
  #cont5 .inner .school div:last-child{
    width:auto;
    margin-top:12%;
  }
  #cont5 .inner .school div dd{
    letter-spacing:-0.03em;
    white-space:nowrap;
  }
}


/* #cont6 */
#cont6{
  padding-bottom:120px;
}
#cont6 .tab_wrapper{
  max-width:850px;
  margin-top:50px;
}
#cont6 .tab_wrapper .tab{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  border-bottom:1px solid #5886E3;
}
#cont6 .tab_wrapper .tab li{
  width:42%;
  line-height:3;
  margin:0 0.5%;
  border:1px solid #5886E3;
  border-bottom:none;
  font-size:20px;
  letter-spacing:0.5em;
  text-indent:0.5em;
  color:#5886E3;
  cursor:pointer;
}
#cont6 .tab_wrapper .tab li.active{
  color:#fff;
  background-color:#5886E3;
}
#cont6 .tab_wrapper .tab_cont{
  padding:20px 0;
}
#cont6 .tab_wrapper .tab_cont li:last-child{
  display:none;
}
#cont6 .tab_wrapper .tab_cont li .tbl{
  max-width:720px;
  width:94%;
  margin:auto;
}
#cont6 .tab_wrapper .tab_cont li .tbl tr{
  border-bottom:1px solid #5886E3;
}
#cont6 .tab_wrapper .tab_cont li .tbl th,
#cont6 .tab_wrapper .tab_cont li .tbl td{
  padding:0.7em 1em;
  font-size:16px;
  text-align:left;
  vertical-align:top;
}
#cont6 .tab_wrapper .tab_cont li .tbl th{
  width:10em;
}
#cont6 .tab_wrapper .tab_cont li .tbl td dl{
  line-height:1.4;
}
#cont6 .tab_wrapper .tab_cont li .tbl td dl .mt{
  margin-top:1em;
}

#cont6 .btn_wrapper{
  max-width:800px;
  margin-top:90px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont6 .btn_wrapper li{
  width:47%;
}
#cont6 .btn_wrapper li a{
  display:block;
  line-height:1.3;
  padding:7%;
  font-size:32px;
  text-align:left;
  border:1px solid #1B4DB3;
  border-radius:0.5em;
  position:relative;
}
#cont6 .btn_wrapper li a:hover{
  opacity:1;
}
#cont6 .btn_wrapper li a .en{
  font-weight:bold;
}
#cont6 .btn_wrapper li a .jp{
  display:block;
  font-size:20px;
  letter-spacing:0.2em;
}
#cont6 .btn_wrapper li a .middle{
  font-size:24px;
}
#cont6 .btn_wrapper li a img{
  width:1.5em;
  position:absolute;
  right:0.5em;
  top:50%;
  transform:translateY(-50%);
  -webkit-transition : transform 0.4s;  
  transition : transform 0.4s;
}
#cont6 .btn_wrapper li a:hover img{
  transform:translateY(-50%) scale(1.25);
}

@media screen and (max-width:768px){
  #cont6{
    padding-bottom:20%;
  }
  #cont6 .tab_wrapper{
    width:100%;
    margin-top:9%;
  }
  #cont6 .tab_wrapper .tab li{
    line-height:2.4;
    font-size:4.2vw;
  }
  #cont6 .tab_wrapper .tab_cont{
    padding:3% 0;
  }
  #cont6 .tab_wrapper .tab_cont li .tbl{
    width:90%;
  }
  #cont6 .tab_wrapper .tab_cont li .tbl th,
  #cont6 .tab_wrapper .tab_cont li .tbl td{
    padding:0.7em 0.3em;
    font-size:3.2vw;
    white-space:nowrap;
  }
  #cont6 .tab_wrapper .tab_cont li .tbl th{
    width:6em;
  }
  
  #cont6 .btn_wrapper{
    width:80%;
    margin-top:12%;
    display: block;
  }
  #cont6 .btn_wrapper li{
    width:auto;
    margin-top:7%;
  }
  #cont6 .btn_wrapper li a{
    padding:7%;
    font-size:5.8vw;
    border-radius:0.5em;
  }
  #cont6 .btn_wrapper li a .jp{
    font-size:3.7vw;
  }
  #cont6 .btn_wrapper li a .middle{
    font-size:4.2vw;
  }
  #cont6 .btn_wrapper li a img{
    width:1.5em;
    position:absolute;
    right:0.5em;
    top:50%;
    transform:translateY(-50%);
    -webkit-transition : transform 0.4s;  
    transition : transform 0.4s;
  }
}