@charset "UTF-8";
/* CSS Document */

#recruit #wrapper { background:url(../img/con_bg_s.jpg) repeat-x center top;}
#recruit #header { height:435px; background:url(../../recruit/img/title_bg.jpg) no-repeat center top;}
#recruit #header h2 { top:61px; right:181px;}
#recruit #container { width: 100%;}

#recruit #lead { background: url(../../recruit/img/lead_bg.png)no-repeat center top;}
#recruit #lead .inner { width: 1200px; margin: 0 auto}
#recruit #lead .inner div { width: 715px; padding-top: 25px;}
#recruit #lead .inner div h3 { float: right; padding-right: 25px;}
#recruit #lead .inner div p { padding-top: 20px; float: right;}
#recruit #lead .inner div>img { padding-top: 35px; float: right;}
#recruit #lead .inner>img:nth-of-type(1) { padding-left: 70px; margin-top: -7px; float: left;}
#recruit #lead .inner>img:nth-of-type(2) { padding: 0 0 35px 5px; margin-top: -50px;}



#recruit #info_wrap { width: 1000px; padding: 30px; margin: 0 auto; background: #fff; box-sizing: border-box;}
#recruit #info_wrap table { width: 100%; border-left: 1px solid #bfab81;}
#recruit #info_wrap th { width: 70px; padding: 5px 20px; background: #fff2d7; text-align: center; vertical-align: top; border-bottom: 1px solid #bfab81; border-right: 1px solid #bfab81;
}
#recruit #info_wrap td { padding: 5px 12px; background: #fff8e9; border-bottom: 1px solid #bfab81; border-right: 1px solid #bfab81;}
#recruit #info_wrap h4 { padding: 11px; background: url(../../recruit/img/stit_bg.jpg)repeat-x;}

#recruit #sec1,
#recruit #sec2 { padding-bottom: 35px;}
#recruit #sec2 table { border-top: 1px solid #bfab81;}
#recruit #sec2 h5 { width: 120px; padding: 5px 15px 3px; margin-top: 20px; color: #fff; font-weight: bold; font-size: 13px; letter-spacing: 1px; text-align: center;}
#recruit #sec2 h5:nth-of-type(1) { background: #7bad00;}
#recruit #sec2 h5:nth-of-type(2) { background: #e76d2c;}
#recruit #sec3 h4 { margin-bottom: 40px;}
#recruit #sec3 div { padding: 0 40px 40px 60px; float: left;}
#recruit #sec3 div p { padding-top: 15px;}
#recruit #sec3 a { float: left;}
#recruit a:hover img{ opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}


/* ---------------------------------------------------
 #form_area
------------------------------------------------------ */
#recruit #form_area { width: 1000px; padding: 30px; margin: 0 auto; background: #fff; box-sizing: border-box;}
#recruit #form_area h4 { padding: 11px; margin-bottom: 20px; background: url(../../recruit/img/stit_bg.jpg)repeat-x;}

#recruit #form_area dl{ display: table; width: 100%; padding: 8px 10px; table-layout: fixed; border-bottom: 1px dashed #ddd;box-sizing: border-box;}
#recruit #form_area dt,
#recruit #form_area dd { display: table-cell; margin: 0; padding: 5px 10px; box-sizing: border-box;}
#recruit #form_area dt{ width: 30%; text-align: left;}
#recruit #form_area dd{ width: 69%; line-height: 2.4;}
#recruit #form_area .must { margin: 0 5px; color: #fb223f; font-size: 16px;}
#recruit #form_area button { background: none; border: none;}
#recruit #form_area button:hover img { opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}
#recruit #form_area h5 { padding: 4px 0; margin: 15px 0; font-size: 16px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; border-left: 7px solid #fcbb01;}
#recruit #form_area h5:not(:nth-of-type(1)) { margin: 40px 0 15px;}
#recruit #form_area dl:nth-of-type(odd) { background: #fefaef;}
#recruit #form_area h5+dl { border-top: 1px dashed #ddd;}
#recruit input { padding: 3px; font-size: 14px;}
#recruit #form_area li { display: inline-block;}

#recruit #form_area .denwa {text-align: center;}

#recruit .add_check { width: 1000px; padding: 50px 0; margin: 70px auto 100px; background: rgba(255, 255, 255, 0.7); text-align: center;}
#recruit .add_check h3 { width: 80%; padding-bottom: 10px; margin: 15px auto 20px; font-size: 21px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; border-bottom: 1px solid #fcbb01;}
#recruit .add_check p { font-size: 15px; line-height: 2;}



#recruit #lead .inner:after,
#recruit #lead .inner div:after,
#recruit #sec3:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }