@charset "UTF-8";
/* CSS Document */
/*sub_ttlArea*/
.sub_bg .sub_ttlArea {
	background-image: url("../img/contact/sub_ttl.webp");
}
.sub_descArea .t_inner h1.contact:before {
	content: "CONTACT";
}
.sub_descArea .t_inner h1.thanks:before {
	content: "THANKS";
}
.thanksTxt {
	padding: 80px 20px;
  font-size: 15px;
  line-height: 27px;
  text-align: left;
}
div.formBox {
	width: 100%;
	margin: 0 auto;
}
.contactArea .inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 140px 20px 170px;
}
.contactArea .inner .formBox h2 {
	font-size: 25px;
	color: #3f94fd;
	font-weight: 700;
	padding-bottom: 30px;
}
.contactArea .inner .formBox .mailfield{
	text-align:center;
	font-size: min(3.8vw,18px);
	line-height: 2em;
	padding-bottom:80px;
}
form#mailformpro dl{
	display: flex;
	border-bottom: 1px solid #c0c0c0;
	padding:40px 0;
	font-size: min(3.8vw,16px);
}
form#mailformpro dl:first-of-type{
	border-top: 1px solid #c0c0c0;
}
form#mailformpro dl dt {
	color: #3f94fd;
	width: 25%;
}
form#mailformpro dl dd {
	width: 75%;
}
form#mailformpro dl a{
	border-bottom: 1px solid #323232;
}
form#mailformpro dl a:hover{
	border-bottom: 1px solid #3f94fd;
}
form#mailformpro .mailform dd ol li span{
	font-size: min(3.8vw,18px);
}
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button {
	border-radius: 50px;
	background: #323232;
}
.mfp_element_submit:hover,
.mfp_element_reset:hover,
.mfp_element_button:hover {
	background: #3f94fd;
}
.must{
	color: #C00;
	padding-right: 5px;
}
@media screen and (max-width: 1000px) {
	.contactArea .inner {
		width: 100%;
		padding: 40px 6vw 90px;
	}
	.contactArea .inner .formBox h2 {
    font-size: min(5.6vw,22px);
    padding-bottom: 16px;
	}
}

@media screen and (max-width: 767px) {
/*sub_ttlArea*/
	.thanksTxt {
		padding: 80px 6vw;
	}
	form#mailformpro dl{
		display: block;
		padding:40px 0;
	}
	form#mailformpro dl dt {
		width: 100%;
		padding-bottom: 8px;
	}
	form#mailformpro dl dd {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.contactArea .inner{
		padding-bottom: 60px;
	}

}