@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
	
.headerIn { width: 100%;}

.contact_in { padding: 100px 0px; }

.contact_tit { font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 50px; padding: 30px; background: #f5f5f5; }


/*index
-------------------------------*/
.contact_txt { margin:0 0 55px;}
.com_table {
	border-top:1px solid #dcdcdc;
	width:100%;
	margin-bottom: 30px;
}

.com_table th {
	border-bottom:1px solid #dcdcdc;
	width:20%;
	padding:10px;
	text-align:left;
	font-weight: 500;
	vertical-align:middle;
}

.com_table td {
	border-bottom:1px solid #dcdcdc;
	padding:10px;
}

.com_txt {
	margin:0 0 60px;
}

input[type="submit"] {
background: #332c28;
border: #332c28 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

input[type="submit"]:hover {
background: #fff;
border: #332c28 1px solid;
color: #332c28;
}

.submit:hover {
background: #fff;
border: #332c28 1px solid;
color: #332c28;
}

input[type="text"],
textarea,
select {
padding: 10px;
border: 1px solid #dddddd;
font-size: 1em;
}

.w240 { width: 240px;}
.w350 { width: 350px;}
.w540 { width: 540px;}
.w100p { width: 100%; box-sizing: border-box;}

.contact_link_btn01 a{
margin-top:30px;
margin-bottom:30px;
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1rem;
padding: 10px 50px;
text-align: center;
text-decoration:none;
}

.contact_link_btn01 a:hover{
opacity:0.8;
}

.inqImg {
width: 100%;
box-sizing: border-box;
border: #165aa2 5px solid;
margin: 0 auto 30px;
}

.txt {
padding: 0 20px 0 10px;
}

.h_kome {
background: #332c28 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 0.9em;
margin-right: 5px;
padding: 1px 10px;
margin-bottom: 15px;
}



.com_table th span {
font-size: 0.8em;
background: #332c28;
padding: 2px 10px;
color: #FFF;
line-height: normal;
display:block;
width:50px;
text-align:center;
float:right;
font-style:normal;
}

.ariTxt {
font-size: 1.2em;
}

.btn02 { margin: 0 auto; }



.bg_box {
	padding:30px;
	box-sizing:border-box;
	background:#f7f7f7;
	border:1px solid #f7f7f7;
}

.comBtn { width: 300px; margin: 0 auto; }
.comBtn a { display: block; padding: 15px; border: 1px solid #332c28; background: #332c28; color: #fff; text-align: center; font-weight: bold; }
.comBtn a:hover { background: #fff; color: #332c28; }





}



/*sp*/
@media only screen and (max-width: 768px) {
	
.headerIn { width: 100%;}
.bg_box {
	padding:25px;
	box-sizing:border-box;
	background:#f7f7f7;
	border:1px solid #f7f7f7;
}
/*index
-------------------------------*/
.contact_txt { margin:0 0 30px;}

.com_table {
	border-top:1px solid #dcdcdc;
	width:100%;
}

.com_table th {
	display:block;
	width:100%;
	padding:10px 10px 0;
	text-align:left;
	box-sizing:border-box;
}

.com_table td {
	display:block;
	border-bottom:1px solid #dcdcdc;
	padding:10px;
	box-sizing:border-box;
}

.com_txt {
	margin:0 0 30px;
}
.com_table th span {
float: right;
font-size: 0.8em;
background: #332c28;
padding: 2px 10px;
color: #FFF;
line-height: normal;
font-style:normal;
}

input[type="submit"] {
background: #332c28;
border: #332c28 1px solid;
color: #FFF;
font-size: 1.2em;
padding: 15px 50px;
cursor: pointer;
transition: 0.5s;
}

input[type="submit"]:hover {
background: #fff;
border: #332c28 1px solid;
color: #332c28;
}

.submit:hover {
background: #fff;
border: #165aa2 1px solid;
color: #165aa2;
}

input[type="text"],
textarea,
select {
padding: 10px;
border: 1px solid #dddddd;
font-size: 1.1em;
}

.w240 { width: 90%;}
.w350 { width: 90%;}
.w540 { width: 90%;}
.w100p { width: 100%; box-sizing: border-box;}

.contact_link_btn01 a{
margin-top:30px;
margin-bottom:30px;
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1rem;
padding: 10px 50px;
text-align: center;
text-decoration:none;
}

.contact_link_btn01 a:hover{
opacity:0.8;
}

.inqImg {
width: 100%;
box-sizing: border-box;
border: #165aa2 5px solid;
margin: 0 auto 30px;
}

.txt {
padding: 0 20px 0 10px;
}

.h_kome {
background: #332c28 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 0.9em;
margin-right: 5px;
padding: 1px 10px;
margin-bottom: 15px;
}


.ariTxt {
font-size: 1.1em;
}

.btn02 { margin: 0 auto; }

.contact_tit { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 50px; padding: 30px; background: #f5f5f5; }
.comBtn { width: 98%; margin: 0 auto; }
.comBtn a { display: block; padding: 15px; border: 1px solid #332c28; background: #332c28; color: #fff; text-align: center; font-weight: bold; }
.comBtn a:hover { background: #fff; color: #332c28; }


.contact_in { padding-bottom: 50px;  }


}