@charset "utf-8";

/*------Job-------*/
.list_job li{
position:relative;
display:flex;
justify-content:space-between;
width:calc(100vw / (1400 / 810));
height:calc(100vw / (1400 / 460));
}
.list_job li:nth-of-type(1){margin-left:0;}
.list_job li:nth-of-type(2){margin-left:calc(100vw / (1400 / 90));}
.list_job li:nth-of-type(3){margin-left:calc(100vw / (1400 / 190));}
.list_job li:nth-of-type(4){margin-left:0;}
.list_job li:nth-of-type(5){margin-left:calc(100vw / (1400 / 90));}
.list_job li:nth-of-type(6){margin-left:calc(100vw / (1400 / 190));}
.list_job li:nth-of-type(7){margin-left:0;}
.list_job li:nth-of-type(8){margin-left:calc(100vw / (1400 / 90));}
.list_job li+li{
margin-top:calc(100vw / (1400 / 50));
}
.list_job .img{
flex-shrink:0;
width:calc(100vw / (1400 / 300));
}
.list_job .right{
position:relative;
width:calc(100vw / (1400 / 510));
}
.list_job .ttl{
position:relative;
display:flex;
align-items:center;
}
.list_job .num{
margin-top:calc(100vw / (1400 / -10));
margin-right:calc(100vw / (1400 / 10));
font-size:calc(100vw / (1400 / 120));
line-height:1;
color:#fff;
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_job .h2{
margin:0;
padding:0;
}
.list_job li:nth-child(2) .h2,
.list_job li:nth-child(3) .h2{
letter-spacing:0;
}
.list_job .ill{
position:absolute;
bottom:0;
left:0;
height:calc(100vw / (1400 / 250));
}
.list_job .ill img{
width:auto;
height:100%;
}
.list_job .txt{
position:relative;
line-height:2;
}
.list_job .box_btn{
position:relative;
margin-top:calc(100vw / (1400 / 10));
}
.list_job .btn{
width:calc(100vw / (1400 / 180));
margin-right:0;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .list_job li{
  width:calc(100vw / (750 / 700));
  height:auto;
  }
  .list_job li:nth-of-type(1){margin-left:0;}
  .list_job li:nth-of-type(2){margin-left:0;}
  .list_job li:nth-of-type(3){margin-left:0;}
  .list_job li:nth-of-type(4){margin-left:0;}
  .list_job li:nth-of-type(5){margin-left:0;}
  .list_job li:nth-of-type(6){margin-left:0;}
  .list_job li:nth-of-type(7){margin-left:0;}
  .list_job li:nth-of-type(8){margin-left:0;}
  .list_job li+li{
  margin-top:calc(100vw / (750 / 75));
  }
  .list_job .img{
  width:calc(100vw / (750 / 230));
  }
  .list_job .right{
  width:calc(100vw / (750 / 470));
  }
  .list_job .num{
  margin-top:calc(100vw / (750 / -10));
  margin-right:calc(100vw / (750 / 10));
  font-size:calc(100vw / (750 / 140));
  }
  .list_job .ill{
  height:calc(100vw / (750 / 150));
  /*left:-0.5em;*/
  }
  .list_job .txt{
  font-size:calc(100vw / (750 / 24));
  ine-height:1.75;
  }
  .list_job .box_btn{
  margin-top:calc(100vw / (750 / 10));
  }
  .list_job .btn{
  width:calc(100vw / (750 / 300));
  /*box-shadow: 0 0 1em #fff;*/
  box-sizing:content-box;
  border:0.1em #fff solid;
  }
  .list_job li:nth-of-type(even) .img{order:2;}
  .list_job li:nth-of-type(even) .right{order:1;}
  .list_job li:nth-of-type(odd) .ill{left:auto;right:0;}
  .list_job li:nth-of-type(even) .ill{left:auto;right:-1em;}
  .list_job li:nth-of-type(odd) .btn{margin-right:auto;margin-left:0;}
  .list_job li:nth-of-type(even) .btn{margin-right:auto;margin-left:0;}
}