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

#fv { background: url(../images/recruit/fv.jpg) center center no-repeat; background-size: cover; padding: 300px 0 250px; }
#fv .fv_text { font-size: 18px; letter-spacing: 5px; }
#fv .fv_text span { font-size: 68px; color: #3588df; display: block; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 130%; letter-spacing: 14px;}

/* ------------------------------------------------------------ recruit */
#requirment .buttons { text-align: center; margin: 120px auto 170px; }
#requirment .buttons a { background: #fff; color: #3588df; border: 1px solid #3588df; display: inline-block; width: 348px; text-align: center; padding: 30px 0; font-size: 20px; border-radius: 5px; -webkit-border-radius: 5px; }
#requirment .buttons a.on { background: #3588df; color: #fff; }
#requirment .buttons a:first-of-type { margin: 0 20px 0 0; }
#requirment .buttons a:last-of-type { margin: 0 0 0 20px; }

#requirment .blocks { margin: 0 auto 140px; }
#requirment .blocks h3 { letter-spacing: 5px; font-size: 32px; text-align: center; }
#requirment .blocks h3 span { display: block; font-size: 22px; color: #3588df; font-family: 'Lato', sans-serif; line-height: 100%; }
#requirment .blocks table { width: 100%; margin: 30px 0 50px; }
#requirment .blocks table th { text-align: left; font-size: 16px; width: 170px; padding: 25px 0 25px 20px; vertical-align: top; border-bottom: 1px solid #e5e5e5; }
#requirment .blocks table td { font-size: 16px; padding: 25px 0; border-bottom: 1px solid #e5e5e5; }
#requirment .blocks table tr:first-child th,
#requirment .blocks table tr:first-child td { border-top: 1px solid #e5e5e5; }

.b_btn a { width: 300px; }

/* ------------------------------------------------------------ back */
.btn_back { padding: 0 0 100px; }

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

/* ------------------------------------------------------------ fv */

#fv { background: url(../images/recruit/fv.jpg) center center no-repeat; padding: 100px 0 50px; background-size: cover; }
#fv .fv_text { font-size: 16px; text-align: center; }
#fv .fv_text span { font-size: 30px; }
/* ------------------------------------------------------------ recruit */

#requirment .buttons { margin: 50px auto 70px; }
#requirment .buttons a { width: 290px; padding: 15px 0; font-size: 17px; }
#requirment .buttons a:first-of-type { margin: 0 auto 15px; }
#requirment .buttons a:last-of-type { margin: 15px auto 0; }


#requirment .blocks { margin: 0 auto 100px; }
#requirment .blocks h3 { letter-spacing: 3px; font-size: 24px; }
#requirment .blocks h3 span { font-size: 16px; }
#requirment .blocks table { width: 100%; margin: 20px 0 30px; }
#requirment .blocks table th { font-size: 14px; width: 100%; padding: 10px; display: block; box-sizing: border-box; background: #e5e5e5; }
#requirment .blocks table td { font-size: 14px; padding: 10px; display: block; border: none; box-sizing: border-box; }
#requirment .blocks table tr:first-child td { border-top: none; }


/* ------------------------------------------------------------ back */
.btn_back { padding: 0 0 30px; }


}