@charset "UTF-8";

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

　お問い合わせ

=================================================*/
.inquiry {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.inquiry__content {
	max-width: 1054px;
	margin: 60px auto;
	padding: 0;
	text-align: center;
}
.inquiry-card {
	width: 916px;
	margin: 0 auto 60px;
	padding: 0;
	text-align: center;
}
.inquiry-card p {
	width: 740px;
	margin: 50px auto 0;
	text-align: left;
	font-size: 1.65rem;
	line-height: 2.1;
}
.inquiry-card ul {
	width: 740px;
	margin: 50px auto 0;
	text-align: left;
	font-size: 1.65rem;
	line-height: 2.1;
}
.inquiry-card ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.page-template-page-consult .inquiry-card p {
	width: 475px;
}
.inquiry-card h3 {
	margin: 40px auto 15px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1;
}
.mail_form {
	margin: 20px auto 0;
}
.banner__content {
	max-width: 867px;
	margin: 40px auto 0;
	padding: 0;
	text-align: center;
}

@media screen and (max-width: 1279px) {

	.inquiry {
		padding: 0 8.79593432vw;
	}
	.inquiry__content {
		margin: 4.69116497vw auto;
	}
	.inquiry-card {
		width: 71.6184519vw;
		margin: 0 auto 4.69116497vw;
	}
	.inquiry-card p {
		margin: 3.90930414vw auto 0;
		font-size: 1.65rem;
	}
	.inquiry-card ul {
		margin: 3.90930414vw auto 0;
	}
	.consult .inquiry-card p {
	}
	.inquiry-card h3 {
		margin: 3.12744332vw auto 1.17279124vw;
	}
	.banner__content {
		max-width: 67.7873339vw;
		margin: 3.12744332vw auto 0;
	}

}

@media screen and (max-width: 768px) {

	.inquiry {
	}
	.inquiry__content {
		margin: 4vw auto;
	}
	.inquiry-card {
		width: 100%;
		margin: 0 auto 10.6666666vw;
	}
	.inquiry-card p {
		width: 100%;
		margin: 6.66666666vw auto 0;
		font-size: 1.65rem;
	}
	.inquiry-card ul {
		width: 100%;
		margin: 6.66666666vw auto 0;
		font-size: 1.65rem;
		font-size: clamp(1.1rem, (100vw - 375px) * 5.5 / 393 + 11px, 1.65rem);
	}
	.page-template-page-consult .inquiry-card p {
		width: 100%;
	}
	.inquiry-card h3 {
		margin: 5.33333333vw auto 2vw;
		font-size: clamp(1.1rem, (100vw - 375px) * 7 / 393 + 11px, 1.8rem);
	}
	.banner__content {
		margin: 0 auto 9.33333333vw;
		padding: 0;
		text-align: center;
	}

}

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

　Snow Monkey Forms　カスタマイズ

=================================================*/
.smf-action .smf-button-control__control {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 544px;
	margin: 0 auto;
	padding: 1.866666666vw 1.6vw 1.6vw;
	color: #fff;
	font-size: clamp(1.8rem, (100vw - 375px) * 6 / 393 + 18px, 2.4rem);
	font-weight: 900;
	text-decoration: none;
	line-height: 1;
	background-color: #0368B7;
	background-image: none;
	border: none;
	border-radius: 100vh;
	filter:
		drop-shadow(2px 3px 1px rgba(0, 0, 0, 1));
	transition: all 0.3s ease;
}
.smf-action .smf-button-control:nth-last-of-type(2) .smf-button-control__control {
	margin-bottom: 5.33333333vw;
	background-color: #808080;
}
.smf-action .smf-button-control + .smf-button-control {
	margin-top: 5.33333333vw;
	margin-left: 0;
}
.smf-action .smf-button-control__control:hover {
	opacity: 0.5;
}
.smf-form {
	margin-bottom: 5.33333333vw;
}
.smf-form--business {
	font-size: clamp(1.2rem, (100vw - 375px) * 2 / 393 + 12px, 1.4rem);
}
.smf-form--business+.smf-action {
	margin: 0;
	text-align: center
}
.smf-form--business .smf-item {
	display: block;
	margin-top: 0;
	margin-bottom: 4vw;
	border: 1px solid #000;
}
.smf-form--business .smf-item:not(:first-child) {
	border: 1px solid #000;
}
.smf-form--business .smf-item__col {
	flex: initial;
	padding: 0;
}
.smf-form--business .smf-item--divider .smf-item__col {
	flex: initial;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
.smf-form--business .smf-item__col--label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	padding: 2vw 1.33333333vw;
	text-align: left;
	line-height: 1;
	white-space: nowrap;
	background-color: #FFF;
	border-bottom: 1px solid #000;
	border-right: none;
}
.smf-form--business .smf-item__col--controls {
	flex: initial;
	width: 100%;
	padding: 1.33333333vw;
	text-align: left;
	line-height: 1;
}
.smf-form--business .smf-item__col--controls .smf-text-control__control {
	width: 100%;
	padding: 1.33333333vw;
	line-height: 1;
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
}
.smf-form--business .smf-item__col--controls .smf-textarea-control__control {
	width: 100%;
	padding: 1.33333333vw;
	font-size: clamp(1.2rem, (100vw - 375px) * 2 / 393 + 12px, 1.4rem);
	line-height: 1;
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
}
.smf-text-control,
.smf-text-control__control,
.smf-textarea-control__control,
input,
textarea {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.smf-form--business .smf-item__col--label em,
.smf-error-messages {
	color: #0000FF;
	font-style: normal;
}
.smf-form--business .smf-item__col--controls .smf-text-control__control:focus,
.smf-form--business .smf-item__col--controls .smf-textarea-control__control:focus,
select:focus {
	outline: none;
	border-color: #4A90E2;
	box-shadow: 0 0 0 2px rgba(0,0,255,0.5);
}
.smf-item__description {
	display: inline-block;
	margin: 1.33333333vw 0 0;
	color: #000;
	font-size: clamp(1rem, (100vw - 375px) * 2 / 393 + 10px, 1.2rem);
	font-weight: 500;
}
.smf-complete-content {
	text-align: left;
}

@media (min-width:640px) {

	.smf-form--business {
		width: 100%;
		text-align: left;
	}
	.smf-form--business .smf-item {
		display: block;
	}
	.smf-form--business .smf-item:nth-of-type(1) {
		border-top: 1px solid #000;
	}
	.smf-form--business .smf-item__col {
		flex: initial;
	}
	.smf-form--business .smf-item__col--label {
		display: flex;
		width: 100%;
		max-width: 100%;
	}
	.smf-form--business .smf-item__col--controls {
		flex: initial;
		width: 100%;
		max-width: 100%;
	}
	.smf-form--business .smf-item__col--controls .smf-text-control__control {
		width: 100%;
	}
	.smf-form--business .smf-item__col--controls .smf-textarea-control__control {
		width: 100%;
	}

}

@media (min-width: 769px) {

	.smf-form {
		margin-bottom: 40px;
	}
	.smf-action .smf-button-control__control {
		padding: 14px 12px 12px;
		font-size: 2.4rem;
	}
	.smf-form--business {
		width: 100%;
		text-align: left;
		font-size: clamp(1.1rem, (100vw - 769px) * 3 / 511 + 11px, 1.4rem);
	}
	.smf-form--business .smf-item {
		display: flex;
		margin-bottom: 0;
	}
	.smf-form--business .smf-item:not(:first-child) {
		border-top: none;
	}
	.smf-form--business .smf-item:nth-of-type(1) {
		border-top: 1px solid #000;
	}
	.smf-form--business .smf-item__col--label {
		flex: initial;
		display: flex;
		width: 49%;
		max-width: 49%;
		padding: 10px;
		border-right: 1px solid #000;
		border-bottom: none;
	}
	.smf-form--business .smf-item__col--controls {
		flex: initial;
		width: calc(100% - 49%);
		padding: 10px;
	}
	.smf-form--business .smf-item__col--controls .smf-text-control__control {
		padding: 10px;
	}
	.smf-form--business .smf-item__col--controls .smf-textarea-control__control {
		padding: 10px;
	}
	.smf-action .smf-button-control:nth-of-type(2),
	.smf-action .smf-button-control:nth-last-of-type(2) {
		float: right;
		margin: 0;
		width: 250px;
	}
	.smf-action .smf-button-control:nth-last-of-type(2) {	
		float: left;
	}
	.smf-action .smf-button-control:nth-of-type(2) .smf-button-control__control,
	.smf-action .smf-button-control:nth-last-of-type(2) .smf-button-control__control {
		width: 100%;
	}
	.smf-action .smf-button-control:nth-last-of-type(2) .smf-button-control__control {
		margin-bottom: 0;
	}
	.smf-action .smf-button-control + .smf-button-control {
		margin-top: 0;
	}
	.smf-action::after {
		content: "";
		clear: both;
		display: table;
	}
	.smf-item__description {
		margin: 5px 0 0;
		font-size: clamp(1rem, (100vw - 375px) * 2 / 392 + 10px, 1.2rem);
	}
	.smf-complete-content {
		text-align: center;
	}

}

@media (min-width: 1080px) {

	.smf-form--business .smf-item__col--label {
		max-width: 42%;
		width: 42%;
	}
	.smf-form--business .smf-item__col--controls {
		width: calc(100% - 42%);
	}
	.smf-action .smf-button-control:nth-of-type(2),
	.smf-action .smf-button-control:nth-last-of-type(2) {
		width: 309px;
	}

}

@media (min-width: 1280px) {

	.smf-form--business {
		font-size: 1.4rem;
	}
	.smf-action .smf-button-control__control {
		padding: 14px 12px 12px;
		font-size: 2.4rem;
	}

}