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

.center { text-align: center; font-size: 14px; }

#title { background: url(../images/recruit/fv.jpg?var=180621) center center no-repeat; background-size: cover; padding: 177px 0;}
#title h2 {  font-family: Gill Sans; font-size: 65px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}

#intro { background: url(../images/about/bg.jpg) no-repeat; background-size: cover; text-align: center; padding: 60px 0;}
#intro h3 { color: #fff; font-size: 23px; padding: 0 0 20px;}
#intro p { color: #fff; font-size: 14px; line-height: 200%;}

#recruit { padding: 100px 0;  }
#recruit h4 { font-size: 18px; background: #2462ab; font-weight: bold; padding: 10px; color: #fff }
#recruit table { background: #f7f7f7; width: 1000px; margin-bottom: 50px; }
#recruit table th,
#recruit table td { padding: 20px; font-size: 16px; border-bottom: #e0e0e0 solid 1px;}
#recruit table td span { font-size: 12px;}
#recruit table th { font-weight: bold; }

#recruit .btn { padding: 50px 0 0; }
#recruit .btn a { display: block; background: #c50f31; color: #fff; padding: 20px 0; width: 310px; text-align: center; margin: 0 auto;}
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#title { background: url(../images/recruit/fv.jpg) center center no-repeat; background-size: cover; padding: 80px 0;}
#title h2 {  font-family: Gill Sans; font-size: 35px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}

#intro { background: url(../images/about/bg.jpg) no-repeat; background-size: cover; text-align: center; padding: 60px 0;}
#intro h3 { color: #fff; font-size: 20px; padding: 0 0 20px;}
#intro p { color: #fff; font-size: 14px; line-height: 200%; }

#recruit { padding: 50px 0;  }
#recruit h4 { font-size: 18px; background: #2462ab; font-weight: bold; padding: 10px; color: #fff }
#recruit table { background: #f7f7f7; width: 100%; margin-bottom: 50px; }
#recruit table th,
#recruit table td { padding: 10px; font-size: 12px; border-bottom: #e0e0e0 solid 1px;}
#recruit table th { width: 30%; }
#recruit table td span { font-size: 11px;}
#recruit table th { font-weight: bold; }

#recruit .btn { padding: 50px 0 0; }
#recruit .btn a { display: block; background: #c50f31; color: #fff; padding: 20px 0; width: 310px; text-align: center; margin: 0 auto;}

}