/* CSS Document */



article { background-color: #efefe4; padding-bottom: 80px;}


.header1 { padding: 35px 0 55px; }

/*------------------------------------------------------
	応募方法
------------------------------------------------------*/
#methodWrap { width: 940px; margin: 0 auto 45px; background-color: #fff;}
#methodWrap #methodInner { padding: 20px; }
#methodWrap .txt {}
#methodWrap .tel { font-size: 1.625em; color: #0a3190; margin: 10px 0 16px;}
#methodWrap .tel .tanto { font-size: 0.615em;}
#methodWrap .btnWrap { width: 300px; margin: 16px auto 12px 14px;}

@media (max-width: 768px) {
	#methodWrap { width: 90%; }
	#methodWrap .tel .tanto { display: block;}
}

@media (max-width: 480px) {
	#methodWrap { width: 95%; }
	#methodWrap .btnWrap { width: 80%; margin: auto;}
}



/*------------------------------------------------------
	募集要項
------------------------------------------------------*/
#recruitPoint { width: 940px; margin-left: auto; margin-right: auto; margin-bottom: 80px; background-color: #fff;}
#recruitNav { list-style-type: none; border-bottom: 1px solid #0a3190; margin-top: 20px;}
#recruitNav li { cursor: pointer; background-color: #ccc; color: #fff; width: 45%; margin-left: 2%; margin-right: 2%; text-align: center; float: left; border: 1px solid #fff; border-bottom: 1px solid #0a3190; position: relative; bottom: -1px; padding: 7px 0;}
#recruitNav li.active { border: 1px solid #0a3190; border-bottom: 1px solid #ccc; background-color: #fff; color: #0a3190;}
.recruitPointInner { padding: 30px; display: none;}
.recruitPointInner.active { display: block;}
.recruitPointInner .lead {}
.recruitPointInner dl { margin: 30px 0;}
.recruitPointInner dl dt { color: #0a3190;  width: 20%; float: left; background: url(/common/top/listIcon01.png) no-repeat left center; background-size: 10px auto; padding-left: 16px;}
.recruitPointInner dl dd { color: #666; width: 75%; float: left; margin-bottom: 14px; line-height: 1.8;}

@media (max-width: 768px) {
	#recruitPoint { width: 90%; }
}

@media (max-width: 480px) {
	#recruitPoint { width: 95%; }
	.recruitPointInner { padding: 16px;}
	.recruitPointInner dl dt {  width: 95%; }
	.recruitPointInner dl dd { width: 100%; }
}


/*------------------------------------------------------
	応募フォーム
------------------------------------------------------*/
#contactForm { width: 940px; margin: 0 auto; background-color: #fff;}
#formInner { padding: 24px 30px 45px;}
#formInner .lead { color: #990000; margin-bottom: 30px;}
#formInner dl {}
#formInner dl dt { color: #0a3190;  width: 20%; float: left; background: url(/common/top/listIcon01.png) no-repeat left center; background-size: 10px auto; padding-left: 16px; }
#formInner dl dd { color: #666; width: 75%; float: left; margin-bottom: 14px; line-height: 1.8; }
#formInner .btnWrap { width: 300px;}
#formInner input { border-radius: 0; border: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#formInner textarea { border-radius: 0; border: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 200px;}
#formInner input[type="text"] { padding: 5px; font-size: 0.875em; width: 100%; max-width: 440px; }
#formInner input[type="text"].w50 { width: 50%;}
#formInner input[type="text"].w20 { width: 20%;}
#formInner input[type="text"].w10 { width: 10%;}

#formInner .err { color: #c00; font-size: 0.75em;}

#address dl {}
#address dl dt { width: 30%;}
#address dl dd { width: 65%;}

#privacyCheck { text-align: center; display: block; margin: 10px 0 20px;}

@media (max-width: 768px) {
	#contactForm { width: 90%; }
	#formInner dl dt { width: 95%; }
	#formInner dl dd:not(#address) { width: 100%; }
	dd#address { width: 90% !important; margin-left: 10%;}
	dd#address dl dt { width: 95%;}
	dd#address dl dd { width: 100%;}
}

@media (max-width: 480px) {
	#formInner { padding: 24px 10px 45px;}
	#contactForm { width: 95%; }
	#formInner .btnWrap { width: 80%;}


#formInner input[type="text"].w10 { width: 20%;}

#address input[type="text"].w50 { width: 100%;}
#address input[type="text"].w20 { width: 100%;}
#address input[type="text"].w10 { width: 100%;}
}