@charset "utf-8";
/* CSS Document */
/* =========================================================
 応募フォーム
========================================================= */
#content p#title_under {
	width:85%;
	font-size:90%;
	margin:5% auto 10%;
	text-align:center;
	line-height:170%;
}
#content div:after,
#content section {
	clear: both;
	display: block;
	content: "";
}
#content div a {
	display: block;
}
.title_under {
	width:90%;
	margin:20px auto;
	color:#6C6C6C;
}
/**************************************
**************応募フォーム*****************
***************************************/
ul#recruit_bn:after {
	clear: both;
	display: block;
	content: "";
}
ul#recruit_bn li a:after {
	clear: both;
	display: block;
	content: "";
}
ul#recruit_bn li a {
	width: 48%;
	margin: 30px auto;
	float: left;
	padding: 0 2% 0 0;
}
#form_btn_box a {
	width: 70%;
	margin: 10% auto;
	text-align: center;
}
.entry_text {
	padding:1% 5%;
}
.form_slot li {
	float: left;
}
.form_slot > li:first-child {
	width: 30%;
}
.form_slot > li {
	width: 23%;
}
.ex {
	width: 100%;
}
.exChild {
	float: left;
	width: 30%;
}
.exChild > input {
	height: auto;
	margin: 0;
	vertical-align: middle;
}
.exChild > label {
	font-size: 140%;
	vertical-align: middle;
}
/*　応募フォームＢＯＸ　*/
#contents_form {
	width:90%;
	margin: 20px auto 160px;
	background: #FFFFFF;
}
#content #form_box {
	color: #fff;
}
.form_label {
	font-size: 120%;
	line-height: 50px;
}
/*　エラー用フォント設定　*/
.error {
	font-weight: bold;
	font-size: 15px;
	color: #FF0000;
	line-height: 25px;
}
.form_button {
	padding:50px 0 0 0;
	text-align:center;
}
select#job {
	box-sizing: border-box;
	font-size: 120%;
	height: 50px;
	padding: 0;
}
ul.result_slot {
	height:20px;
	padding:0px 0 20px 0px;
}
ul#form_result_button {
	height: 45px;
	margin: 0 auto;
	padding-top: 0;
	width: 80%;
}
#form_result_button > li {
	width: 50%;
}
#form_result_button input {
	height: 45px;
	width: 100%;
}
/*戻る*/
#form_result_button .rollover {
	height: 45px;
	width: 100%;
	background: url("../img/recruit/form_return.png") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border: none;
}
/*　エントリー確認画面ボタン　*/
ul#form_result_button {
	width: 80%;
	height: 45px;
	margin: 0 auto;
	padding-top: 55px;
}
ul#form_result_button li a {
	float:left;
	list-style:none;
}
#form_text > a {
	margin: 20px auto;
	width: 80%;
}
input[type="text"] {
	box-sizing: border-box;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:18px;
	height: 50px;
	padding: 3% 5%;
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
textarea[name="message"] {
	box-sizing: border-box;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:18px;
	height:300px;
	padding: 3% 5%;
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*生年月日*/
form li {
	float: left;
	width: 23%;
}
form li:first-child {
	width: 30%;
}
form li > span {
	font-size: 120%;
}
input[name="year"] {
	text-align: center;
	width: 70%;
}
input[name="month"],
input[name="day"],
input[name="age"] {
	text-align: center;
	width: 60%;
}
/*ご希望の職種*/
select[name="occupation"] {
	box-sizing: border-box;
	font-size: 120%;
	height: 50px;
	padding: 0;
}
/*エラー装飾*/
#errorMessage {
	color: #FF0000;
	line-height: 1.5em;
}
#errorMessage li {
	font-size: 110%;
	line-height: 1.5;
}
.exBtn {
	float: left;
	width: 30%;
	margin-right: 5%;
	position: relative;
}
/* ラジオボタンは非表示にする */
.exBtn input[type=radio] {
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 0;
}
/* lableのスタイル */
.exBtn .label {
	color: #000000;
	display: block;
	height: 30px;
	line-height: 33px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	background-color: #d5d5d5;
	box-shadow: 0px 3px 0px #afafaf;
	border-radius: 10px;
	text-align: center;
	font-size: 120%;
}
/* チェックされた時のスタイル */
.exBtn input[type="radio"]:checked + label {
	background: #000;
	color: #ffffff;
	box-shadow: none;
}
/*送信ボタン*/
#form_submit {
	font-size: 0;
	margin: 15% auto 0;
	text-align: center;
	padding-bottom: 15%;
}
#form_submit input[type="submit"],
#form_submit input[type="button"],
#form_submit a {
	color: #ffffff;
	border-radius: 5px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4b4138', endColorstr = '#23201c');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4b4138', endColorstr = '#23201c')";
	background-image: -moz-linear-gradient(top, #4b4138, #23201c);
	background-image: -ms-linear-gradient(top, #4b4138, #23201c);
	background-image: -o-linear-gradient(top, #4b4138, #23201c);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4b4138), to(#23201c));
	background-image: -webkit-linear-gradient(top, #4b4138, #23201c);
	background-image: linear-gradient(top, #4b4138, #23201c);
	width: 70%;
	padding: 3% 0;
	font-weight: bold;
	font-size: 25px;
	display: block;
	line-height: 45px;
	margin: 7% auto 0;
	overflow: auto;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow:rgb(18, 15, 10) 0px -2px 0px 0px;
	-webkit-box-shadow:rgb(18, 15, 10) 0px -2px 0px 0px;
	-moz-box-shadow:rgb(18, 15, 10) 0px -2px 0px 0px;
	text-shadow: 0px -2px 0px rgba(0, 0, 0, 1), 0px 1px 0px rgba(255, 255, 255, 1);
}
/* =========================================================
 確認ページ
========================================================= */
#form_text {
	margin: 0 auto;
}
#form_text p {
	color: #fff;
	font-size: 120%;
	line-height: 1.5;
}
#result_box {
	padding: 3% 0 0;
}
#result_box dt,
#result_box dd {
	color: #fff;
	font-size: 120%;
	line-height: 1.5;
}
#result_box dt {
	margin: 4% auto 0;
}
#result_box dd {
	padding: 0 0 0 1em;
}
@media only screen and (max-width: 320px) {
.exBtn .label {
 font-size: 85%;
}
}