@charset "utf-8";
/* main image
------------------------------------------*/
.main-image {
	display: none;
	background-image: var(--bg-path,url(../images/bg-main-shape.png));
/*	background-color: rgba(0, 0, 0, 0.2);
	background-blend-mode: darken;*/
}
.com {
	color: grey;
}
.com p+p {
	margin-top: 25px;
}

/* mailformpro ---------------------------*/
.contact .contact-ttl {
	display: none;
}
.contact .grid {
	gap: 30px;
}
.contact-frm {
	margin-bottom: 60px;
}
form#mailformpro dl {
	display: block;
}
form#mailformpro dl dt {
	float: none;
	width: 100%;
	padding: 10px 10px 0;
	border: 0;
	text-align: left;
	font-size: 1em;
}
form#mailformpro dl dd {
	border: 0;
	padding: 10px;
	font-size: 1em;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
	background: #F3F8F6;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	width: stretch;
	padding: 15px;
	vertical-align: middle;
}
.mfp_element_text:focus,
.mfp_element_number:focus,
.mfp_element_select-one:focus,
.mfp_element_email:focus,
.mfp_element_tel:focus,
.mfp_element_textarea:focus,
.mfp_element_date:focus,
.mfp_element_password:focus {
	outline: none;
	border: 1px solid green;
}
div.mfp_err {
	padding: 3px 0 5px;
	color: #F00;
	font-size: 12px;
	line-height: normal;
	background-image: none;
}

.mfp_buttons button {
	background: #63AB45;
	border: 0;
	box-shadow: none;
	width: 160px;
	padding: 10px;
	font-size: 1em;
	color: #fff;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-shadow: none;
}
.mfp_buttons button:hover {
	background: #72B357;
}




/* タブレット版
==============================================================================*/
@media screen and (max-width:800px) {


}


/* スマートフォン版
==============================================================================*/
@media screen and (max-width:500px) {



}