@charset "utf-8";

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

#recruitment { background: url(../images/recruit/bg.gif); text-align: center; padding: 90px 0 110px;}
#recruitment h3 { font-size: 30px; font-weight: bold; padding: 60px 0 10px;}

#requirement { padding: 75px 0 100px;}
#requirement #blueRibbon { margin: 0 0 55px;}
#requirement dl { font-size: 16px;}
#requirement dl dd { float: none; width: auto; padding: 18px 0 18px 170px;}


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

#fv { background-size: cover;}
#head .head-contact { display: none;}

#recruitment { background-size: 50% auto; padding: 50px 0 50px;}
#recruitment h3 { font-size: 20px; padding: 15px 0 10px;}
#recruitment img { width: 100%; height: auto;}
#recruitment .text { text-align: left; }

#requirement dl dt,
#requirement dl dd { text-align: left; }
#requirement dl dd { float: none; width: auto; padding: 18px 0}

#requirement { padding: 25px 0 30px;}
#requirement #blueRibbon { margin: 0 0 25px;}
}