@charset "utf-8";


.main {
	padding-top: 3em;
}

.contact-heading {
	width: 95%; max-width: 1245px;
	margin: 0 auto;
	font-size: 24px; font-size: 2.4rem;
	text-align: center;
}
.contact-heading::after {
	display: block;
	content: "";
	width: 20px;
	height: 2px;
	margin: 0.5em auto 0;
	background: #5e4400;
}

.contact-heading span {
	display: block;
	font-size: 16px; font-size: 1.6rem;
}


/* form
----------------------------------------------*/

.form__inner {
	position: relative;
	width: 94%; max-width: 550px;
	min-height: 65vh;
	margin: 0 auto;
	padding: 4em 0;
	text-align: center;
}

.form__inner .head {
	margin-bottom: 3em;
	font-size: 16px; font-size: 1.6rem;
	text-align: center;
}
.form__inner .head span {
	font-size: 13px;font-size: 1.3rem;
	color: #ff40a9;
}

@media screen and (max-width:980px){
.form__inner .head {
	margin-bottom: 2em;
}
}

.form__inner dl {
	width: 95%; max-width: 550px;
	margin: 0 auto 3em;
}

.form__inner dl dt {
	padding: .5em 0;
	text-align: left;
}

/* 必須見出し */
.form__inner dl dt:nth-of-type(1),
.form__inner dl dt:nth-of-type(2),
.form__inner dl dt:nth-of-type(3) {
}
.form__inner dl dt:nth-of-type(1)::after,
.form__inner dl dt:nth-of-type(2)::after,
.form__inner dl dt:nth-of-type(3)::after,
.form__inner dl dt:nth-of-type(5)::after,
.form__inner dl dt:nth-of-type(4)::after {
	display: inline-block;
	content: "※";
	margin-left: .2em;
	font-size: 10px;
	font-size: 1rem;
	vertical-align: middle;
}

.form__inner dl dd {
	overflow: hidden;
	margin-bottom: 0.5em;
	opacity: 0.7;
}
.form__inner dl dd:nth-of-type(3) {
	
}

.form__inner dl dd input[type="text"],
.form__inner dl dd input[type="email"],
.form__inner dl dd input[type="tel"],
.form__inner dl dd select,
.form__inner dl dd textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: .6em .5em;
	margin: 0.2em 0;
	border-radius: 5px;
	border: 2px solid #5e4400;
}

.form__inner dl dd:nth-of-type(1) select,
.form__inner dl dd:nth-of-type(2) textarea,
.form__inner dl dd:nth-of-type(3) input,
.form__inner dl dd:nth-of-type(4) input,
.form__inner dl dd:nth-of-type(5) input {
	/*border: 2px solid #ff40a9;*/
}

.form__inner dl dd:nth-last-of-type(1) textarea {
	height: 10em;
	resize: vertical;
}

.form__inner dl dd:nth-of-type(6) span {
	display: block;
	margin-bottom: .5em;
}

.form__inner dl dd:nth-of-type(6) span input:nth-of-type(1) {
	display: inline-block;
	/*max-width: 104px;*/
}

.form__inner dl dd:nth-of-type(6) span input:nth-of-type(2) {
	display: inline-block;
	/*max-width: 280px;*/
	vertical-align: middle;
}

@media screen and (max-width:768px){
.form__inner dl dt {
	/*float: none;
	width: 100%;
	padding: 0 0 .5em;
	font-size: 14px;
	font-size: 1.4rem;*/
}

.form__inner dl dd {
	padding-left: 0;
	margin-bottom: 0.5em;
}


.form__inner dl dd:nth-of-type(6) span input:nth-of-type(1) {
	display: block;
	margin: 0 0 .5em;
}

.form__inner dl dd:nth-of-type(6) span input:nth-of-type(2) {
	display: block;
	max-width: 280px;
}
}



.form__inner .contact__button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	position: relative; 
	width: 80%; max-width: 150px;
	height: 50px;
	margin: 0 auto 1em;
	color: #fff;
	border: none;
	border-radius: 25px;
	background: #e50012;
	transition: .5s;
}
.form__inner .contact__button-back {
	margin: 1em auto;
	line-height: 50px;
	background: #ccc;
}

.form-conf .form__inner dl dd {
	padding: .6em .5em;
	text-align: left;
	border-radius: 5px;
	border: 2px solid #5e4400;
	background: #fff;
}

.form__inner .contact-thanks {
	font-size: 15px; font-size: 1.5rem;
	font-weight: normal;
	text-align: center;
}
.form__inner .contact-thanks b {
	display: block;
	padding-bottom: 0.5em;
	font-size: 16px; font-size: 1.6rem;
}