.mvimg{
 padding: 40px 15px;
 position: relative;
 max-width: 1680px;
 margin: 0px auto;
}
.mvimg h2{
 position: absolute;
 top: 10%;
 left: 10%;
 max-width: 416px;
 width: 35%;
}
.mvimg .icon{
 position: absolute;
 right: 12%;
 bottom: 12%;
 max-width: 334px;
 width: 20%;
}

#sec_staff .bg{
 background: url(../img/recruit/bg.gif) center center;
 padding: 30px;
 box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
 background-size: cover;
}
#sec_staff .list li{
 padding: 10px 0px 20px;
 display: flex;
 justify-content: space-between;
 align-items: end;
 background: url(../img/recruit/border.png) no-repeat center bottom;
 background-size: 100% auto;
}
#sec_staff .list li .name{
 min-width: 6em;
 text-align: right;
}

#sec_req .bg{
 border: solid 1px var(--main-color);
 padding: 50px;
}
#sec_req .list li{
 display: flex;
 margin-bottom: 2em;
}
#sec_req .list li h3{
 min-width: 8em;
}
#contact{
 width: 100%;
 overflow-x: hidden;
}
#contact form{
 background: #F0E6BF;
 padding: 50px 30px;
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 1257px) {
 .mvimg{
  padding: 15px;
 }
 .mvimg h2{
  position: absolute;
  top: 15%;
  left: 5%;
  width: 40%;
 }
 .mvimg .icon{
  position: absolute;
  right: 4%;
  bottom: 2%;
  width: 25%;
 }

 #sec_staff .bg{
  padding: 20px;
 }

 #sec_req .bg{
  border: solid 1px var(--main-color);
  padding: 20px;
 }
 #sec_req .list li{
  display: block;
  margin-bottom: 1em;
 }
 #sec_req .list li h3{
  margin-bottom: 5px;
 }

 #contact .btns a{
  display: inline-block;
  color: #fff;
  background: var(--main-color);
  border-radius: 40px;
  min-width: 300px;
  text-align: center;
  padding: 2px;
  margin: 2px;
 }

 #contact form{
  background: #F0E6BF;
  padding: 20px 15px;
 }
}


/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 600px) {
}