@charset "utf-8";
/* CSS inquiriesrmation========

Table of Contents:
 * inquiries
 
========================== */

/* =======================
		#totop
========================== */
#totop {
	clear: both;
}
/* =======================
		.explanation
========================== */
#main .explanation {
	margin-right: 4.1%;
	margin-bottom: 30px;
	width: 100%;
}
#main .explanation a {
	text-decoration: none;
}
#main .explanation a:hover {
	text-decoration: underline;
}

/* =======================
		#inquiries
========================== */
#inquiries h2 {
	border-bottom: #e3e3e3 solid 1px;
	line-height: 2;
	margin-bottom: 10px;
}
#inquiries .right20 {
	margin-right: 20px;
}
#main #inquiries form {
	margin-top: 20px;
}
#main #inquiries form dl dt {
	text-align: left;
	font-weight: normal;
	float: left;
	width: 35%;
	margin: 5px 21px 5px 0;
}
#main #inquiries .required_asterisk {
	color: #cc0000;
}
#main #inquiries form dl dd {
	float: left;
}
#main #inquiries form dl dd .inputTextSingle {
	width: 223%;
	border: #ccc solid 1px;
}
#main #inquiries form dl dd textarea {
	width: 434px;
	display: block;
	border: #ccc solid 1px;
}
#main #inquiries form .submit_btn {
	margin: 10px auto 20px;
	display: block;
	text-align: right;
}
#main #inquiries form .submit_btn input {
	color: #fff;
    padding: 5px 6% 6px 8%;
    background: url(../img/common/white_arrow_001.png) no-repeat 33% center #554835;
    background-size: 8px 10px;
    display: block;
    font-family: Arial;
    font-size: 1.3rem;
	float: right;
	border: 0;
	margin-bottom: 20px;
}
#main #inquiries form .submit_btn input:hover {
	background-color: #887f71;
}
#inquiries .btn_form {
    width: 325px;
    margin-bottom: 25px;
}
#inquiries .btn_form .btn a {
    display: block;
    text-align: center;
    border: 1px solid #CCC;
    background-color: #EFEFEF;
    padding: 10px 0;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 5px 0;
}
/*タブレット*/
@media screen and (max-width:1000px) {

/* =======================
		#btn_box
========================== */
#btn_box {
	width: 100%;
	margin-bottom: 25px;
}
#btn_box li a {
	font-size: 1.2rem;
}
/* =======================
		section
========================== */
#main section p:nth-child(2)  {
	width: 48%;
}
#main section div {
	width: 50%;
}
/* =======================
		#inquiries
========================== */
#main #inquiries form dl dt {
	float: none;
	width: 100%;
	margin: 20px 0;
}
#main #inquiries form dl dd {
	float: none;
	margin: 10px 0;
}
#main #inquiries form dl dd .inputTextSingle {
	width: 100%;
}
#main #inquiries form dl dd textarea {
	width: 100%;
}
#main #inquiries form .submit_btn {
	margin: 10px auto 0;
	display: block;
}
#main #inquiries form .submit_btn input {
	padding: 5px 8% 6px 11%;
    background: url(../img/common/white_arrow_001.png) no-repeat 31% center #554835;
	background-size: 8px 10px;
}
#inquiries .right20 {
	margin-right: 15px;
}

}

/*スマートフォン*/
@media screen and (max-width:640px) {

/* =======================
		#side_nav
========================== */
#side_nav {
	display: none;
}

/* =======================
		#inquiries
========================== */
#inquiries {
	margin-right: 0;
}
#main #inquiries form dl dt {
	margin: 25px 0 10px 0;
}

#main #inquiries form .submit_btn input {
	width: 100%;
	background: url(../img/common/white_arrow_001.png) no-repeat 42% center #554835;
	padding: 10px 8% 10px 11%;
	background-size: 8px 10px;
}
#inquiries .btn_form {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}
}