@charset "utf-8";

/* お問い合わせフォーム
-------------------------------------------------- */
/* 共通設定 */
#entryform{
	padding-top:60px;
}
#entryform #entryform-inner{
	max-width:800px;
	padding:40px 0 60px 0;
	margin:0 auto;
}
#entryform h3{
	text-align:center;
	font-size:3.6rem;
	font-weight:400;
	margin-bottom:30px;
	color:#d90013;
}
#entryform h3 br{
	display:none;
}

/* エラーメッセージ */
#entryform ul.error-msg-all{
	border:1px solid #d90013;
	padding:15px 20px;
	margin-bottom:20px;
	background:#fbe5e7;
}
#entryform ul.error-msg-all li{
	color:#d90013;
	margin-bottom:7px;
	list-style:inside disc;
	padding-left:1em;
	text-indent:-1em;
}

#entryform .note{
	line-height:135%
}
#entryform .note span{
	color:#d90013;
}

/* フォームエリア */
#entryform .form-table{
	margin-top:10px;
	width:100%;
	border-top:1px solid #dcdcdc;
}
#entryform .form-table th,
#entryform .form-table td{
	border-bottom:1px solid #dcdcdc;
}
#entryform .form-table th{
	background:#d90013;
	color:#ffffff;
	white-space:nowrap;
	font-weight:400;
	padding:20px 40px;
	vertical-align:middle;	
	text-align:left;
}
#entryform .form-table th span.must{
	display:inline-block;
	font-size:1rem;
	margin-left:3px;
	vertical-align:top;
}
#entryform .form-table td{
	padding:20px;
}

/* エラーメッセージ（個別） */
#entryform .form-table td p.error-msg{
	margin-top:7px;
	color:#d90013;	
	line-height:135%;
}
#entryform .form-table td p.error-msg span{
	display:block!important;
}

/* フォームの装飾 */
#entryform .form-table input{
	border:0;
	padding:5px;
	border:solid 1px #dddddd;
	color:#323232;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:32px;
	font-size:1.5rem;
	width:100%;
	font-family:'Noto Sans JP', sans-serif;
}
#entryform .form-table ::-webkit-input-placeholder{
	color:#cccccc;
	opacity:1;
	font-family:'Noto Sans JP', sans-serif;
}
#entryform .form-table :-moz-placeholder{
	color:#cccccc;
	font-family:'Noto Sans JP', sans-serif;
}
#entryform .form-table ::-moz-placeholder{
	color:#cccccc;
	opacity:1;
	font-family:'Noto Sans JP', sans-serif;
}
#entryform .form-table input:-ms-input-placeholder{
	color:#cccccc!important;
	font-family:'Noto Sans JP', sans-serif;
}
#entryform .form-table input::-ms-input-placeholder{
	color:#cccccc!important;
	font-family:'Noto Sans JP', sans-serif;
}

#entryform .form-table select{
	background:#ffffff;
	border:solid 1px #dddddd;
	height:32px;
	font-size:1.5rem;
	color:#323232;
	font-family:'Noto Sans JP', sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap;
}
#entryform .form-table textarea{
	width:100%;
	min-height:200px;
	font-family:'Noto Sans JP', sans-serif;
	font-size:1.5rem;
}

/* お名前・お名前（カナ） */
#entryform .form-table td.nm input,
#entryform .form-table td.nmk input{
	float:left;
	width:49%;
}
#entryform .form-table td.nm input:first-of-type,
#entryform .form-table td.nmk input:first-of-type{
	margin-right:2%;
}

/* 生年月日 */
#entryform .form-table td.birth select{
	display:inline-block;
	min-width:6em;
}
#entryform .form-table td.birth select + span{
	display:inline-block;
}

/* 郵便番号 */
#entryform .form-table td.zip input{
	float:left;
	width:30%;
}
#entryform .form-table td.zip .clearfix span{
	display:block;
	float:left;
	margin:0 10px;
	line-height:32px;
}

/* ご住所 */
#entryform .form-table td.addr input{
	margin-top:15px;
}

/* 連絡方法 */
#entryform .form-table td.contact{
	vertical-align:middlel;
}
#entryform .form-table td.contact label{
	display:inline-block;
	margin-right:20px;
}
#entryform .form-table td.contact label:last-of-type{
	margin-right:0;
}
#entryform .form-table td.contact input{
	width:initial;
	margin-right:5px;
	height:initial;
}

/* 希望職種・勤務地 */
#entryform .form-table td.jobtype select{
	max-width:100%;
	margin:0;
}

/* ボタン */
#entryform .btn-set{
	text-align:center;
	margin-top:30px;
}
#entryform .btn-set .reset,
#entryform .btn-set .submit{
	display:inline-block;
	min-width:10em;
	border:0;
	cursor:pointer;
	color:#ffffff;
	padding:8px 25px;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:400;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#entryform .btn-set .reset{
	background:#4b4b4b;
	margin-right:5px;
}
#entryform .btn-set .submit{
	background:#d90013;
	margin-left:5px;
}
#entryform .btn-set .back_home{
	margin-top:30px;
	display:inline-block;
}
#entryform .btn-set .back_home a{
	min-width:10em;
	color:#ffffff;
	padding:8px 25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#d90013;
}

/* 確認画面・完了画面*/
#entryform.check .form-table td.zip .clearfix span,
#entryform.done .form-table td.zip .clearfix span{
	float:none;
	display:inline-block;
	margin:0 5px;
	line-height:inherit;
}
#entryform.check .form-table th,
#entryform.check .form-table td,
#entryform.done .form-table th,
#entryform.done .form-table td{
	line-height:135%;
}

/* 書類送付先 */
#entryform.done .destination{
	background:#f5f5f5;
	padding:20px;
	margin:20px 0;
	display:inline-block;
}
#entryform.done .destination h4{
	font-weight:500;
	margin-bottom:10px;
}
#entryform.done .destination p.txt{
	line-height:135%;
}



/* Tablet
-------------------------------------------------- */
@media only screen and (max-width: 768px) {

	#entryform{
		padding-top:40px;
	}
	#entryform #entryform-inner{
		padding:30px 10px 50px 10px;
	}

	/* 共通設定 */
	#entryform h3{
		font-size:2.4rem;
	}

	/* フォームの装飾 */
	#entryform .form-table input,
	#entryform .form-table select,
	#entryform .form-table textarea{
		font-size:1.4rem;
	}
}



/* Smartphone
-------------------------------------------------- */
@media only screen and (max-width: 414px) {

	#entryform{
		padding-top:50px;
	}

	/* 共通設定 */
	#entryform h3 br{
		display:inline;
		line-height:125%;
	}

	/* フォームエリア */
	#entryform .form-table,
	#entryform .form-table tbody,
	#entryform .form-table tr,
	#entryform .form-table th,
	#entryform .form-table td{
		border:none;
		display:block;
	}
	#entryform .form-table th{
		padding:10px;
	}
	#entryform .form-table td{
		padding:10px 0;
		margin-bottom:15px;
	}

	/* 生年月日 */
	#entryform .form-table td.birth select{
		min-width:calc(33% - 2em);
	}

	/* 郵便番号 */
	#entryform .form-table td.zip input{
		width:40%;
	}

	/* ご住所 */
	#entryform .form-table td.addr select{
		width:50%;
	}

	/* 書類送付先 */
	#entryform.done .destination{
		display:block;
	}
}