@charset "UTF-8";
.contents{margin-top: 152px;}
@media screen and (max-width:767.98px){
.contents{margin-top: 20px;}
}

#block_contact .red{color: #ff0000}
#block_contact .tablelist th{text-align: left;vertical-align: middle;padding: 12px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;width: 30%}
#block_contact .tablelist td{width: 70%; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#block_contact dl.uline{margin-bottom: 14px;padding-bottom: 14px; border-bottom: 1px solid #ccc;}
#block_contact dl dd{margin-top: 12px}
.coution{text-align: left;margin: 30px 0}
.coution p {margin-left: 1em;text-indent: -1em;font-size: 1.4rem}
.error_area{margin-top: 20px;font-size: 2rem;text-align: center;border: 2px solid #ff0000;color: #ff0000;padding: 12px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#block_contact .tablelist {	width: 100%;	min-width: 100%;}
#block_contact .tablelist th{width: 100%!important;display: block}
#block_contact .tablelist td{width: 100%!important;display: block;border-top:none}
}

/*reset
***********************/
button,option,select,textarea,input[type="button"],input[type="submit"],input[type="number"],input[type="email"],input[type="tel"],input[type="text"],input[type="select"],input[type="option"],input[type="checkbox"] {
-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;border-radius: 0;border: none;outline: 0;margin: 0;background: #fff;}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{
outline:none;padding:6px 8px;border:1px solid #cccccc;color:#333333;border-radius:5px;font-size:1.6rem;transition:background 0.2s linear,box-shadow 0.6s linear;width: 100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

input[type=checkbox] {display: none;}
select {text-indent: 0.01px;text-overflow: '';}
select::-ms-expand {display: none;}
::-webkit-input-placeholder { color:#999;}
:-ms-input-placeholder {   color:#999;}
::placeholder{color:#999}

.form-select{display: block;position: relative;width: 100%;height: 40px;border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;overflow: hidden;}
.form-select:after{position: absolute;display: block;content: '';width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333;top: 50%;right: 10px;margin-top: -3px;pointer-events: none;}

.form-select select {width: 100%;height: 100%;padding: 0 10px;border: none;position: relative;}
.form-select select:not(:target) {width: 120% \9;}

.deco-check {display: block;margin: 4px 30px 4px 0;font-weight: bold}
.deco-check:hover { cursor: pointer; }
.deco-check input { display: none; }
.deco-check .dummy {  width: 21px;  height: 21px;  border: 2px solid #DA090D;  background: #fff;  border-radius: 15%;  display: inline-flex;  vertical-align:middle;margin-right: 8px;}
.deco-check input:checked+.dummy:after {  content: '';  width: 80%;  height: 40%;  border-left: 3px solid #DA090D;  border-bottom: 3px solid #DA090D;  transform: rotate(-45deg);}

.radio-input{ display: none;}
.radio-input + label{  padding-left: 30px;position:relative;margin: 4px 20px 4px 0px}
.radio-input + label::before{
  content: "";display: block;position: absolute;top: 3px;left: 0;width: 21px;height: 21px;background: #fff; border: 1px solid  #00ad82;border-radius: 50%;}
.radio-input:checked + label{  color: #00ad82;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;top: 7px;left: 4px;width: 15px;height: 15px;background: #00ad82;
  border-radius: 50%;}
  
input[type="submit"] {display: block;width: 100%;border-radius : 10px;font-size : 2rem;text-align: center;cursor: pointer;padding:20px 0px;background: #00ad82;color : #ffffff;font-weight: bold;width: 100%;margin: 30px auto 0}

.bt_check input[type="submit"] {background: #00ad82;color: #fff;width: 48%;}
.bt_check input[type="submit"]:hover{background:#042e60;color: #fff}
a.bt_back{margin: 30px auto 0;display   : block;width: 100%;border-radius : 10px;font-size : 2rem;text-align: center;padding : 20px 0px;background: #fff;border: 1px solid #00ad82;color : #00ad82!important;text-decoration: none;}

input:not([type="submit"]):active,
textarea:active,
input:not([type="submit"]):focus,
textarea:focus{background: #F9F3DB;}
.bt_check input[type="submit"]:hover{background:#042e60}
input[type="submit"]:hover{background:#042e60;color: #fff}

.w90{width: 90px!important}


#block_contact .red,
#block_contact .err{color: #FF0000}


@media screen and (max-width: 768px) {/*スマホのスタイル*/

.radio-input + label{width: 80%;font-size: 1.6rem}
#block_contact .coution_area .coution {font-size: 1.1rem}
.bt_check input[type="submit"] {width: 70%;}
input[type="submit"] {font-size : 1.6rem;}
a.bt_back{font-size : 1.6rem;}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{font-size:1.6rem;}
}
