@charset "utf-8";
/* ------------------------------------------------------------ common */

#fv { background: url(../images2/recruit/fv.jpg) center center no-repeat; color: #fff;}

#recruit { padding: 60px 0 110px;}
#recruit .theme { padding: 0 0 140px;}
#recruit .theme img { margin: 0 auto; display: block; }
#recruit .theme div { width: 800px; margin: 0 auto; padding: 50px 0 65px;}
#recruit .theme h4 { font-size: 30px; padding: 0 0 40px; font-family: 'Noto Sans Japanese medium';}
#recruit .theme p { line-height: 32px; font-size: 15px;}
#recruit .intro { padding: 0 0 85px;}
#recruit .intro { text-align: center;}
#recruit .intro img { width: 100%; height: auto;}
#recruit .intro h4 { font-size: 28px; padding: 60px 0 35px; font-family: 'Noto Sans Japanese medium';}
#recruit dl { border-bottom: 1px solid #ededed; margin: 0 0 65px;}
#recruit dl dt { float: left; padding: 30px 0; font-family: 'Noto Sans Japanese medium';}
#recruit dl dd { padding: 30px 0 30px 175px; border-top: 1px solid #ededed;}
#recruit .link { text-align: center;} 

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv { background: url(../images2/recruit/fv.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 20% 0;}

#recruit { padding: 0 0 40px;}
#recruit .theme { padding: 0 0 50px;}
#recruit .theme img { float: none; width: 100%; height: auto;}
#recruit .theme div { float: none; width: 100%; padding: 25px 0 30px;}
#recruit .theme h4 { font-size: 20px; padding: 0 0 20px;}
#recruit .theme p { line-height: 32px;}
#recruit .intro { padding: 0 0 40px;}
#recruit .intro { text-align: center;}
#recruit .intro img { width: 100%; height: auto;}
#recruit .intro h4 { font-size: 20px; padding: 30px 0 15px;}
#recruit dl { border-bottom: 1px solid #ededed; margin: 0 0 30px;}
#recruit dl dt { float: none; padding: 15px 0; font-family: 'Noto Sans Japanese bold'; display: block;}
#recruit dl dd { padding: 15px 0; border-top: 1px solid #ededed; display: block;}
#recruit .link { text-align: center;} 
#recruit .link img { width: 100%; height: auto;}

}