@charset "utf-8";



/* --------------------------------------------


						CONTACT


---------------------------------------------- */ 

.contact__title { 
	max-width: 25px; 
	width: 20%;
	margin: 2em auto;
}

.contact__title img {
	width: 100%;
}

.contact__inner {
	max-width: 700px;
	margin: 10em auto 7.5em;
	padding-bottom: 3em;
}
.contact__formWrap > p {
	margin-bottom: 2em;
	text-align: center;
}

.error_messe {
 margin: 0 auto;
 text-align: center;
}

.contact__formWrap .required {
	display: inline-block;
	/*box-sizing: border-box;*/
	margin: 0 1%;
	padding: 0.25em 0.5em;
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	color: #fff;
	background: #a78f72;
}

.contact__form {
	width: 100%;
	max-width: 550px;
	margin: 5em auto 7em;
	padding-bottom:  0em;
	border-bottom: solid 2px #003256;
}

#formWrap p {
 margin-bottom: 2em;
 text-align: center;
} 

#formWrap h3 {
 margin-bottom: .5em;
 text-align: center;
} 
	

.contact__form dt {		
	/*box-sizing: border-box;*/
	float: left;
	clear: left;
	width: 150px;
	padding: 0.25em;
}

.contact__form dt .required {
	margin: 0 0 0 5%;
	padding: 5em;
	vertical-align: middle;
	line-height: 5;
}

.contact__form dd {	
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 2em;
	margin-left: 2%;
	/*padding: 0.25em 0em;*/
	/*padding: 0.25em 1em;*/
}

.contact__form dd input[type="text"],
.contact__form dd input[type="tel"],
.contact__form dd input[type="email"],
.contact__form dd select,
.contact__form dd textarea {
	/*border: 1px solid #c2c6a9;
	background: blue;*/
	margin: 0 auto;
	
}
.contact__form dd input[type="text"],
.contact__form dd input[type="tel"],
.contact__form dd input[type="email"],
.contact__form dd textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0.25em;
}
.contact__form dd select {
	margin-bottom: 0em; /* 1em 
	border: solid 1px;*/
	padding: 0 1em;
	line-height: 2.2;
	width: 50%;
}
.contact__form dd textarea {
	height: 200px;
	resize: vertical;
}

.contact__form .contact__submit { 
	display: block;
	margin: 0 auto;
	text-align: center;
	} 

.contact__submit {
	display: block;
	width: 80%;
	max-width: 300px;
	height: 50px;
	margin: 3em auto 0;
	text-align: center;
	color: #fff;
	border: none;
	background: #003256;
	cursor: pointer;
}


.formtext {
	background: red;
}












/*-- 確認画面 --*/
.conf h3 {
	text-align: center;
}

.conf .conf-text {
	width: 90%;
	margin: 0 auto 5em;
	text-align: center;
}

.conf .contact__form {
	margin-bottom: 5em;
}

.conf .contact__form dd {
	padding: 0.25em;
	border-bottom: 1px solid #c2c6a9;
}

/*-- 確認画面 --*/
.conf .error_messe {
	width: 90%;
	margin: 0 auto 1em;
	text-align: center;
}



.contact__submit { cursor: pointer; margin-top: 2em;}

.error_messe { margin-top: .1em; color: red;  padding-bottom: 0;}
.error_messe:nth-last-child() { margin-top: 1em; color: red;}





.thanks {  
	width: 100%;
	max-width: 700px;
	margin: 0 auto 8em;
	padding-top: 10em;
}

.thanks p { 
	width: 100%;
	text-align: center;
	line-height: 2;
}

.top-Thanks__button {
 max-width: 250px;
 margin: 5em auto 8em;
 padding: .5em;
}


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


								お問い合わせ


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

#formWrap { }
#formWrap .contact__title { display: block; }

.formTable { 
	max-width: 700px; width: 90%; 
	margin: 10em auto 7em; 
}
.formTable tr { }
.formTable th { max-width: 240px; width: 36%; vertical-align: middle; font-size: 15px; font-size: 1.5rem; font-weight: normal;}  
.formTable tr:nth-of-type(5) > th { vertical-align:inherit;}  
.formTable th span { color: #fff; background: #a78f72; padding: .6em 10px .5em; margin-left: 10px; vertical-align: middle; font-weight: normal; letter-spacing: 5px;}
.formTable td { width: 100%; padding: 1em 0;}
.formTableShort { width: 50%; padding: 1em 0 0; margin-bottom: -2.5em;}

#formWrap input { /*line-height: 3;*/ width: 100%; margin: 2em auto; /*padding: 1em 0 1em 2%;*/ padding-left: 2%;  height: 50px; vertical-align: middle; }
#formWrap textarea {  width: 100%; min-height: 10em; padding-left: 2%; resize: vertical;}

 .contact__submit {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 0 auto 15em; 
	text-align: center;
}
.submitBtn .contact__submit input { 
	display: block;
	width: 100%;
	padding: .5em 0;
	background: #003256;
	cursor: pointer;
	font-size: 16px; font-size: 1.6rem;
	color: #fff;
	font-weight: normal;
	border: none;
	}