@charset "utf-8";

/*------Employee-------*/
.list_employee::after{
content:'';
display:block;
clear:both;
}
.list_employee li{
position:relative;
border-top:2px #009565 solid;
width:calc(100vw / (1400 / 410));
height:calc(100vw / (1400 / 480));
}
.list_employee li:nth-of-type(2){
margin-top:calc(100vw / (1400 / 240));
}
.list_employee li:nth-of-type(odd){float:left;}
.list_employee li:nth-of-type(even){float:right;}
.list_employee li::after{
content:'';
position:absolute;
top:calc(100vw / (1400 / -8.5));
width:calc(100vw / (1400 / 15));
height:calc(100vw / (1400 / 15));
border-radius:50%;
background:#009565;
}
.list_employee li:nth-of-type(odd)::after{right:0;}
.list_employee li:nth-of-type(even)::after{left:0;}
.list_employee .img{
width:calc(100vw / (1400 / 260));
margin:calc(100vw / (1400 / 30)) 0 0;
}
.list_employee li:nth-of-type(odd) .img{margin-right:auto;}
.list_employee li:nth-of-type(even) .img{margin-left:auto;}
.list_employee .num{
position:absolute;
top:calc(100vw / (1400 / -30));
width:1.5em;
text-align:center;
font-size:calc(100vw / (1400 / 120));
line-height:1;
color:#fff;
/*
-webkit-text-stroke:1px #009565;
text-stroke:1px #009565;
*/
text-shadow:
1px 1px 0 #009565,-1px -1px 0 #009565,
-1px 1px 0 #009565,1px -1px 0 #009565,
1px 0 0 #009565,-1px 0 0 #009565,
0 1px 0 #009565,0 -1px 0 #009565;
}
.list_employee li:nth-of-type(odd) .num{right:-1.5em;}
.list_employee li:nth-of-type(even) .num{left:-1.5em;}
.list_employee .txt{
position:absolute;
top:calc(100vw / (1400 / 20));
}
.list_employee li:nth-of-type(odd) .txt{right:1em;text-align:right;}
.list_employee li:nth-of-type(even) .txt{left:1em;text-align:left;}
.list_employee li:nth-of-type(1) .h2{letter-spacing:0.2em;}
.list_employee li:nth-of-type(2) .h2{letter-spacing:0;}
.list_employee li:nth-of-type(3) .h2{letter-spacing:0;}
.list_employee li:nth-of-type(4) .h2{letter-spacing:0.1em;}
.list_employee li:nth-of-type(5) .h2{letter-spacing:0.2em;}
.list_employee li:nth-of-type(6) .h2{letter-spacing:0.1em;}
.list_employee li:nth-of-type(7) .h2{letter-spacing:0.1em;}
.list_employee li:nth-of-type(8) .h2{letter-spacing:0.2em;}
.list_employee .profile{
font-size:calc(100vw / (1400 / 14));
}
.list_employee .box_btn{
margin-top:calc(100vw / (1400 / 20));
}
.list_employee .btn{
width:calc(100vw / (1400 / 260));
margin:0;
}
.list_employee li:nth-of-type(odd) .btn{margin-right:auto;}
.list_employee li:nth-of-type(even) .btn{margin-left:auto;}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .list_employee li{
  position:relative;
  border-top:2px #009565 solid;
  width:calc(100vw / (750 / 520));
  height:calc(100vw / (750 / 500));
  }
  .list_employee li:nth-of-type(2){
  margin-top:0;
  }
  .list_employee li::after{
  top:calc(100vw / (750 / -8.5));
  width:calc(100vw / (750 / 15));
  height:calc(100vw / (750 / 15));
  }
  .list_employee .img{
  width:calc(100vw / (750 / 300));
  margin:calc(100vw / (750 / 30)) 0 0;
  }
  .list_employee li:nth-of-type(odd) .img{margin-right:auto;}
  .list_employee li:nth-of-type(even) .img{margin-left:auto;}
  .list_employee .num{
  top:calc(100vw / (750 / -30));
  width:1.2em;
  font-size:calc(100vw / (750 / 160));
  }
  .list_employee li:nth-of-type(odd) .num{right:-1.2em;}
  .list_employee li:nth-of-type(even) .num{left:-1.2em;}
  .list_employee .txt{
  position:absolute;
  top:calc(100vw / (750 / 20));
  }
  .list_employee .profile{
  font-size:calc(100vw / (750 / 22));
  text-shadow:1px 1px 0 #fff;
  }
  .list_employee .box_btn{
  margin-top:calc(100vw / (750 / 30));
  }
  .list_employee .btn{
  width:calc(100vw / (750 / 500));
  }
}



/*------Interview-------*/
.box_title{
position:relative;
width:calc(100vw / (1400 / 1000));
margin:0 auto;
height:calc(100vw / (1400 / 450));
padding-top:calc(100vw / (1400 / 50));
}
.box_title .h2{
display:flex;
align-items:center;
width:100vw;
margin:0 calc(100vw / (1400 / -200));
padding:0 calc(100vw / (1400 / 200));
height:calc(100vw / (1400 / 150));
background:linear-gradient(90deg,rgba(0,224,216,1),rgba(0,149,101,1));
color:#fff;
}
.box_title .sub{
width:calc(100vw / (1400 / 135));
margin-right:calc(100vw / (1400 / 40));
/*
position:absolute;
top:calc(100vw / (1400 / -30));
width:1.5em;
text-align:center;
font-size:calc(100vw / (1400 / 120));
line-height:1;
color:rgba(0,224,216,1);
-webkit-text-stroke:1px #fff;
text-stroke:1px #fff;
text-shadow:
1px 1px 0 #fff,-1px -1px 0 #fff,
-1px 1px 0 #fff,1px -1px 0 #fff,
1px 0 0 #fff,-1px 0 0 #fff,
0 1px 0 #fff,0 -1px 0 #fff;
*/
}
.box_title .read{
margin-top:calc(100vw / (1400 / 15));
width: calc(100vw / (1400 / 680));
font-size:calc(100vw / (1400 / 32));
font-weight:700;
}
.box_title .profile{
margin-top:calc(100vw / (1400 / 30));
width: calc(100vw / (1400 / 680));
font-size:calc(100vw / (1400 / 18));
}
.box_title .img{
position:absolute;
bottom:0;
right:calc(100vw / (1400 / -150));
width:calc(100vw / (1400 / 690));
}
.box_interview{
margin-top:calc(100vw / (1400 / 100));
display:flex;
align-items:center;
}
.box_interview+.box_interview{
margin-top:calc(100vw / (1400 / 50));
}
#interview01,
#interview03{
justify-content:flex-start;
}
#interview02,
#interview04{
justify-content:flex-end;
}
.box_interview .img{
flex-shrink:0;
width:calc(100vw / (1400 / 680));
overflow:hidden;
}
#interview01 .img,
#interview03 .img{
order:1;
margin-right:calc(100vw / (1400 / 20));
border-radius:0 calc(100vw / (1400 / 50)) calc(100vw / (1400 / 50)) 0;
}
#interview02 .img,
#interview04 .img{
order:2;
margin-left:calc(100vw / (1400 / 20));
border-radius:calc(100vw / (1400 / 50)) 0 0 calc(100vw / (1400 / 50));
}
.box_interview .txt{
width:calc(100vw / (1400 / 480));
}
#interview01 .txt,
#interview03 .txt{
order:2;
margin-left:calc(100vw / (1400 / 20));
}
#interview02 .txt,
#interview04 .txt{
order:1;
margin-right:calc(100vw / (1400 / 20));
}
.box_interview h3{
margin-bottom:calc(100vw / (1400 / 20));
font-size:calc(100vw / (1400 / 32));
}
.box_interview p{
line-height:2;
}
.box_schedule{
position:relative;
display:flex;
align-items:stretch;
justify-content:center;
height:calc(100vw / (1400 / 580));
margin-top:calc(100vw / (1400 / 100));
background:linear-gradient(90deg,rgba(0,224,216,0.2),rgba(0,149,101,0.2));
}
.box_schedule.wide{/*03,05*/
height:calc(100vw / (1400 / 740));
}
.box_schedule.wide2{/*06*/
height:calc(100vw / (1400 / 640));
}
.box_schedule.wide3{/*08*/
height:calc(100vw / (1400 / 590));
}
.box_schedule .img{
align-self:center;
width:calc(100vw / (1400 / 320));
margin-right:calc(100vw / (1400 / 20));
}
.list_schedule{
display:flex;
align-items:center;
width:calc(100vw / (1400 / 660));
/*border-left:1px #009565 solid;*/
position: relative;
}
.list_schedule::after{
content:'';
display:block;
position: absolute;
left:0;
top:0;
height:100%;
width:1px;
background:#009565;
}
.list_schedule ol{
display:flex;
flex-direction:column;
justify-content:space-around;
/*height:85%;*/
  height:100%;
  padding:calc(100vw / (1400 / 40)) 0;
}
/*.list_schedule.wide ol{
height:calc(85% + (100vw / (1400 / 160)));
}
.list_schedule.wide2 ol{
height:calc(85% + (100vw / (1400 / 60)));
}
.list_schedule.wide3 ol{
height:calc(85% + (100vw / (1400 / 10)));
}*/
.list_schedule li{
position:relative;
display:flex;
align-items:flex-start;
font-size:calc(100vw / (1400 / 14));
letter-spacing:0;
}
.list_schedule.tume li{
line-height:1.5;
}
.list_schedule li::before{
content:'';
position:absolute;
top:calc(100vw / (1400 / 8));
left:calc(100vw / (1400 / -3.75));
display:inline-block;
width:calc(100vw / (1400 / 7));
height:calc(100vw / (1400 / 7));
border-radius:50%;
background:#009565;
}
/*
.list_schedule li+li{
margin-top:calc(100vw / (1400 / 50));
}
*/
.list_schedule .time{
flex-shrink:0;
display:flex;
align-items:center;
width:calc(100vw / (1400 / 140));
font-size:calc(100vw / (1400 / 18));
line-height:1.3;
letter-spacing:0;
font-weight:700;
color:#009565;
}
.list_schedule .time::before,
.list_schedule .time::after{
content:'';
display:inline-block;
width:calc(100vw / (1400 / 20));
height:1px;
background:#009565;
}
.list_schedule .time::before{
margin-right:calc(100vw / (1400 / 10));
}
.list_schedule .time::after{
margin-left:calc(100vw / (1400 / 10));
}
.box_nav{
margin-top:calc(100vw / (1400 / 100));
padding:calc(100vw / (1400 / 40)) 0;
background:#f2f2f2;
}
.box_nav h3{
margin:-0.15em 0 -0.15em;
padding-bottom:calc(100vw / (1400 / 40));
text-align:center;
font-size:calc(100vw / (1400 / 24));
font-weight:700;
color:#009565;
}
.box_nav .ttl{
padding-top:0.5em;
display:flex;
align-items:center;
}
.box_nav .num{
margin-top:calc(100vw / (1400 / -10));
margin-right:calc(100vw / (1400 / 10));
font-size:calc(100vw / (1400 / 60));
line-height:1;
letter-spacing:0;
color:#f2f2f2;
text-shadow:
1px 1px 0 #009565,-1px -1px 0 #009565,
-1px 1px 0 #009565,1px -1px 0 #009565,
1px 0 0 #009565,-1px 0 0 #009565,
0 1px 0 #009565,0 -1px 0 #009565;
}
.box_nav h4{
font-size:calc(100vw / (1400 / 18));
line-height:1.3;
letter-spacing:0;
font-weight:700;
color:#009565;
}
.box_nav .img{
width:calc(100vw / (1400 / 160));
margin:calc(100vw / (1400 / 20)) auto 0;
}
.box_nav .box_btn{
margin-top:calc(100vw / (1400 / 20));
}
.box_nav .btn{
width:calc(100vw / (1400 / 120));
}
@media screen and (min-width:768px){
  .box_title .read.tume{
  margin:calc(100vw / (1400 / 10)) 0 calc(100vw / (1400 / -10));
  line-height:1.375;
  }
}
@media screen and (max-width:767px){
  #interview .pagename{
  letter-spacing:0.1em;
  }
  .box_title{
  width:calc(100vw / (750 / 700));
  height:auto;
  padding-top:calc(100vw / (750 / 50));
  }
  .box_title .h2{
  width:calc(100vw / (750 / 750));
  margin:0 calc(100vw / (750 / -25));
  padding:0 calc(100vw / (750 / 25));
  height:calc(100vw / (750 / 180));
  }
  .box_title .sub{
  width:calc(100vw / (750 / 150));
  margin-right:calc(100vw / (750 / 20));
  }
  .box_title .read{
  margin-top:calc(100vw / (750 / 20));
  width: calc(100vw / (750 / 700));
  font-size:calc(100vw / (750 / 32));
  }
  .box_title .profile{
  margin-top:calc(100vw / (750 / 40));
  width: calc(100vw / (750 / 680));
  font-size:calc(100vw / (750 / 28));
  }
  .box_title .img{
  bottom:auto;
  top:calc(100vw / (750 / -15));
  right:calc(100vw / (750 / -50));
  width:calc(100vw / (750 /370));
  }
  .box_interview{
  display:block;
  width:calc(100vw / (750 / 700));
  margin:calc(100vw / (750 / 100)) auto 0;
  }
  .box_interview+.box_interview{
  margin-top:calc(100vw / (750 / 50));
  }
  .box_interview .img{
  width:100%;
  }
  #interview01 .img,
  #interview03 .img,
  #interview02 .img,
  #interview04 .img{
  margin:calc(100vw / (750 / 20)) 0 0;
  border-radius:calc(100vw / (750 / 50));
  }
  .box_interview .txt{
  width:100%;
  }
  #interview01 .txt,
  #interview03 .txt,
  #interview02 .txt,
  #interview04 .txt{
  margin:0;
  }
  .box_interview h3{
  margin-bottom:calc(100vw / (750 / 20));
  font-size:calc(100vw / (750 / 40));
  }
  .box_interview p{
  line-height:1.75;
  }
  .box_schedule{
  height:auto;
  margin-top:calc(100vw / (750 / 100));
  /*overflow:hidden;*/
  /*position: relative;*/
  }
  .box_schedule.wide,
  .box_schedule.wide2,
  .box_schedule.wide3{
  height:auto;
  }
  .box_schedule .img{
  /*position:absolute;*/
  /*background: #ffcccc;*/
  /*align-self:auto;*/
  width:calc(100vw / (750 / 170));
  margin-right:0;
  /*height:100%;*/
  }
  .box_schedule .img img{
  /*position:sticky;
  top:0;*/
  width:200%;
  transform:translateX(-30%);
  }
  .box_schedule .img.fix img{
  transform:translateX(-15%);
  }
  .list_schedule{
  display:flex;
  align-items:center;
  width:calc(100vw / (750 / 540));
  /*border-left:1px #009565 solid;*/
  }
  .list_schedule::after{
  box-sizing:content-box;
  /*border-right:1px #B2DED5 solid;*/
  }
  .list_schedule ol{
  height:100%;
  padding:calc(100vw / (750 / 40)) 0;
  }
  .list_schedule li{
  position:relative;
  padding-left:calc(100vw / (750 / 30));
  padding-right:calc(100vw / (750 / 20));
  /*display:block;*/
  align-items:flex-start;
  font-size:calc(100vw / (750 / 24));
  line-height:1.5;
  }
  .list_schedule li+li{
  margin-top:calc(100vw / (750 / 20));
  }
  .list_schedule .time{
  width:calc(100vw / (750 / 120));
  margin-left:calc(100vw / (750 / -30));
  margin-right:0.5em;
  font-size:calc(100vw / (750 / 24));
  line-height:1.5;
  text-shadow:1px 1px 0 #CCF4F0;
  }
  .list_schedule li::before{
  top:calc(100vw / (750 / 11));
  left:calc(100vw / (750 / -7));
  width:calc(100vw / (750 / 14));
  height:calc(100vw / (750 / 14));
  }
  .list_schedule .time::before,
  .list_schedule .time::after{
  width:calc(100vw / (750 / 30));
  }
  .list_schedule .time::before{
  margin-right:calc(100vw / (750 / 10));
  }
  .list_schedule .time::after{
  margin-left:calc(100vw / (750 / 10));
  }
  .box_nav{
  margin-top:calc(100vw / (750 / 100));
  padding:calc(100vw / (750 / 40)) 0;
  }
  .box_nav h3{
  margin:-0.15em 0 -0.15em;
  padding-bottom:calc(100vw / (750 / 40));
  font-size:calc(100vw / (750 / 38));
  }
  .box_nav .num{
  margin-top:calc(100vw / (750 / -10));
  margin-right:calc(100vw / (750 / 10));
  font-size:calc(100vw / (750 / 80));
  }
  .box_nav h4{
  font-size:calc(100vw / (750 / 24));
  }
  .box_nav .img{
  width:95%;
  margin:calc(100vw / (750 / 20)) auto 0;
  }
  .box_nav .box_btn{
  margin-top:calc(100vw / (750 / 20));
  }
  .box_nav .btn{
  width:calc(100vw / (750 / 200));
  }
}