@charset "utf-8";
/* CSS Document */
.recruit-title{margin-top:10rem;text-align:center;}
.recruit-title h2{font-size:1.3rem;margin-bottom:1rem;}
.recruit-title p{font-size:3.5rem;line-height:normal;font-family:'Centaur',serif;}

.recruit-box{width:50%;margin:2rem auto 5rem;}
.recruit-box-title{margin-bottom:1rem;}
.recruit-box-title > h3{font-size:1.5rem;line-height:normal;color:#8E7640;}
.recruit-box-title > h3 span{font-size:1.2rem;line-height:normal;color:#FFF;background:#F00;padding:0 10px;margin-right:10px;}
.recruit-box-title > p span{display:inline-block;margin-top:2px;background:#528e40;color:#FFF;padding:1px 5px;line-height:normal;}

.recruit-box-img{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.recruit-box-img picture{width:33%;}

.recruit-box > table,.recruit-box > table tr,.recruit-box > table th,.recruit-box > table td{border:solid 1px #BBB;}
.recruit-box > table th{width:20%;background:#f4f4f4;padding:1rem;text-align:center;}
.recruit-box > table td{width:80%;padding:1rem;}

.recruit-link{width:30%;text-align:center;margin:5rem auto;}
.recruit-link a{background:#000;color:#FFF;padding:10px 0;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";border:solid 1px #000;}
.recruit-link a:hover{background:#FFF;color:#000;}

.recruit-flow{background:#f7f2e9;margin:5rem 0;padding:5rem 0 1rem;}
.recruit-flow h3{text-align:center;line-height:normal;font-size:1.5rem;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";letter-spacing:1px;}
.recruit-flow-list{width:60%;margin:3rem auto 0;display:flex;justify-content:center;align-items:flex-start;}
.recruit-flow-list li{width:30%;margin-right:5%;background:#FFF;padding:3rem 1.5rem;position:relative;}
.recruit-flow-list li h4{text-align:center;margin-bottom:1rem;font-size:1.3rem;line-height:normal;color:#603517;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-weight:bold;letter-spacing:1px;}
.recruit-flow-list li p{margin-top:1rem;}
.recruit-flow-list li:last-child{margin-right:0;}
.recruit-flow-list li::before{content:"➡";position: absolute;top:50%;right:-10%;}
.recruit-flow-list li:last-child::before{content:"";}


@media screen and (max-width:1366px){
.recruit-box{width:60%;}
}

@media screen and (max-width:1280px){
.recruit-box{width:65%;}	
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
.recruit-box{width:80%;}
.recruit-flow-list{width:90%;}	
}
@media screen and (max-width:640px){
.recruit-title{margin-top:7rem;}	
.recruit-title h2{font-size:1.1rem;}
.recruit-title p{font-size:2rem;}
	
.recruit-box-title > h3{text-align:center;margin-bottom:2rem}
	
.recruit-box-img{flex-wrap:wrap;}
.recruit-box-img picture:first-child{width:100%;}
.recruit-box-img picture:nth-child(2){width:50%;}
.recruit-box-img picture:last-child{width:50%;}

.recruit-box{width:95%;}		

.recruit-link{width:75%;}
.recruit-flow-list{display:block;}
.recruit-flow-list li{width:100%;margin:0 auto 15%;}
.recruit-flow-list li::before{top:105%;right:50%;transform:translateX(50%)rotate(90deg);}
	
}