@charset "utf-8";


/*===== contact =====*/

#contact {
 width: 100%;
 padding: 115px 0 0;
}
#contact h2 {
 text-align: center;
 margin-bottom: 25px;
}
#contact h2 img {
 width: 300px;
 height: auto;
}
#formUnit {
 padding: 45px 0 65px;
 margin: 30px 0 0;
 background: url(../img/texture_B.png) repeat center top;
}
#formUnit .inner {
 width: 800px;
 margin: 0 auto;
}

#formUnit dt {
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 17px;
 line-height: 1em;
 font-weight: 400;
 letter-spacing: 0.05em;
 margin-bottom: 10px;
}
#formUnit dt span { color: #ea5514;}

#formUnit dd {
 margin-bottom: 37px;
}

#contact p.att {
 width: 810px;
 margin: 35px auto 0;
}

#formUnit dd.type01 input {
 font-size: 14px;
 line-height: 1em;
 width: 580px;
 padding: 10px 8px;
 border: 1px solid #8db08b;
 border-radius: 4px; 
}
#formUnit dd textarea {
 font-size: 14px;
 line-height: 1.5em;
 width: 780px;
 padding: 10px 8px;
 border: 1px solid #8db08b;
 border-radius: 4px; 
}




.wpcf7-submit {
 display: inline-block;
 cursor: pointer;
 color: #fff;
 font-size: 21px;
 line-height: 1em; 
 width: 580px;
 height: 60px;
 background-color: #8db08b;
 border: none;
 border-radius: 4px; 
}
.wpcf7-submit[disabled] {
 opacity: 0.60;
 filter: alpha(opacity=60);
}

#inq dd .wpcf7-not-valid-tip {
 color: #e60012 !important;
 font-size: 12px;
 margin: 3px 0 0 3px;
}
#inq dd .check .wpcf7-not-valid-tip { display: inline;}

.wpcf7-response-output { display: none !important;}

.transmission { display: none;}

.sent #inq,.snet .kesu { display: none;}

.sent .transmission {
 display: block;
 margin: 0 0 50px;
 background: url(../img/texture_B.png) repeat center top;
}
.sent .transmission .thank {
 display: block;
 width: 650px;
 padding: 150px 50px;
 margin: 0 auto 50px;
}
.sent .transmission .thank p {
 font-size: 16px !important;
 line-height: 1.8em !important;
 font-weight: bold;
}


/* radio&checkbox */
#inq input[type=radio],
#inq input[type=checkbox] {
 display: inline-block;
 margin-right: 6px;
}
#inq input[type=radio] + .wpcf7-list-item-label,
#inq input[type=checkbox] + .wpcf7-list-item-label {
 position: relative;
 display: inline-block;
 margin-right: 12px;
 font-size: 14px;
 line-height: 30px;
 cursor: pointer;
}
@media (min-width: 1px) {

#inq input[type=radio],
#inq input[type=checkbox] {
 display: none;
 margin: 0;
}
#inq .accept-this input[type=checkbox] {
 display: inline-block;
 position: absolute;
 left: 0;
 top: -10px;
 z-index: 10;
}
#inq input[type=radio] + .wpcf7-list-item-label,
#inq input[type=checkbox] + .wpcf7-list-item-label,
.accept {
 padding: 0 0 0 24px;
}
#inq input[type=radio] + .wpcf7-list-item-label::before,
#inq input[type=checkbox] + .wpcf7-list-item-label::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 background: #FFF;
}
#inq input[type=radio] + .wpcf7-list-item-label::before {
 border: 2px solid #8db08b;
 border-radius: 30px;
}
#inq input[type=checkbox] + .wpcf7-list-item-label::before {
 border: 2px solid #8db08b;
}
#inq input[type=radio]:checked + .wpcf7-list-item-label::after,
#inq input[type=checkbox]:checked + .wpcf7-list-item-label::after {
 content: "";
 position: absolute;
 top: 50%;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
}
#inq input[type=radio]:checked + .wpcf7-list-item-label::after {
 left: 5px;
 width: 8px;
 height: 8px;
 margin-top: -4px;
 background: #6a3906;
 border-radius: 8px;
}
#inq input[type=checkbox]:checked + .wpcf7-list-item-label::after {
 left: 3px;
 width: 16px;
 height: 8px;
 margin-top: -8px;
 border-left: 3px solid #8db08b;
 border-bottom: 3px solid #8db08b;
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

}


.customSelect {
/* Styles For Your Select Box */
 position: relative;
 display: inline-block;
 font-size: 14px;
 line-height: 1em;
 height: 1em;
 padding: 7px 9px;
 border: 1px solid #8db08b;
 background-color: #fff;
 border-radius: 4px; 
}
.customSelectInner {
 color: #000 !important;
}

.customSelect.changed {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectFocus {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectOpen {
/* You can use this if you want a different style after user has made a selection */
}


/* We can style the inner box, too */
.customSelectInner {
 background:url(../img/customSelect-arrow.png) no-repeat center right;
 background-size: 13px 10px;
}