@charset 'utf-8';

/*-----------------------------------------------
	contact
------------------------------------------------*/
#contact #contents_inner{padding: 0 0 5em 0;}
#contents_inner .main{max-width: 100%; margin: 0 auto;}
.box_inner{width: 100%; padding: 1em 5% 1em 0; margin: 0 0 0 5%;}
li h5{line-height: 1.4; padding: 0 0 .3em 0;}

@media print, screen and (min-width: 769px){
#contents_inner .main{max-width: 780px; margin: 3em auto 0 auto;}
.box_inner{width: 90%; padding: 1em 5% 1em 0; margin: 0 0 0 5%;}
}

table#formtable{width:100%;border-collapse: collapse; box-sizing: border-box; font-size: 87.5%; }
table#formtable th{ background-color:#969590; color: #fff;  text-align: left; font-weight: normal;}
table#formtable th,
table#formtable td{  vertical-align: middle; padding: 0.7em 0.4em; }
table#formtable td{ background-color:#f7e9c8;}
table#formtable td div.mid{ vertical-align: middle;}
table#formtable td div.mid p{ display:table;}
table#formtable td div.mid p span{display: table-cell; vertical-align:middle; padding-left: 0.25em; font-size: 87.5%;}
table#formtable td div span.telsp{font-size: 87.5%; display: block; padding-bottom: 0.25em; }
table#formtable td div.mid p span span.telpc{ display:none;}
table#formtable td div.left,
table#formtable td div.right{ float: left;}
table#formtable td input,
table#formtable td div.mid p{ height:2.6em;}
table#formtable td div.left input,
table#formtable td div.left textarea{ width:100%; border: 1px solid #979390;}
table#formtable td div.in01 div.left{ width:76%;}
table#formtable td div.in02 div.left{ width:76%;}
table#formtable td div.in10 div.left{ width:100%;}
table#formtable td div.left textarea{ height:10em;}
input,
table#formtable input,
table#formtable textarea{font-size: 100%; padding: 0.5em; box-sizing: border-box;
font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "メイリオ", sans-serif;}
table#formtable td div.teltimeTTl p{ padding: 0.9em 0 0.5em 0;}
table#formtable td div.teltimeTTl li{ float:left; width:auto;  margin: 0.4em 1em 0.4em 0;}
table#formtable td div.teltimeTTl li:last-child{ margin: 0.4em 0 0.4em 0;}
@media screen and (max-width: 354px){
table#formtable td div.teltimeTTl li{ font-size: 0.95em;}
}
table#formtable td div.fcontentArea li{ height: auto; margin-top: 0.75em;}
table#formtable td div.fcontentArea li:first-child{ margin-top: 0;}
input[type="radio"]{
display: none;
}
input[type="radio"] + label {
padding:2px 0 2px 20px;
background:url(../images/radio-off.png) no-repeat left center;
background-size:18px 18px;
cursor:pointer;
}
input[type="radio"]:checked + label {
background:url(../images/radio-on.png) no-repeat left center;
background-size:18px 18px;
cursor:pointer;
}
div.fbtmarea{ with:100%; margin: 0.25em 0 1em 0;}
div.fbtmarea ul{ width:40%;  margin: 0 auto;}
div.fbtmarea ul li{float:none; width:100%; margin: 0.75em 0 0 0;}
div.fbtmarea ul li.reset input{width:100%; padding: 0.4em 0; border: 1px solid #cf7e13; background: #fff; color: #cf7e13; cursor: pointer;}
div.fbtmarea ul li.submit input{width:100%; padding: 0.4em 0; border: 1px solid #cf7e13; background: #cf7e13; color: #fff; cursor: pointer;}
div.fbtmarea ul li input:hover{ opacity: 0.5;}
.c_note{ width:92%; margin: 0 auto; font-size:0.9em;}

@media screen and (max-width: 768px){
table#formtable th,
table#formtable td{ width:100%; display: block;}
}
th p.required{
float: right;
margin-top: -4px;
line-height: 1;
border-radius: 1em;
background: #d99b16;
text-align: center;
color:#fff;
width: 3em;
padding: 0.25em;;
}
.fthanks{border: solid 5px #a390bb; background:#efefef; display: inline-block; padding: 0.25em 1.5em; margin: 2em 0;}


input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],input[type="tel"],textarea{
   -webkit-appearance: none;
   border-radius: 0;
}

/*---   PC  ----*/
@media print, screen and (min-width: 769px){
#contact #contents_inner{padding: 0 0 9em 0;}
@media print, screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/*Chrome, Opera*/
table#formtable input,
table#formtable textarea{text-shadow: 0px 0px 0px #000;}
}
table#formtable{font-size: 100%; }
table#formtable th{width:24%;}
table#formtable th,
table#formtable td{ border-bottom: 1px solid #fff; padding: 1em; }
table#formtable td div.in01 div.left{ width:63%;}
table#formtable td div.in02 div.left{ width:72%;}
table#formtable td div.mid p span{ padding-left: 1em; font-size: 87.5%;}
table#formtable td div span.telsp{ display:none;}
table#formtable td div.mid p span span.telpc{ font-size: 100%; display:block; padding-left: 0;}
table#formtable td input,
table#formtable td div.mid p{ height:3em;}
table#formtable td div.teltimeTTl li{ float:left; width:auto;  margin: 0.4em 2em 0.4em 0;}
input[type="radio"] + label {
padding:3px 0 3px 30px;
background:url(../images/radio-off.png) no-repeat left center;
background-size:21px 21px;
cursor:pointer;
}
input[type="radio"]:checked + label {
background:url(../images/radio-on.png) no-repeat left center;
background-size:21px 21px;
cursor:pointer;
}
div.fbtmarea{ with:100%; margin: 2em 0;}
div.fbtmarea ul{ width:416px;  margin: 0 auto;}
div.fbtmarea ul li{float:left; width:168px; margin: 0 20px;}
.c_note{ width:100%; margin: 0 auto; font-size:1em;}
th p.required.mail{margin-top: 4px;}
}