/******************
/* contact.css
******************/
@import url("low_common.css");
/****-menu_section--****/
#contact section {
	margin: 40px auto 150px;
}
#contact section h1 {
 position: relative;
 font-size: 3.2rem;
 padding-bottom: 5px;
 margin-bottom: 20px;
}
#contact section h1::after {
 content: "";
 display: block;
 height: 2px;
 width: 100%;
 background: linear-gradient(to right, #315BA7 0%, #315BA7 25%, #dddddd 25%, #dddddd 100%);
}
#contact section p{
	font-size: 2.1rem;
}
#contact section .required{
	color:red;
}
#contact section .error{
	display: block;
	color:red;
}
#contact section dl {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	font-size: 2.3rem;
	margin-top: 40px;	
	border-bottom:#e1e1e1 1px solid;
}
#contact section dl dt{
	width: 40%;
	font-size: 2.1rem;
	font-weight: bold;
	padding: 20px 10px 20px 30px;
	background: #f7f7f7;
	border-top:#e1e1e1 1px solid;
}
#contact section dl dd{
	width: 60%;
	font-size: 1.6rem;
	padding: 20px 10px 20px 20px;
	border-top:#e1e1e1 1px solid;
}
input[type="text"] ,input[type="email"] ,textarea{
	width: 85%;
	font-size: 1.6rem;
	padding: 5px;
}
input[type="text"].zip{
	width: 10%;	
}
input[type="text"].name{
	width: 50%;	
}
input[type="text"].tel{
	width: 15%;	
}
select{
	font-size: 1.6rem;
	padding: 5px;
}
.product01, .product02{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.product01 span.mwform-checkbox-field{
	display: inline-block;
	min-width: 25%;
	padding-right: 25px;
	margin-bottom: 5px;
}
.product01 span.mwform-radio-field-text{
	display: inline-block;
	min-width: 25%;
	padding-right: 25px;
	margin-bottom: 5px;
}
.product02 span.mwform-checkbox-field{
	display: inline-block;
	padding-right: 25px;
	margin-bottom: 5px;
}
.product01 span.error, .product02 span.error{
	width: 100%;
}
.btn{
	text-align: center;
	margin: 50px auto;
}
input[type="submit"]{
	display: inline-block;
	min-width: 160px;
	color: #fff;
	font-size: 2.0rem;
	padding: 10px 40px;
	background: #2e62ae;
	border: none;
	transition: 0.4s ease-in-out;
}
input[type="submit"].btn_back{
	background: #8092A0;
}
input[type="submit"]:hover{
	opacity: 0.7;
}
.mw_wp_form .horizontal-item + .horizontal-item {
 margin-left: 0 !important;
}
.mw_wp_form_confirm .mail02{
	display: none;
}
@media screen and (max-width: 767px) {
 #contact section {
	margin: 5vw auto 9vw;
}
#contact section h1{
	font-size: 2.0rem;
 padding-bottom: 2vw;
	margin-bottom: 2.6vw;
}
#contact section p{
	font-size: 1.6rem;
}
#contact section .required{
	color:red;
}
#contact section .error{
	display: block;
	color:red;
}
#contact section dl {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	font-size: 2.3rem;
	margin-top: 5.215vw;	
	border-bottom:#e1e1e1 1px solid;
}
#contact section dl dt{
	width: 100%;
	font-size: 1.6rem;
	padding: 2.6vw 1.3vw 2.6vw 3.9vw;
}
#contact section dl dd{
	width: 100%;
	font-size: 1.4rem;
	padding: 2.6vw 1.3vw 2.6vw 2.6vw;
 margin-bottom: 5vw;
}
input[type="text"] ,input[type="email"] ,textarea{
	width: 85%;
	font-size: 1.4rem;
	padding: 0.652vw;
}
input[type="text"].zip{
	width: 10%;	
}
input[type="text"].name{
	width: 50%;	
}
input[type="text"].tel{
	width: 15%;	
}
select{
	font-size: 1.4rem;
	padding: 0.652vw;
}
.product01, .product02{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.product01 span.mwform-checkbox-field{
	display: inline-block;
	min-width: 25%;
	padding-right: 3.259vw;
	margin-bottom: 0.652vw;
}
.product01 span.mwform-radio-field-text{
	display: inline-block;
	min-width: 25%;
	padding-right: 3.259vw;
	margin-bottom: 0.652vw;
}
.product02 span.mwform-checkbox-field{
	display: inline-block;
	padding-right: 3.259vw;
	margin-bottom: 0.652vw;
}
.product01 span.error, .product02 span.error{
	width: 100%;
}
.btn{
	text-align: center;
	margin: 6.5vw auto;
}
input[type="submit"]{
	display: inline-block;
	min-width: 20.86vw;
	color: #fff;
	font-size: 1.6rem;
	padding: 1.304vw 5.215vw;
	background: #2e62ae;
	border: none;
	transition: 0.4s ease-in-out;
} 
}