@charset "utf-8";
/* CSS Document */
.asd {
	width: 100%;
}
.formWrap {
	width: 100%;
	margin: 0 auto　40px;
	color: #555;
	line-height: 1.5;
	font-size: 14px;
}
.formWrap h2{
	margin: 16px 0;

}
.formWrap p{
	margin: 12px auto;
}
.formTable, tbody, tr, th, td {
	display: block;
}
.formTable {
	margin:0 auto;
	width: 280px;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.formTable th, .formTable td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.formTable th {
	border-right: 1px solid #ddd;
	font-weight: normal;
	background: #d9cbb0;
	color: #674b23;
	text-align: left;
}
span{
	margin: 0 0 0 4px; 
	color: #674b23;
}
.a {
	width: 98%;
}
.form_btn{
	text-align: center !important;
	margin: 24px 0 0!important;
}
.textArea { width: 98%;}
.width_box{
	margin: 0 auto;
	width: 300px;
} 
@media screen and (min-width:600px){
	.width_box{
		width: 580px;
	}
	.formWrap,.formTable {
		width: 100%;
	}
	.formTable {
		display: table;
	}
	
	.formTable th,.formTable td {
		display: table-cell;
	}
	
	.formTable th{
		min-width: 200px;
	}
	
	.formTable td {
		width: 100%;
		max-width: 470px;
	}
	.form_btn{
		margin: 32px 0 0!important;
	}
} 
@media screen and (min-width:768px){
	.width_box{
		width: 700px;
	}
}
@media screen and (min-width:1024px){
	.width_box{
		margin: 0 auto;
		width: 800px;
	}
}