/*=============================================
*
* recruitページ
*
=============================================*/
/*---------------------------------------------
テキスト
---------------------------------------------*/
.txt01 {
	margin-bottom: 30px;
}
.note {
	text-align: center;
}
/* ============================================
topArea
============================================ */
#recruit #topArea {
	background: url(../images/recruit/recruitTopAreaImg-01.png) center top no-repeat;
	height: 472px;
}
@media screen and (max-width:1100px){
#recruit #topArea{
	background: url(../images/recruit/recruitTopAreaImg-02.png) center top no-repeat;
	height: 472px;
}
}
@media screen and (max-width:600px){
#recruit #topArea {
	background: url(../images/recruit/recruitTopAreaImg-03.png) center top no-repeat;
	height: 380px;
}
}
/*---------------------------------------------
見出し
---------------------------------------------*/
#recruit #topArea h2.h01 {
	background: url(../images/recruit/recruitTopHeading-01.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
@media screen and (max-width:600px){
#recruit #topArea h2.h01 {
	background: url(../images/recruit/recruitTopHeading-02.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
}
/*=============================================
*
* #sec01
*
=============================================*/
#recruit #sec01 {
	margin-bottom: 0;
}
#recruit #sec01 h2.lead01 {
	border-bottom: 1px #aaa solid;
	border-top: 1px #aaa solid;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 18px;
    margin-bottom: 30px;
	padding: 10px;
}
#recruit #sec01 .txt01 {
	text-align: center;
}
#recruit #sec01 #bannerArea {
	margin-bottom: 30px;
}
#recruit #sec01 #bannerArea li {
	border: 1px #ccc solid;
	margin: 0 1% 10px 1%;
	display: inline-block;
	
	transition: .3s;
    -webkit-transition: .3s;
}
#recruit #sec01 #bannerArea li a {
	transition: .3s;
    -webkit-transition: .3s;
}
#recruit #sec01 #bannerArea li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#recruit #sec01 h3.lead01 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 16px;
    margin-bottom: 30px;
	padding: 10px;
}
/*=============================================
*
* メールフォーム
*
=============================================*/
#recruit .formArea .txt01 {
	text-align: center;
} 

#recruit .required {
	color: #a00;
	display: inline-block;
	
}

#recruit span {
	display: inline-block;
	margin: 0 2px
}

#recruit .formArea input {
	text-align: center;
} 

#recruit input[type=text] , #recruit input[type=password] , #recruit input[type=email] {
    border: 1px solid #787a78;    
    display: inline-block;
    font-size: 16px;
	text-align: left;
    width: 60px;

    -webkit-border-radius: 1px;
    border-radius: 1px;
}


#recruit .submitBtn input {
    /*background: url(../images/common/nextArrowIcon6x11.png) no-repeat right center #14100d;*/
	background: #14100d;
    color: #fff;
    display: block;
    height: 43px;
    line-height: 43px;
    margin: 0 auto 30px auto;
    text-align: center;
    text-decoration: none;
    width: 220px;
    transition: .3s;
    -webkit-transition: .3s;
}

#recruit .emailForm span , #recruit .emailForm input {
	width: 240px;
}

.sent #mailFormArea , .sent .submitBtn {
    display: none;
}