@charset "UTF-8";
/*========== お問い合わせ 入力画面 ==========*/
/* お電話でのお問い合わせ */
.contact_contents {
	margin-bottom: 64px;
}
.contact_contents:last-child {
	margin-bottom: 0;
}

.ttl_h3_contact {
	font-weight: bold;
	font-size: calc(18 / 375 * 100vw);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 12.8vw;
	padding-left: 2.1333333333vw;
	border-left: 2.1333333333vw solid #f5ae90;
	position: relative;
	margin-bottom: 6.4vw;
}
.ttl_h3_contact::before {
	content: "";
	display: block;
	width: 8px;
	height: 50%;
	background: #EE6D36;
	position: absolute;
	bottom: 0;
	left: -8px;
}

.wrap_contact_tel {
	background: #E2F4F6;
	border-radius: 16px;
	padding: 40px 0;
	text-align: center;
}
.wrap_contact_tel .tel {
	font-weight: 900;
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	margin-bottom: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.wrap_contact_tel .tel a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.wrap_contact_tel .tel a::before {
	content: "";
	display: inline-block;
	background: url(../images/icon_tel_pc.svg) no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	margin-right: 16px;
}

.contact_tel_text {
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* メールフォームによるお問い合わせ */
.wrap_contact_form {
	border: 1px solid #EE6D36;
	border-radius: 16px;
	padding: 64px 4.2666666667vw;
}

.dl_contact {
	line-height: 1.5;
	margin-bottom: 40px;
	/* ラジオボタン */
	/* ラジオボタン */
	/* チェックボックス */
	/* チェックボックス */
}
.dl_contact input[type=text],
.dl_contact input[type=tel],
.dl_contact input[type=email],
.dl_contact textarea {
	-webkit-appearance: none;
	width: 100%;
	border-radius: 4px;
	background: #F4F4F4;
	border: none;
	padding: 16px 8px;
}
.dl_contact textarea {
	border: 1px solid #333;
	background: #fff;
}
.dl_contact ::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.4);
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: calc(16 / 375 * 100vw);
	font-weight: 500;
}
.dl_contact ::-moz-placeholder {
	color: rgba(51, 51, 51, 0.4);
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: calc(16 / 375 * 100vw);
	font-weight: 500;
}
.dl_contact :-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.4);
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: calc(16 / 375 * 100vw);
	font-weight: 500;
}
.dl_contact ::-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.4);
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: calc(16 / 375 * 100vw);
	font-weight: 500;
}
.dl_contact ::placeholder {
	color: rgba(51, 51, 51, 0.4);
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: calc(16 / 375 * 100vw);
	font-weight: 500;
}
.dl_contact .required {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 40px;
	max-width: 40px;
	height: 26px;
	background: #FFA264;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 2px 8px 0 0;
}
.dl_contact .font_small {
	font-size: 14px;
	font-size: 1.4rem;
}
.dl_contact dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 16px;
}
.dl_contact dd {
	margin-bottom: 24px;
}
.dl_contact dd:last-of-type {
	margin-bottom: 0;
}
/* ラジオボタン */
.dd_radio .wpcf7-form-control {
	display: flex;
	flex-direction: column;
}

.dd_radio .wpcf7-list-item {
	margin: 0 0 calc(16 / 375 * 100vw) 0;
}

.dd_radio .wpcf7-list-item:last-child {
	margin-bottom: 0;
}

.dd_radio label,
.dd_radio input {
	cursor: pointer;
}

input[type="radio"] {
	position: relative;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	margin-right: calc(8 / 375 * 100vw);
	margin-top: calc(-3 / 375 * 100vw);
	border: solid 1px #303030;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #ffffff;
	outline: none;
	width: calc(24 / 375 * 100vw);
	height: calc(24 / 375 * 100vw);
	vertical-align: middle;
}

input[type="radio"]::after {
	content: "";
	display: block;
	width: calc(16 / 375 * 100vw);
	height: calc(16 / 375 * 100vw);
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: calc(-8 / 375 * 100vw);
	margin-left: calc(-8 / 375 * 100vw);
	border-radius: 100%;
}

input[type="radio"]:checked {
	background-color: #fff;
	border: solid 1px #303030;
}

input[type="radio"]:checked::after {
	background-color: #DB3030;
}

input[type="radio"] {
	border-radius: 100%;
}

/* チェックボックス */
.dd_checkbox {
	position: relative;
	padding: 0 0 0 calc(35 / 375 * 100vw);
}

.dd_checkbox a {
	color: #EE6D36;
	font-weight: 500;
	text-decoration: underline;
	font-weight: bold;
}

.dd_checkbox .wpcf7-form-control-wrap {
	position: static
}

.dd_checkbox .wpcf7-list-item {
	margin: 0;
}

input[type=checkbox] {
	display: none;
}

.dd_checkbox input + span {
	cursor: pointer;
	display: inline-block;
	width: auto;
}

.dd_checkbox input + span::before {
	background: #fff;
	border: 1px solid #9B9B9B;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: calc(5 / 375 * 100vw);
	transform: translateY(-50%);
	width: calc(20 / 375 * 100vw);
	height: calc(20 / 375 * 100vw);
}

.dd_checkbox input + span::after {
	content: '';
	display: block;
	background: url(../images/icon_check.png) no-repeat;
	background-size: contain;
	width: calc(15 / 375 * 100vw);
	height: calc(21 / 375 * 100vw);
	opacity: 0;
	position: absolute;
	top: 50%;
	left: calc(8 / 375 * 100vw);
	transform: translateY(-50%);
}

input[type=checkbox]:checked + span::before {
	background: #fff;
}

input[type=checkbox]:checked + span::after {
	opacity: 1;
}

/* 送信ボタン */
.btn {
	width: 78.9333333333vw;
	margin: 0 auto;
	position: relative;
}
.btn input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 17.0666666667vw;
	background: #EE6D36;
	color: #fff;
	border-radius: 10.6666666667vw;
	border: 4px solid #1B1B1B;
	-webkit-box-shadow: 4px 4px 0 #1B1B1B;
	box-shadow: 4px 4px 0 #1B1B1B;
	font-weight: bold;
	font-size: 5.3333333333vw;
}
.wpcf7-spinner {
	display: none;
}
/*========== お問い合わせ 完了画面 ==========*/
.wrap_thanks_text {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 40px;
}
.wrap_thanks_text p {
	margin-bottom: 24px;
}
.wrap_thanks_text p:last-child {
	margin-bottom: 0;
}
/* ボタン */
.btn {
	margin-top: 12.8vw;
}
.btn a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 17.0666666667vw;
	background: #EE6D36;
	color: #fff;
	border-radius: 10.6666666667vw;
	border: 4px solid #1B1B1B;
	-webkit-box-shadow: 4px 4px 0 #1B1B1B;
	box-shadow: 4px 4px 0 #1B1B1B;
	font-weight: bold;
	font-size: 5.3333333333vw;
}

@media (min-width: 769px) {
	/*========== お問い合わせ 入力画面 ==========*/
	.contact .inner_section {
		width: min(calc(960 / 1360 * 100vw), 960px);
	}
	/* お電話でのお問い合わせ */
	.ttl_h3_contact {
		margin-bottom: min(calc(24 / 1360 * 100vw), 24px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: min(calc(48 / 1360 * 100vw), 48px);
		font-size: min(calc(24 / 1360 * 100vw), 24px);
		border-left: min(calc(8 / 1360 * 100vw), 8px) solid #f5ae90;
		padding-left: min(calc(8 / 1360 * 100vw), 8px);
	}
	.ttl_h3_contact::before {
		width: min(calc(8 / 1360 * 100vw), 8px);
		left: max(calc(-8 / 1360 * 100vw), -8px);
	}
	.wrap_contact_tel {
		padding: 0;
	}
	.wrap_contact_tel .tel {
		width: 50%;
		font-size: min(calc(40 / 1360 * 100vw), 40px);
		margin-bottom: 0;
		position: relative;
	}
	.wrap_contact_tel .tel::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: min(calc(80 / 1360 * 100vw), 80px);
		background: #18A89F;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.wrap_contact_tel .tel a {
		pointer-events: none;
	}
	.wrap_contact_tel .tel a::before {
		width: min(calc(40 / 1360 * 100vw), 40px);
		height: min(calc(40 / 1360 * 100vw), 40px);
		margin-right: min(calc(24 / 1360 * 100vw), 24px);
	}
	.inner_contact_tel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: min(calc(184 / 1360 * 100vw), 184px);
	}
	.contact_tel_text {
		font-size: min(calc(24 / 1360 * 100vw), 24px);
		width: 50%;
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	/* メールフォームによるお問い合わせ */
	.wrap_contact_form {
		padding: min(calc(64 / 1360 * 100vw), 64px) 0;
	}
	.dl_contact {
		width: min(calc(760 / 1360 * 100vw), 760px);
		margin: 0 auto min(calc(40 / 1360 * 100vw), 40px);
	}
	.dl_contact input[type=text],
	.dl_contact input[type=tel],
	.dl_contact input[type=email],
	.dl_contact textarea {
		padding: min(calc(20 / 1360 * 100vw), 20px) min(calc(8 / 1360 * 100vw), 8px);
	}
	.dl_contact .required {
		min-width: min(calc(40 / 1360 * 100vw), 40px);
		max-width: min(calc(40 / 1360 * 100vw), 40px);
		height: min(calc(26 / 1360 * 100vw), 26px);
		font-size: min(calc(14 / 1360 * 100vw), 14px);
		margin: min(calc(2 / 1360 * 100vw), 2px) min(calc(8 / 1360 * 100vw), 8px); 0 0;
	}
	.dl_contact .font_small {
		font-size: min(calc(14 / 1360 * 100vw), 14px);
	}
	.dl_contact ::-webkit-input-placeholder {
		font-size: min(calc(16 / 1360 * 100vw), 16px);
	}
	.dl_contact ::-moz-placeholder {
		font-size: min(calc(16 / 1360 * 100vw), 16px);
	}
	.dl_contact :-ms-input-placeholder {
		font-size: min(calc(16 / 1360 * 100vw), 16px);
	}
	.dl_contact ::-ms-input-placeholder {
		font-size: min(calc(16 / 1360 * 100vw), 16px);
	}
	.dl_contact ::placeholder {
		font-size: min(calc(16 / 1360 * 100vw), 16px);
	}
	/* ラジオボタン */
	.dd_radio .wpcf7-list-item {
		margin: 0 0 min(calc(16 / 1360 * 100vw), 16px) 0;
	}

	input[type="radio"] {
		margin-right: min(calc(8 / 1360 * 100vw), 8px);
		margin-top: max(calc(-3 / 1360 * 100vw), -3px);
		width: min(calc(24 / 1360 * 100vw), 24px);
		height: min(calc(24 / 1360 * 100vw), 24px);
	}

	input[type="radio"]::after {
		width: min(calc(16 / 1360 * 100vw), 16px);
		height: min(calc(16 / 1360 * 100vw), 16px);
		margin-top: max(calc(-8 / 1360 * 100vw), -8px);
		margin-left: max(calc(-8 / 1360 * 100vw), -8px);
	}

	/* チェックボックス */
	.dd_checkbox {
		padding: 0 0 0 min(calc(35 / 1360 * 100vw), 35px);
	}

	.dd_checkbox input + span::before {
		left: min(calc(5 / 1360 * 100vw), 5px);
		width: min(calc(20 / 1360 * 100vw), 20px);
		height: min(calc(20 / 1360 * 100vw), 20px);
	}

	.dd_checkbox input + span::after {
		width: min(calc(15 / 1360 * 100vw), 15px);
		height: min(calc(21 / 1360 * 100vw), 21px);
		left: min(calc(8 / 1360 * 100vw), 8px);
	}

	/* 送信ボタン */
	.btn {
		width: 100%;
	}
	.btn input {
		height: min(calc(64 / 1360 * 100vw), 64px);
		border-radius: min(calc(40 / 1360 * 100vw), 40px);
		font-size: min(calc(27 / 1360 * 100vw), 27px);
		cursor: pointer;
		transition: 0.2s;
	}
	.btn input:hover {
		background: #fff;
		border-color: #EE6D36;
		box-shadow: 4px 4px 0 #EE6D36;
		color: #EE6D36;
	}
	/* 送信ボタン */
	.btn {
		width: min(calc(560 / 1360 * 100vw), 560px);
	}
	.btn button {
		cursor: pointer;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.btn button::after {
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.btn button:hover {
		color: #fff;
		background: #FE8738;
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.btn button:hover::after {
		right: 3%;
	}
	/*========== お問い合わせ 完了画面 ==========*/
	.wrap_thanks_text {
		font-size: min(calc(18 / 1360 * 100vw), 18px);
		text-align: center;
	}
	/* ボタン */
	.btn {
		width: min(24.1176470588vw, 328px);
		margin: min(3.5294117647vw, 48px) auto 0;
	}
	.btn a {
		height: min(4.7058823529vw, 64px);
		border-radius: min(2.9411764706vw, 40px);
		font-size: min(1.4705882353vw, 20px);
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.btn a:hover {
		background: #fff;
		color: #EE6D36;
		-webkit-box-shadow: 4px 4px 0 #EE6D36;
		box-shadow: 4px 4px 0 #EE6D36;
		border-color: #EE6D36;
	}
}