@charset "utf-8";

/*------Recruitment-------*/
.txt{
margin:calc(100vw / (1400 / -9)) 0;
padding-bottom:calc(100vw / (1400 / 30));
font-size:calc(100vw / (1400 / 14));
line-height:calc(100vw / (1400 / 32));
}
.table{
width:100%;
}
.table>tbody>tr>th,
.table>tbody>tr>td{
border-top:1px #ccc solid;
}
.table>tbody>tr:last-child>th,
.table>tbody>tr:last-child>td{
border-bottom:1px #ccc solid;
}
.table>tbody>tr>th{
width:25%;
background:linear-gradient(90deg,rgba(0,224,216,0.1),rgba(0,149,101,0.1));
vertical-align:middle;
text-align:center;
font-weight:400;
color:#009565;
}
.table>tbody>tr>td{
padding:1em 2.5em;
text-align:left;
}
.table h4{
margin-top:1em;
}
.table h4:first-of-type{
margin-top:0;
}
.table h4+p{
padding-left:1em;
}
.gyoumu th,
.gyoumu td{
vertical-align:top;
text-align:left;
font-weight:400;
}
.gyoumu th{
white-space:nowrap;
}
.box_btn{
margin-top:calc(100vw / (1400 / 30));
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .txt{
  margin:calc(100vw / (750 / -9)) 0;
  padding-bottom:calc(100vw / (750 / 30));
  font-size:calc(100vw / (750 / 22));
  line-height:1.75;
  }
  .table>tbody>tr>th,
  .table>tbody>tr>td{
  display:block;
  }
  .table>tbody>tr>th{
  width:100%;
  padding:0.5em 0;
  }
  .table>tbody>tr>td{
  padding:0.5em 0;
  border-top:none;
  }
  .table>tbody>tr:last-child>th{
  border-bottom:none;
  }
  .box_btn{
  margin-top:calc(100vw / (750 / 50));
  }
}



/*------Recruit/EntryNaviBox-------*/
.box_banner:before{
content:'';
display:block;
visibility:hidden;
width:1px;
height:calc(100vw / (1400 / 70));
margin-top:calc(100vw / (1400 / -70));
}
.banner{
display:flex;
width:100%;
max-width:1000px;
margin:calc(100vw / (1400 / 50)) auto 0;
}
.banner li{
width:48%;
flex-shrink:0;
}
.banner li:nth-child(2n){
margin-left:4%;
}
.banner li a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
}
.banner li.line{
border:2px #00bbff solid;
padding:4%;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .box_banner:before{
  height:calc(100vw / (750 / 120));
  margin-top:calc(100vw / (750 / -120));
  }
  .banner{
  flex-wrap:wrap;
  margin:calc(100vw / (750 / 50)) auto 0;
  }
  .banner li{
  width:90%;
  margin:0 5% 0;
  }
  .banner li:nth-child(n+2),
  .banner li:nth-child(2n){
  margin:1em 5% 0;
  }
  .banner li a{
  min-height:4em;
  }
  .h_menu02 label{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  width:100%;
  cursor:pointer;
  }
}


