@charset "UTF-8";

/****************************************
contact
*****************************************/
#wrap .catch{text-align: center;margin:30px 0}
form {font-size: 1.6rem}
form table{ width:100%;table-layout: fixed;border-collapse: collapse;border-spacing:0px;margin-top: 20px}
form table th{width: 30%;font-size: 1.8rem;color: #0b5556; text-align: left;padding: 8px 0px;vertical-align: top;position: relative;vertical-align: middle;border-bottom: 1px  solid #ccc}
form table td{width: 70%;text-align: left;padding: 8px 0px;vertical-align: middle;line-height: 2em;border-bottom: 1px  solid #ccc}
form table td dd,form table td dt{display: inline-block;vertical-align: middle;}
form table td dt{width: 20%}
form table td dd{width: 75%}
.w100{width: 100%}
.w80{width: 75%}
.w50{width: 50%}
.w30{width:30%!important}
.w15{width:15%}
.err{color: #FF0000;padding: 5px}
.red{color: #FF0000}
.tyui{color: #666}
.green{color: #14A439;font-weight: bold}

@media screen and (max-width:767px){/*スマホ対応*/
.contactpage .pagetitle img{left:0;right: 0;top: 50px;margin: auto;width: 96%}
.entry-formpage .pagetitle img{left:0;right: 0;top: 73px;margin: auto;width: 96%}
.contents{width: 96%;margin: auto}
.contents .inner--base{width: 96%}
.contents.thnks .inner--base{width: 90%}

form table th{width: 100%;display: block;padding:8px;background: #0b5556;color: #fff}
form table td{width: 100%;display: block;padding:8px;border-top: none;}
form table th.hissu:after{right: 12px;}
form table td dt{width: 100%}
form table td dd{width: 100%}
form table td .col2{width: 100%}
.w80{width: 90%}
}



input,
button,
select,
textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;border: none;border-radius: 0;font: inherit;outline: none;}
textarea {resize: vertical;}

input[type='checkbox'],
input[type='radio'] {display: none;}

input[type='submit'],
input[type='button'],
label,
button,
select {cursor: pointer;}
select::-ms-expand {display: none;}
input,
button,
select,
textarea {font-size: 1.6rem;}
input,textarea {border: 1px solid #92c9d9;border-radius: 5px;}
input[type="text"]:focus,
input[type="tel"]:focus,
textarea:focus{
  background: #f0f0f0;
}
input {margin: 10px;padding: 6px;}

textarea {margin: 10px;padding: 6px;width: 100%;height: 8em;}
input[type='image']{border: none;padding: 0;margin-top: 30px}
.cp_ipselect {overflow: hidden;width: 75%;margin: 10px;text-align: center;}
.cp_ipselect select {width: 100%;padding-right: 1em;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;}
.cp_ipselect select::-ms-expand {display: none;}
.cp_ipselect.cp_sl04 {position: relative;border: 1px solid #ddd;border-radius: 5px;background: #fff;}
.cp_ipselect.cp_sl04::before {position: absolute;transform: translateY(-50%);-webkit- transform: translateY(-50%);top:50%;right: 0.8em;width: 0;height: 0;padding: 0;content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #000;pointer-events: none;}
.cp_ipselect.cp_sl04 select {padding: 6px 38px 6px 6px;color: #000;}


.radio-input{display: none;}
.radio-input + label{padding-left: 25px;position:relative;margin-right: 20px;}
.radio-input + label::before{content: "";display: block;position: absolute;top: 5px;left: 0;width: 15px;height: 15px;border: 1px solid #999;border-radius: 50%;}
.radio-input:checked + label{color: #000;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;top: 8px;left: 3px;width: 11px;height: 11px;background: #000;border-radius: 50%;}



.checkbox-input{display: none;}
.checkbox-parts{padding-left: 25px;position:relative;margin-right: 20px;}
.checkbox-parts::before{content: "";display: block;position: absolute;top: 3px;left: 0;width: 15px;height: 15px;border: 1px solid #999;border-radius: 4px;}
.checkbox-input:checked + .checkbox-parts{color: #0b5556;}
.checkbox-input:checked + .checkbox-parts::after{content: "";display: block;position: absolute;top: 0px;left: 5px;width: 7px;height: 14px;transform: rotate(40deg);border-bottom: 3px solid #0b5556;border-right: 3px solid #0b5556;}


input[type='submit']{background: #EB292D;padding: 0;margin: 0}
#wrap .bt{position: relative;width: 300px;margin:40px auto;}
#wrap .submit{width: 100%;border-radius: 6px; background:#006769 url( "../images/contact/bt_arrow.svg") no-repeat 96% center;background-size: 15px;color: #fff;font-size: 2.5rem;font-weight: bold;letter-spacing: 0.1em;text-indent: 0.1em;padding: 16px 0;}


#wrap .btBlack{position: relative;width: 300px;margin:40px auto;margin-right: 20px}
#wrap .btBlack a{display: block;text-decoration: none; width: 100%;border-radius: 6px;background:#000;color: #fff;font-size: 2.5rem;font-weight: bold;letter-spacing: 0.1em;text-indent: 0.1em;padding: 16px 0}


@media screen and (max-width:767px){/*スマホ対応*/
.btn li:nth-child(1){margin-bottom: 20px}
form li{width: 48%;margin: auto}
#wrap  .bt{width: 80%;margin: 20px auto}
#wrap  form li .bt{width: 100%;margin: 20px 0}
#wrap  .submit{font-size: 1.4rem;padding: 12px 0;width: 100%;}
#wrap  .btBlack{width: 100%;margin: 0;}
#wrap  .btBlack a{font-size: 1.4rem;padding: 12px 0;}
}