@charset "utf-8";
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.comContact {
	display: none !important;
}
#main {
	margin-bottom: 21.8rem;
}
#main .content {
	max-width: 75rem;
}
#main .headLine01 {
	margin-bottom: 10.5rem;
}
#main .mailForm .whiteBg {
	margin-bottom: 7.9rem;
	padding: 5.2rem 5.5rem 6rem;
	background: #FFF;
	border-radius: 5rem;
}
#main .mailForm .wpcf7-response-output,
#main .mailForm .form_step2 {
	display: none;
}
#main .mailForm .must {
	color: #E95C02;
}
#main .mailForm .emText {
	margin-bottom: 2.5rem;
	color: #888;
	font-size: 1.4rem;
	letter-spacing: 0.02em;
	line-height: 2;
}
#main .mailForm .formDl {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1.75;
}
#main .mailForm .formDl dt {
	margin-bottom: 0.8rem;
}
#main .mailForm .formDl dd {
	word-break: break-all;
}
#main .mailForm .formDl dd:not(:last-of-type) {
	margin-bottom: 2.4rem;
}
#main .mailForm .formDl select,
#main .mailForm .formDl textarea,
#main .mailForm .formDl input[type="text"],
#main .mailForm .formDl input[type="email"],
#main .mailForm .formDl input[type="tel"] {
	padding: 0.8rem 1.3rem;
	width: 100%;
	height: 5rem;
	color: #555;
	font-size: 1.6rem; 
	border-radius: 0.5rem;
	border: none;
	background: #F5F5F5;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none; 
}
#main .mailForm .formDl textarea {
	height: 21rem;
	resize: vertical;
	vertical-align: top;
}
#main .mailForm .submit {
	margin-left: 1rem;
	position: relative;
}
#main .mailForm .submit li input {
	text-align: left;
	letter-spacing: 0.25em;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	transition: opacity .3s;
}
#main .mailForm .submit li.back {
	width: fit-content;
	position: absolute;
	left: 4.4rem;
	top: 50%;
	transform: translateY(-50%);
}
#main .mailForm .submit li.back input {
	padding: 0 0 0.3rem 3.7rem;
	font-size: 1.4rem;
	background: url(../img/common/icon06.png) no-repeat left center / 0.75rem;
	border-radius: 0;
}
#main .mailForm .confirm .whiteBg {
	padding-bottom: 7.4rem;
}
#main .mailForm .confirm .formDl dt {
	width: 17rem;
}
#main .mailForm .confirm .formDl dd {
	width: calc(100% - 18rem);
}
#main .mailForm .confirm .formDl dt,
#main .mailForm .confirm .formDl dd {
	margin-bottom: 2.2rem;
}
#main .comBtn03 {
	position: relative;
}
.wpcf7-spinner {
	margin: 0 !important;
	position: absolute !important;
	left: 50%;
	transform: translateX(-50%);
	bottom: -4rem;
}
.wpcf7-not-valid-tip {
	color: #E95C02 !important;
}
@media all and (min-width: 897px) {
	#gFooter::before {
		margin-left: 16.8rem;
		width: 47.3rem;
		aspect-ratio: 946 / 881;
		background-image: url(../img/contact/contact_img.png);
	}
	#main .mailForm .submit li input:hover {
		opacity: 0.7;
	}
	#main .mailForm .confirm .formDl dt:last-of-type,
	#main .mailForm .confirm .formDl dd:last-of-type {
		margin-bottom: 0 !important;
	}
}
@media all and (max-width: 896px) {
	#gFooter::before {
		margin-left: -14.4rem;
        width: 30.6rem;
		background-image: url(../img/contact/contact_img.png);
	}
	#main {
		margin-bottom: 28.1rem;
	}
	#main .content {
		margin: 0 1.5rem;
		max-width: inherit;
	}
	#main .headLine01 {
		margin-bottom: 5.5rem;
	}
	#main .mailForm .whiteBg {
		margin-bottom: 5rem;
		padding: 3.1rem 3rem 2.9rem;
		border-radius: 2.7rem;
	}
	#main .mailForm .formDl dt {
		margin-bottom: 0.3rem;
	}
	#main .mailForm .formDl dd:not(:last-of-type) {
		margin-bottom: 1.9rem;
	}
	#main .mailForm .submit {
		margin-left: 0;
	}
	#main .mailForm .submit li.back {
		margin: -0.5rem auto 3.2rem;
		position: static;
		left: auto;
		top: auto;
		transform: none;
	}
	#main .mailForm .confirm .whiteBg {
		padding-bottom: 2rem;
	}
	#main .mailForm .confirm .formDl {
		display: block;
	}
	#main .mailForm .confirm .formDl dt,
	#main .mailForm .confirm .formDl dd {
		margin-bottom: 0.5rem;
		width: auto !important;
	}
	#main .mailForm .confirm .formDl dd {
		margin: 0 0 1.4rem 1.6rem;
	}
	#main .thanksBox .comCtrText {
		margin-bottom: 4.3rem;
	}
}