@charset "utf-8";
/* ===================================================================

 file name  :contact.css
 style info :お問い合わせ・採用応募ページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader {
	margin:0;
}
#pageHeader .pagehead-inner{
	background:url(../images/contact/bg_page.jpg) no-repeat 50% 50%;
}




/* =================================== */


/*　キャッチ　*/
#main .title{
	margin:0 auto 80px;
}
#main .title p{
	font-size:16px;
	line-height:2;
}

/*　フォームエラースタイル　*/
.e-style{
	margin-bottom: 2em;
	background: #ffe5e5;
	border: 1px solid #ffb8b8;
	padding: 1.5em;
}


/*　フォーム　*/
#main .forms{
	width:100%;
	margin:0 auto;
	padding:80px 0;
	background-color:#f5f5f5;
}
#main .forms .forms-inner{
	width:700px;
	margin:0 auto;
	padding:0;
}

#main .forms .forms-inner p.comment{
	margin-bottom:30px;
	font-size:14px;
	color:#111;
}

#main .forms .forms-inner span.require{
	color:#ff0004;
}

#main .forms .forms-inner table{
	width:100%;
	margin:0 auto 30px;
	padding:0;
	font-size:16px;
	color:#111;
	border-bottom:solid 1px #ddd;
}
#main .forms .forms-inner table tr th,
#main .forms .forms-inner table tr td{
	padding-top:18px;

}
#main .forms .forms-inner table tr:first-child th,
#main .forms .forms-inner table tr:nth-child(4) th,
#main .forms .forms-inner table tr:nth-child(6) th,
#main .forms .forms-inner table tr:first-child td,
#main .forms .forms-inner table tr:nth-child(4) td,
#main .forms .forms-inner table tr:nth-child(6) td{
	padding-top:0;
}
#main .forms .forms-inner table tr:last-child th,
#main .forms .forms-inner table tr:last-child td{
	padding-bottom:30px;
}

#main .forms .forms-inner table th{
	width:200px;
	margin:0;
	padding:0 0 2px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#main .forms .forms-inner table td{
	width:500px;
	margin:0;
	padding:0 0 2px 0;
	background-color:transparent;
}
#main .forms .forms-inner table td select,
#main .forms .forms-inner table td textarea,
#main .forms .forms-inner table td input{
	width:500px;
	height:42px;
	margin:0;
	padding:10px;
	font-size:1em;
	color:#111;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	border:0;
	background-color:#fff;
}
#main .forms .forms-inner table td select{
	width:200px;
	margin:0 0 2px;
	font-size:0.9em;
	color:#444;
}
#main .forms .forms-inner table td textarea{
	width:500px;
	max-width:500px;
	height:220px;
}
#main .forms .forms-inner table td input.half{
	width:200px;
}


#main .forms .forms-inner p.privacy{
	margin-bottom:30px;
	font-size:14px;
	color:#111;
	line-height:2;
}
#main .forms .forms-inner p.privacy a{
	color:#111;
	text-decoration:underline;
}
#main .forms .forms-inner p.privacy a:hover{
	color:#f2ad00;
}
#main .forms .forms-inner p.privacy span{
	padding-left:5px;
}


#main .forms .forms-inner #button input[type="submit"] {
	width:200px;
	height:35px;
	background:url(../images/contact/btn_confirm.jpg) no-repeat 50% 50%;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	cursor: pointer;
	border:none;
	text-indent:-9999px;
}
#main .forms .forms-inner #button input[type="submit"]:hover {
	background:url(../images/contact/btn_confirm_ov.jpg) no-repeat 50% 50%;
}
#main .forms .forms-inner #button input[type="submit"][disabled] {
	background:url(../images/contact/btn_confirm.jpg) no-repeat 50% 50%;
	opacity:0.5;
	cursor: default;
}
#main .forms .forms-inner #button{
	margin:0 auto;
	text-align:center;
}



/*　確認画面ページ　*/
#main .forms .forms-inner ul.confirms{
	width:450px;
	margin:0 auto;
}
#main .forms .forms-inner ul.confirms li{
	float:left;
	width:200px;
	background:transparent url('../images/contact/btn_back_ov.jpg') no-repeat left top;
}
#main .forms .forms-inner ul.confirms li:last-child{
	float:right;
	background:transparent url('../images/contact/btn_send_ov.jpg') no-repeat left top;
}

#main .forms .forms-inner ul.confirms li input:hover {
	opacity:0;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}



/*　送信完了画面ページ　*/
#main .title p.sent{
	font-size:16px;
	font-weight:bold;
}



/*　エラー画面ページ　*/
#main .title .error p{
	font-size:16px;
	font-weight:bold;
	color:#ff0004;
}
#main .title .error .bw-btn{
	margin:50px auto 0;
}







/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================

		overwrite

	=============================== */
	#pageHeader .pagehead-inner{
		background-position:50% 50%;
	}




	/* =================================== */


/*　キャッチ　*/
	#main .title{
		margin:0 auto 40px;
	}
	#main .title p{
		padding:0 10px;
		line-height:1.8;
		font-size:12px;
	}



/*　フォーム　*/
	#main .forms{
		width:100%;
		margin:0 auto;
		padding:40px 0;
		background-color:#f5f5f5;
	}
	#main .forms .forms-inner{
		width:100%;
		margin:0 auto;
		padding:0 10px;
		box-sizing:border-box;
	}

	#main .forms .forms-inner p.comment{
		margin-bottom:20px;
		font-size:12px;
		color:#111;
	}

	#main .forms .forms-inner span.require{
		color:#ff0004;
	}

	#main .forms .forms-inner table{
		width:100%;
		margin:0 auto 30px;
		padding:0;
		font-size:14px;
		color:#111;
		border-bottom:solid 1px #ddd;
	}
	#main .forms .forms-inner table tr th,
	#main .forms .forms-inner table tr td{
		padding-top:0;
	}
	#main .forms .forms-inner table tr:nth-child(4) th,
	#main .forms .forms-inner table tr:nth-child(6) th{
		padding-top:12px;
	}
	#main .forms .forms-inner table tr:last-child th,
	#main .forms .forms-inner table tr:last-child td{
		padding-bottom:0;
	}
	#main .forms .forms-inner table tr th{
		padding:12px 0 2px;
	}
	#main .forms .forms-inner table tr:last-child td{
		padding-bottom:30px;
	}

	#main .forms .forms-inner table th{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#main .forms .forms-inner table td{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		background-color:transparent;
	}
	#main .forms .forms-inner table td select,
	#main .forms .forms-inner table td textarea,
	#main .forms .forms-inner table td input{
		width:100%;
		height:36px;
		margin:0;
		padding:7px;
		font-size:1em;
		color:#111;
		font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
		border:0;
		background-color:#fff;
	}
	#main .forms .forms-inner table td select{
		width:100%;
		margin:0 0 2px;
		font-size:0.9em;
		color:#444;
	}
	#main .forms .forms-inner table td textarea{
		width:100%;
		max-width:100%;
		height:120px;
	}
	#main .forms .forms-inner table td input.half{
		width:100%;
	}

	#main .forms .forms-inner p.privacy{
		margin-bottom:20px;
		font-size:11px;
		color:#111;
		line-height:1.6;
	}
	#main .forms .forms-inner p.privacy a{
		color:#111;
		text-decoration:underline;
	}
	#main .forms .forms-inner p.privacy a:hover{
		color:#111;
	}
	#main .forms .forms-inner p.privacy span{
		padding-left:5px;
	}


	#main .forms .forms-inner #button input[type="submit"] {
		width:200px;
		height:35px;
		background:url(../images/contact/btn_confirm.jpg) no-repeat 50% 50%;
		-webkit-transition: background-color .3s;
		transition: background-color .3s;
		cursor: pointer;
		border:none;
		text-indent:-9999px;
	}
	#main .forms .forms-inner #button input[type="submit"]:hover {
		background:url(../images/contact/btn_confirm_ov.jpg) no-repeat 50% 50%;
	}
	#main .forms .forms-inner #button input[type="submit"][disabled] {
		background:url(../images/contact/btn_confirm.jpg) no-repeat 50% 50%;
		opacity:0.5;
		cursor: default;
	}

	#main .forms .forms-inner #button{
		margin:0 auto 20px;
		text-align:center;
	}



/*　確認画面ページ　*/
	#main .forms .forms-inner ul.confirms{
		width:100%;
		margin:0 auto;
	}
	#main .forms .forms-inner ul.confirms li{
		float:none;
		margin:0 auto;
		text-align:center;
		opacity:0.8;
	}
	#main .forms .forms-inner ul.confirms li:last-child{
		float:none;
		margin-top:30px;
		opacity:1;
	}



/*　送信完了画面ページ　*/
	#main .title p.sent{
		font-size:14px;
	}



/*　エラー画面ページ　*/
	#main .title .error p{
		font-size:14px;
	}
	#main .title .error .bw-btn{
		margin:30px auto 0;
	}





}