@charset "utf-8";
/* CSS Document */
.contact_page{
	background-color:#fffdf7;
	padding:100px 0;
}
.contact_contents{
	margin:0px auto;
	width:1000px;
}
.bread{
	margin-bottom: 20px;
}
.contact_ttl{
	width:90%;
	border-left: 15px solid #876d31;
	border-bottom:dashed 1px #876d31;
	padding-left:10px;
	color:#876d31;
}
.cautions{
	margin:30px 20px 20px;
}
.cautions p{
	font-size: 20px;
	font-weight:bold;
	color:#876d31;
}
.frm_contents table{
	text-align: left;
	border-spacing: 20px 20px;
}
.contact_frm th,
.contact_frm td{
	vertical-align:top;
}
.contact_frm th{
	margin-right:100px;
	color:#876d31;
	font-weight: bold;
}
.contact_frm textarea{
	width:600px;
	height:300px;
}
.req_contents{
	width:60px;	
}
.req_contents span{
	background-color:#BF360C;
	color:#ffffff;
	font-size:14px;
	text-align: center;
	border-radius:10px;
	padding:5px;
	width:60px;
}
.contact_btn{
	color:#ffffff;
	background-color:#b79546;
	border:none;
	border-radius:15px;
	width:80px;
	font-size:20px;
	font-weight: bold;
}
.contact_btn:hover{
	opacity: 0.5;
	cursor: pointer;
}
.footer_txt{
	padding-top:20px;
}
.tb_contact_ttl span{
	color: #BF360C;
}
@media screen and (max-width: 1000px) {
th, td {
 display: block;
 width: 100%; 
}
.contact_page{
	padding:100px 10px;
}
.contact_contents{
	width:100%;
}
}
@media screen and (max-width: 600px) {
	.contact_page{
	padding:50px 10px;
	}
	.contact_frm textarea{
		width:100%;
		height:160px;
	}
	.contact_frm{
		margin:0 auto;
	}
	.cautions p{
		font-size:16px;
	}
}