@charset "UTF-8";
/* ===================================================
	 Unique Style
====================================================== */
body { overflow: auto;}

/* ---------------------------------------------------
Box Lead
------------------------------------------------------ */
.box_lead{ width: 100%; text-align: center; background: #eae9e5 url("../img/bg_pattern_01.webp") repeat center center; background-size: 300px; padding: 120px 0;}
.box_lead .txt_01{ font-size: 14px; line-height: 1.7;}
.box_lead .txt_01 em{ font-style: normal; color: #9f392c;}
.box_lead .txt_02{ font-size: 16px; line-height: 1; padding: 80px 0 10px;}
.box_lead .tel{ font-size: 40px; line-height: 1; letter-spacing: 0.08em; display: flex; justify-content: center; align-items: center; }
.box_lead .tel::before{ content: ""; background: url("../img/ico_tel_03.svg") no-repeat 0 0; background-size: 24px; width: 24px; height: 24px; display: block; margin: 0 10px 0 0;}
.box_lead .txt_03{ font-size: 2.4rem; line-height: 1; padding: 0 0 30px;}

@media screen and (max-width: 600px) {
.box_lead{ padding: 50px 10%;}
.box_lead .txt_01{ font-size: 14px; line-height: 1.7; text-align: left;}
.box_lead .txt_01 em{ font-style: normal; color: #9f392c;}
.box_lead .txt_02{ font-size: 16px; line-height: 1; padding: 40px 0 10px;}
.box_lead .tel{ font-size: 40px; line-height: 1; letter-spacing: 0.08em; display: flex; justify-content: center; align-items: center; }
.box_lead .tel::before{ content: ""; background: url("../img/ico_tel_03.svg") no-repeat 0 0; background-size: 24px; width: 24px; height: 24px; display: block; margin: 0 10px 0 0;}
.box_lead .txt_03{ font-size: 2.4rem; line-height: 1;}
}

/* ---------------------------------------------------
form_col
------------------------------------------------------ */
.box_form{ background: #eae9e5 url("../img/bg_pattern_01.webp") repeat center center; background-size: 300px; padding: 0 0 200px;}
#form_col { width: 1200px; max-width: 90%; margin: 0 auto;}
#form_col .must { display: inline-block; padding: 4px 10px; margin: 0; float: none; background: #c03b3c; border: none; border-radius: 0; box-shadow: none; color: #fff; font-size: 12px; font-weight: 500; line-height: 1; text-shadow: none;}
#form_col .free { display: inline-block; padding: 4px 10px; margin: 0; float: none; background: #494949; border: none; border-radius: 0; box-shadow: none; color: #fff; font-size: 12px; font-weight: 500; line-height: 1; text-shadow: none;}

#form_col table { width: 100%; border-bottom: 1px solid #c5b9a7; table-layout: fixed;}
#form_col th,
#form_col td { border-top: 1px solid #c5b9a7; vertical-align: middle;}
#form_col tr:last-child th,
#form_col tr:last-child td { border-style: solid;}
#form_col th { width: 300px; padding: 25px 30px; text-align: right; font-size: 16px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif; font-weight: normal;}
#form_col th > span { display: inline-flex; align-items: center; justify-content: flex-end; width: 100%;}
#form_col th .free,
#form_col th .must{ margin: 0 0 0 auto;}
#form_col td { padding: 15px 30px; font-size: 14px;}
#form_col td input[type="text"],
#form_col td select,
#form_col td textarea { max-width: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-radius: 0; box-shadow: none; box-sizing: border-box; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif !important; font-size: 16px; outline: none;}
#form_col td input[type="text"],
#form_col td select { height: 35px; padding: 0 10px;}
#form_col td input.input_date { padding-right: 30px; background: #fff url(../../inquiry/img/icon_calendar.svg) no-repeat right 10px center; background-size: auto 20px;}
#form_col td select { padding-right: 25px; background: #fff url(../../inquiry/img/icon_arrow.svg) no-repeat right 10px center;}
#form_col td textarea { width: 100%; padding: 10px;}
#form_col td textarea + p { margin: 10px 0 0;}
#form_col td li + li { margin-top: 5px;}
#form_col td dd + dt { margin-top: 10px;}
#form_col td dl dt { float: none; width: auto; padding: 0; border: none; font-size: inherit; text-align: left;}
#form_col td dl dd { padding: 0; border: none; font-size: inherit; line-height: 1.8;}
#form_col td label { display: inline-flex; align-items: center; max-width: 100%; box-sizing: border-box; white-space: normal;}
#form_col td label:not(:first-child) { margin: 5px 0 0;}
#form_col td label.mfp_checked { padding: 3px 5px; background-color: rgba(255, 255, 255, 0); box-shadow: none; border: none !important;}
#form_col td label.mfp_not_checked { padding: 3px 5px; border: none !important;}
#form_col td label input { flex-shrink: 0; align-self: flex-start; margin: 5px 5px 5px 0;}
#form_col button.cmn_btn01 { display: block; width: 530px; height: 90px; margin: 65px auto 0; background: #000; color: #fff; border: none; border-radius: 90px; box-shadow: none; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; font-size: 20px; text-shadow: none; transition: opacity .5s;}

@media screen and (hover: hover) {
	#form_col button.cmn_btn01:hover { opacity: .7;}
}
@media screen and (max-width: 600px) {
.box_form{ padding: 0 0 100px;}
	#form_col {}
	#form_col > p .must { margin-right: 10px;}

	#form_col table,
	#form_col tbody,
	#form_col tr,
	#form_col th,
	#form_col td { display: block; width: 100% !important;}
	#form_col th,
	#form_col td { padding: 15px;}
	#form_col th,
	#form_col td:not(:first-child) { border-top: none !important;}
	#form_col th { text-align: left; padding: 15px 0 0 15px;}
	#form_col th > span { justify-content: flex-start;}
	#form_col th .free,
	#form_col th .must{ margin-right: 15px;}

	#form_col td input[type="text"],
	#form_col td textarea { width: 100%;}

	#form_col button.cmn_btn01 { height: 60px; margin-top: 30px;}
}