@charset "UTF-8";

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


form


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

.Contact {
	margin: 5em 0 6em;
}
.Contact .Section__Title {
	text-align: center;
}

.contact__policy {
	border: solid 3px #f06049;
	border-radius: 10px;
	max-width: 700px; width: 100%;
	padding: 1.5em 5%;
	margin-bottom: 5em; 
}
.contact__policy p {
	text-align:center;
	color: #f06049;
}
.contact__policy br { }

@media screen and (max-width:768px){
	.contact__policy br {
	display: none;
	}
}


#form {
	max-width: 700px; width: 80%;
	margin: 0 auto;
}


.contact {
}

.contact h2 {
	width: 94%;
	max-width: 1026px;
	margin: 0 auto 3em;
	padding-bottom: 0.5em;
}

.contact__inner {
	width: 94%;
	max-width: 700px;
	margin: 0 auto 5em;
	padding-top: 5em;
}
@media screen and (max-width:1080px){
.contact__inner {
	padding-top: 2em;
}
}




/* Form
--------------------------------------------*/
.contact__formWrap > p {
	margin-bottom: 2em;
	text-align: center;

}
.contact__formWrap .required {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 1%;
	padding: .25em 0.8em;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #f06049;
}

.contact__form {
	width: 95%;
	max-width: 690px;
	margin: 0 auto 5em;
}
@media screen and (max-width:768px){
.contact__form {
	margin: 0 auto 2em;
}
}

.contact__form dt { 
	box-sizing: border-box;
	float: left;
	clear: left;
	width: 200px;
	padding: 1em 0;
}
@media screen and (max-width:768px){
.contact__form dt {
	float: none;
	width: 100%;
}
}

.contact__form dt .required {
	margin: 0 0 0 2.5%;
}


.contact__form dd { 
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 2em;
	padding-left: 2em;
}
@media screen and (max-width:768px){
.contact__form dd {
	padding: 0;
}
}




.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: none;
	background: #f0f8fc;
	padding: 1em;
}
.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: 1em;
}
.contact__form dd select {
	margin-bottom: 1em;
}
.contact__form dd textarea {
	height: 200px;
	resize: vertical;
}

.contact__submit {
	display: block;
	width: 80%;
	max-width: 300px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border: none;
	background: #f06049;
	cursor: pointer;
	border-radius: 50px;
	transition: all 0.1s ease 0s;
}

.contact__submit:hover {
  transform: .1s;
	opacity: .8;
}


/*-- 確認画面 --*/
.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;
}

#formWrap { 
	text-align: center;
	}
#formWrap h3 { 
	text-align: center;
	}	
#formWrap h4 { 
	text-align: center;
	}
#formWrap p { 
	text-align: center;
	padding: 3em 0 0;
	}	
#formWrap .soushin { 
	display: block;
	width: 250px;
	border-radius: 50px;
	padding: .8em;
	margin: 1em auto;
	background: #f06049;
	border: solid #f06049;
	color: #fff;
	cursor: pointer;
	}
#formWrap .back { 
	display: block;
	width: 250px;
	border-radius: 50px;
	padding: .8em;
	margin: 1em auto 5em;
	background: #fff;
	color: #f06049;
	border: solid #f06049;
	cursor: pointer;
	}
		
.formTable { 
	display: block;
	margin: 4em auto -.5em;
	max-width: 600px; 
	}
	
.formTable th {
	width: 180px;
	padding: 1em ;
}

.formTable td {
	padding: 1em ;
}