@charset "utf-8";
/* ===================================================
	Other CSS
	プライバシーポリシーやキャンセルポリシーなど共通部分が多いページや、
	スタイルが極端に少なくなるページは	このCSSにまとめて記述する。
====================================================== */

/* ---------------------------------------------------
Inquiry
上記共通用スタイルと併用しない場合は inquiry.css として
ファイルを分けて記述してください。
------------------------------------------------------ */
#inquiry { overflow: auto;}
#inquiry #main_img { width: 100%; padding: 140px 0 120px; text-align: center; background: url(../../inquiry/img/tit_bg.jpg)no-repeat center; background-size: cover;}
#inquiry #main_img h2 { color: #fff; font-size: 38px; text-shadow: 0 0 10px #000, 0 0 7px #000, 0 0 3px #000;
	-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen and (max-width: 600px) {
	#inquiry #main_img { padding: 60px 0;}
	#inquiry #main_img h2 { font-size: 32px;}
}

/* ▼ mailform PRO のCSS上書き ▼ */
#inquiry #form_area dt,
#inquiry #form_area dd { font-size: 14px; border: none;}
#inquiry #form_area label { white-space: normal;}
#inquiry #form_area .must {
	display: inline-block; padding: 0; float: none;
	font-size: 14px; text-shadow: none; border: none;
	background: none; border-radius: 0; box-shadow: none;
}
#inquiry #form_area .mfp_colored { background-color: none !important;}
#inquiry #form_area .mfp_not_checked,
#inquiry #form_area .mfp_checked,
#inquiry #form_area .mfp_colored {
	margin: 7px 10px 0 0 !important; padding: 0;
	background: none !important; box-shadow: none; border: none;
}
/* ▲ mailform PRO のCSS上書き ▲ */

#inquiry #form_area h3 { text-align: center;}
#inquiry #form_area p { width: 100%; text-align: center;}
#inquiry #form_area p.attention { color: #f00;}
#inquiry #form_area form { margin: 0 auto; width: 100%;}

#inquiry #form_area dl {
	display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #ece1d1;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#inquiry #form_area dt,
#inquiry #form_area dd {
	display: table-cell; padding: 20px; margin: 0; vertical-align: middle;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#inquiry #form_area dt { width: 28%; float: none !important; text-align: left; background: #ece1d1; color: #555; border-bottom: 1px solid #fff;}
#inquiry #form_area dd { width: 72%; padding-left: 20px; box-sizing: border-box;}
#inquiry #form_area dl:last-of-type dt { vertical-align: top;}

@media screen and (max-width: 600px) {
	#inquiry #form_area dl,
	#inquiry #form_area dt,
	#inquiry #form_area dd { display: block; width: 100%; font-size: 16px;}
	#inquiry #form_area dl { padding: 10px 0; border-bottom: none;}
	#inquiry #form_area dt { padding: 5px; margin: 0 0 10px; text-align: left;}
	#inquiry #form_area dd { padding: 5px;}
}

/* フォーム内レイアウト
------------------------------------------------------ */
#inquiry section { width: 1100px; max-width: 92%; margin: 0 auto;}
#inquiry #lead { padding: 50px 0 20px;}
#inquiry #lead p { width: 49%; float: left; padding-top: 10px; line-height: 1.8;}
#inquiry #lead dl { display: table; padding: 15px 0; width: 50%; float: right; background: #e4d4be; color: #5e4324; text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#inquiry #lead dl dt { display: table-cell; padding: 5px 20px; vertical-align: middle; font-size: 16px;}
#inquiry #lead dl dd { display: table-cell; padding: 5px 20px; font-size: 28px; border-left: 1px solid #5e4324; vertical-align: middle;}
#inquiry #lead dl dd .tel-link span { font-size: 36px;}


/* プログレスバー
------------------------------------------------------ */
#inquiry .progress-bar_wrap { margin: 80px 0 60px; border-top: 1px solid #ccc;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;}
#inquiry .progress-bar {
	width: 800px; display: flex;
	padding: 0; margin: 0 auto; justify-content: space-between; list-style: none;
}
#inquiry .progress-bar li {
	flex: 2; position: relative; padding: 20px 0 0 0;
	font-size: 16px; overflow: visible;
	min-width: 0; text-align: center; color: #555;
}
#inquiry .progress-bar li:before {
	content: ""; display: block; width: 17px; height: 17px;
	background-color: #fff; border-radius: 50%;
	border: 1px solid #8a6941; position: absolute;
	left: calc(50% - 10px); top: -10px; z-index: 3;
}
#inquiry .progress-bar .now { font-weight: bold; color: #555;}
#inquiry .progress-bar .is-active:before {
	background-color: #8a6941;
	border: 1px solid #8a6941;
}


#inquiry #form_area { padding-bottom: 50px;}
#inquiry #form_area ul,
#inquiry #form_area ol { padding: 0 0 5px; margin: 0 1%; max-width: 98%;}
#inquiry #form_area li { display: inline-block; margin: 0 10px 0 0;}
#inquiry #form_area li:before { display: none;}

#inquiry #form_area input:not(:last-child),
#inquiry #form_area select:not(:last-child),
#inquiry #form_area textarea:not(:last-child) { margin: 0 0 5px;}

#inquiry #form_area input { max-width: 100%; padding: 8px 5px; border: 1px solid #e2d7c7; -webkit-box-sizing: border-box; box-sizing: border-box;}

#inquiry #form_area select { padding: 2px 1px; border: 1px solid #e2d7c7;}
#inquiry #form_area textarea {
	padding: 5px 3px; max-width: 100%; height: 150px; border: 1px solid #e2d7c7;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#inquiry #form_area .must { margin: 0 5px; color: #d9543e;}
#inquiry #form_area .mfp_buttons { margin: 15px auto 20px; width: 96%;}
#inquiry #form_area .mfp_buttons button { padding: 15px 70px; letter-spacing: 3px; text-align: center; font-size: 14px; border: none;}
#inquiry #form_area .mfp_buttons button[type="reset"] { background: #e4d4be; color: #555;}
#inquiry #form_area .mfp_buttons button[type="submit"] { margin-left: 20px; background: #916f47; color: #fff;}
#inquiry #form_area .mfp_buttons button:hover { opacity: 0.75; cursor: pointer;}

#inquiry #form_area #info { padding: 30px 0; text-align: center;}
#inquiry #form_area #info>p { padding-bottom: 20px;}
#inquiry #form_area #info div { padding: 25px 20px; border: 1px solid #ccc;}
#inquiry #form_area #info div h3 { padding-bottom: 10px; color: #a07612; font-size: 18px;}


#inquiry  #thanks { padding-bottom: 100px;}
#inquiry  #thanks .txt_col { padding: 30px 4%; border: 1px solid #ccc; text-align: center; font-size: 16px;}
#inquiry  #thanks .txt_col h3 { padding-bottom: 30px; color: #a07612; font-size: 25px;}
#inquiry  #thanks .txt_col p+p { padding-top: 20px;}
#inquiry  #thanks .txt_col .attention { color: #d9543e;}

@media screen and (max-width: 600px) {
	#inquiry #lead { padding: 20px 0 0;}
	#inquiry #lead p { width: 100%; float: none; padding: 10px 0 20px;}
	#inquiry #lead dl { display: block; width: 100%; float: none;}
	#inquiry #lead dl dt { display: block; padding-bottom: 10px;}
	#inquiry #lead dl dd { display: block; margin: 0 4%; border-left: none; border-top: 1px solid; font-size: 25px;}
	#inquiry #lead dl dd .tel-link { color: #5e4324;}
	#inquiry #lead dl dd .tel-link:hover { text-decoration: none; color: #5e4324;}
	#inquiry #lead dl dd .tel-link span { font-size: 31px;}

	#inquiry .progress-bar_wrap { margin: 40px 0 10px;}
	#inquiry .progress-bar { width: 100%;}
	#inquiry .progress-bar li { font-size: 13px; line-height: 1.5;}

	#inquiry #form_area #info { padding: 10px 0 20px;}
	#inquiry #form_area #info h3,
	#inquiry #form_area #info p { text-align: left;}
	#inquiry #form_area #info div { padding: 20px 4%;}

	#inquiry #form_area .mfp_buttons { width: 100%; margin: 0;}
	#inquiry #form_area .mfp_buttons button { width: 47%; padding: 15px 2%; box-sizing: border-box;}
	#inquiry #form_area .mfp_buttons button[type="submit"] { margin-left: 2%;}

	#inquiry  #thanks { padding-bottom: 50px;}
	#inquiry  #thanks .txt_col { margin-top: 20px; text-align: left;}
	#inquiry  #thanks .txt_col h3 { font-size: 20px; text-align: center;}
}



/* ---------------------------------------------------
404
------------------------------------------------------ */
#error { overflow: auto;}
#error #main_img { width: 100%; padding: 140px 0 120px; text-align: center; background: url(../../inquiry/img/tit_bg.jpg)no-repeat center; background-size: cover;}
#error #main_img h2 { color: #fff; font-size: 38px; text-shadow: 0 0 10px #000, 0 0 7px #000, 0 0 3px #000;
	-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#error section { text-align: center; padding: 80px 0 100px;}

@media screen and (max-width: 600px) {
	#error #main_img { padding: 60px 0;}
	#error #main_img h2 { font-size: 32px;}
	#error section { width: 96%; margin: 0 auto; text-align: left;}
}



#inquiry #lead_1:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}