@charset "UTF-8";
/*-----------------------------------------------------------*/
/*---------------------------contact-------------------------*/
/*-----------------------------------------------------------*/

section{
	max-width:1100px;
	width:100%;
	margin:0 auto;
}
#form_area{
	width:90%;
	margin:0 auto;
	
}
#form_area h3{
	margin:1em 0;
}
#form_area .comment1{
	margin-bottom:2em;
}
dl{
	overflow:hidden;
}
dt,dd{
	float:left;
	height:2em;
	line-height:2em;
	margin:0.2em 0;
}
dt{
	width:30%;
	padding-right:1em;
	box-sizing:border-box;
}
dd{
	width:70%;
}
dd.textarea{
	height:20em;
}
input[type=text],input[type=email],input[type=tel]{
	border-radius:0.2em;
	height:1.8em;
	line-height:1.8em;
	width:100%;
	color:#000;
}
select{
	border-radius:0.2em;
	height:1.8em;
	line-height:1.8em;
	width:3em;
	color:#000;
}
textarea{
	border-radius:0.2em;
	width:100%;
	height:19em;
	resize:none;
	color:#000;
}
.sbm_btn1{
	text-align:center;
	margin-bottom:3em;
}
#contact_btn,#contact_btn2{
	font-size:16px;
	display: inline-block;
	text-align: center;
	outline: none;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
	font-weight:bold;
	position: relative;
	background:#bda17e;
	border-radius: 0.5em;
	color: #fff;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	box-shadow: 0 0.18em 0 #90754e;
	-webkit-box-shadow: 0 0.18em 0 #90754e;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	padding:0.2em 1em;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:none;
}
#contact_btn::before,
#contact_btn::after,
#contact_btn2::before,
#contact_btn2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#contact_btn,
#contact_btn::before,
#contact_btn::after,
#contact_btn2,
#contact_btn2::before,
#contact_btn2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}

#contact_btn:hover,#contact_btn2:hover {
	top: -0.2em;
	box-shadow: 0 0.38em 0 #90754e;
	-webkit-box-shadow: 0 0.38em 0 #90754e;
	-moz-box-shadow: 0 0.38em 0 #90754e;
}
#contact_btn:active,#contact_btn2:active {
	top: 0.18em;
	box-shadow: none;
}
/* ************************レスポンシブスタイル****************** */
@media screen and (max-width:680px){
	#form_area{
		width:100%;
		margin:0 auto;
	}
	dt,dd{
		float:none;
		margin:0.2em 0;
	}
	dt{
		width:100%;
		background:#90754e;
		text-align:center;
		overflow:hidden;
		font-size:200%;
	}
	dd{
		width:96%;
		margin:0 auto;
		height:auto;
		padding:0.2em 0;
		box-sizing:border-box;
		font-size:200%;
	}
}