@charset "utf-8";

/* article */
article{
	padding-bottom:0;
}
@media screen and (max-width:768px){
	article{
		padding-bottom:10%;
	}
}


/* article.low h1 */
article.low h1{
	background:url(../images/contact/h1_bg.jpg)no-repeat center center;
	background-size:cover;
}
@media screen and (max-width:768px){
	article.low h1{
		background:url(../images/contact/h1_bg_s.jpg)no-repeat center center;
		background-size:cover;
	}
}


/* article.low h1 */
article.low h1.confirm{
	height:110px;
	background:#728055;
}
article.low h1.confirm + p{
	margin:70px 0;
	font-size:16px;
}
@media screen and (max-width:768px){
	article.low h1.confirm{
		height:auto;
		padding:1% 0 1.5%;
		background:#728055;
	}
	article.low h1.confirm + p{
		margin:9% 0;
		font-size:3.6vw;
	}
}



/* #contact */
#contact{
	padding:100px 0;
}
#contact form{
	padding:50px 75px;
	background:url(../images/bg.jpg);
	background-size:100px auto;
}
#contact form > dl{
	text-align:left;
}
#contact form > dl dt{
	line-height:1;
	margin-bottom:0.5em;
	padding-left:0.5em;
	border-left:8px solid;
	font-weight:bold;
	color:#324b1e;
}
#contact form > dl dt.hissu:after{
	content:'※必須';
	margin-left:1em;
	color:#1a1a1a;
}
#contact form > dl dd{
	margin-bottom:40px;
}
#contact form > section{
	height:250px;
	margin-bottom:50px;
	padding:1em;
	background-color:#fff;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contact form > section dl dt{
	margin-top:1.6em;
}
#contact form > section dl dd ul{
	margin-top:1.6em;
}

@media screen and (max-width:768px){
	article.low .outer.contact{
		padding:0;
		background-color:transparent;
	}
	#contact{
		padding:5% 0;
	}
	#contact form{
		padding:5% 0;
		background:url(../images/bg.jpg);
		background-size:50px auto;
	}
	#contact form > dl dt{
		margin-bottom:1em;
		border-left:4px solid;
	}
	#contact form > dl dd{
		margin-bottom:8%;
	}
	#contact form > section{
		height:200px;
		margin-bottom:8%;
	}
}


/* #confirm */
article.low .outer.confirm{
	padding-bottom:100px;
	background-color:transparent;
}
article.low .outer.confirm .inner{
	background-color:#fff;
}

#confirm{
	padding:0;
}
#confirm form{
	padding:50px 50px 80px;
}
#confirm form > dl{
	text-align:left;
}
#confirm form > dl dt{
	padding-left:0.5em;
	font-weight:bold;
	color:#324b1e;
	float:left;
}
#confirm form > dl dd{
	margin-bottom:1em;
	padding:0 0 1em 320px;
	border-bottom:1px solid #174045;
}
#confirm form > dl dd:last-of-type{
	border-bottom:none;
}

@media screen and (max-width:768px){
	article.low .outer.confirm{
		padding-left:0;
		padding-right:0;
		padding-bottom:10%;
	}
	article.low .outer.confirm .inner{
		background-color:transparent;
	}
	#confirm form{
		padding:0;
	}
	#confirm form > dl{
		padding:5%;
		background-color:#fff;
	}
	#confirm form > dl dt{
		padding-left:0;
		float:none;
	}
	#confirm form > dl dd{
		margin-bottom:0.5em;
		padding:0 0 0.5em 0;
		border-bottom:1px solid #d1d1d1;
	}
}


/* #thanks */
article.low .outer.thanks{
	padding-bottom:70px;
	background-color:transparent;
}

#thanks{
	padding:40px 0;
}
#thanks p{
	line-height:2;
	margin-top:2em;
	font-size:16px;
}
#thanks a{
	display:inline-block;
	width:136px;
	line-height:32px;
	margin:80px 0 0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#cf9e6f;
}
#thanks a:before{
	content:'';
	display:inline-block;
	vertical-align:0.2em;
	width: 0;
	height: 0;
	margin-right:0.5em;
	border-style: solid;
	border-width: 0 0.3em 0.4em 0.3em;
	border-color: transparent transparent #fff transparent;
}

@media screen and (max-width:768px){
	article.low .outer.thanks{
		padding-bottom:20%;
	}

	#thanks{
		padding:0;
	}
	#thanks p{
		font-size:3.6vw;
	}
	#thanks a{
		width:36%;
		line-height:2.4;
		margin:10% 0 0;
		font-size:4.8vw;
	}
}