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


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

#fv { background: url(../images/company/fv.jpg) no-repeat center center; background-size: cover; }


/* ------------------------------------------------------------ company */

#company-box { padding: 50px 0 0;}
#company-box h4 { background: url(../images/common/line.gif) repeat-x center 68px; display: block; font-size: 46px; text-align: center; color: #000; font-family: 'AlternateGothicEF_NoTwo'; letter-spacing: 3px; line-height: 130%; margin: 20px 0 0;}
#company-box h4 span { background: #fff; margin: 0 auto; padding: 0 20px; font-size: 18px; letter-spacing: 0px; line-height: 100%;}
#company-box p { font-size: 14px; color: #000; padding: 20px 0 35px; text-align: center; }
#company-box a { background: url(../images/company/icn_02.gif) no-repeat 260px center #c20303; display: block; width: 278px; margin: 0 auto; padding: 12px 0; 
font-size: 16px; color: #fff; text-align: center; }
#company-box .inner .box { margin: 0 0 0 -40px; padding: 0 0 60px; }
#company-box .inner .box div { float: left; padding: 0 0 100px 40px; }

#company-box a.top-btn { background: url(../images/common/icn_03.gif) no-repeat 445px center #cfcfcf; width: 480px; padding: 22px 0; color: #000; }

#recruit { text-align: center; padding: 0 0 50px; }

/* --------------------------------------------------------------------- mobile ------------------------------------------------------------ */

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


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

#fv { background: url(../images/company/fv_sp.jpg) no-repeat center center; background-size: 100%; margin: 76px auto 0; padding: 60px 0; }

/* ------------------------------------------------------------ company */

#company-box { padding: 0;}
#company-box h4 { background: url(../images/common/line.gif) repeat-x center 90%; display: block; font-size: 32px; padding: 5px 0 0; margin: 5px 0 0;}
#company-box h4 span { font-size: 14px; padding: 0 20px; }
#company-box p { padding: 10px 0 10px; }
#company-box .inner .box { margin: 0; padding: 0; }
#company-box .inner .box div { float: none; padding: 0; }
#company-box .inner .box div img { width: 100%; height: auto; }
#company-box a { background: url(../images/company/icn_02.gif) no-repeat 220px center #c20303; width: 252px; margin: 20px auto 60px; font-size: 14px; }

#company-box a.top-btn { background: url(../images/common/icn_03.gif) no-repeat 260px center #cfcfcf; width: 100%; margin: 40px auto 0; }

#recruit { text-align: center; padding: 0 0 50px; }
#recruit img { width: 100%; height: auto;}

}