@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 */
#recruit { margin: 120px auto 80px; }
#recruit .rec_image { }
#recruit .rec_image .main_img { }
#recruit .rec_image .main_img img { width: 100%; height: auto; }
#recruit .rec_image .thumbs { }
#recruit .rec_image .thumbs li { float: left; width: calc(100% / 6 - 1px); margin: 1px 0 0 1px; }
#recruit .rec_image .thumbs li:first-child { margin: 1px 0 0; }
#recruit .rec_image .thumbs li img { width: 100%; height: auto; }
#recruit h3 { font-size: 32px; padding: 40px 0 10px; }
#recruit p { font-size: 15px; line-height: 220%; }

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

#recruit .bot_img {  }
#recruit .bot_img img { width: 100%; height: auto; }

/* ------------------------------------------------------------ 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 */
#recruit { margin: 50px auto; }
#recruit .rec_image .thumbs li { width: calc(100% / 3 - 1px); }
#recruit .rec_image .thumbs li:nth-of-type(3n + 1) { margin: 1px 0 0; }
#recruit h3 { font-size: 24px; padding: 30px 0 10px; }
#recruit p { font-size: 14px; line-height: 200%; }

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


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


}