@charset "UTF-8";

/*ページスタイル*/
#otoiawase .page_subtitle2{text-align: center;padding-bottom: 30px;font-weight: 500}
#otoiawase .page_catch{text-align: center}

#otoiawase .bg{background: #ececec;padding: 40px 0;text-align: center;margin: 60px 0}
#otoiawase .bg .page_subtitle3{font-weight: 700;margin-bottom: 30px}
#otoiawase .bg li{font-size: 1.9rem;color: #3B7EB6;font-weight: 700}
#otoiawase .bg li p{padding-top: 10px}
#otoiawase .bg .col2{width: 46%}
#otoiawase .bg .col2 img{width: 100%;height: auto}
#otoiawase .bg .line{border-top: 1px solid #999;margin-top: 20px;padding-top: 12px}

#otoiawase table{ width:100%;border-collapse: separate;border-spacing:0; margin:20px 0;border: 1px solid #707070}
	#otoiawase table td{ padding:14px 10px; border-bottom:1px solid #C4C4C4;}
	#otoiawase table th{padding:10px; font-weight:500;letter-spacing: 0.2em;text-indent: 0.2em; background: #F7F5F6;text-align: left;display:flex;}
	#otoiawase table th span{ color:#ffff;font-size: 1.4rem; background: #ff0000;padding: 0px 6px;text-align: center; margin-right: 12px}
p.err{background: #F7D2D3;padding: 7px;margin-top: 10px;font-weight: 500;color: #ff0000}
@media screen and (max-width:896px){/*スマホ対応*/
#otoiawase .page_subtitle2{font-size: 1.7rem; padding-bottom: 0px;}
#otoiawase .bg{padding: 20px 0 0;margin: 40px 0}
#otoiawase .bg li{margin-bottom: 20px;font-size: 1.5rem;}
#otoiawase .bg .col2{width: 84%;margin:0 auto 20px}
#otoiawase .bg li:nth-child(2){border-top: 1px solid #999;padding-top: 12px}
#otoiawase table th{-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;}
#otoiawase table th span{font-size: 1.2rem;width: 20%}
}


/*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:2rem;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;}

.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;border: 1px solid  #ccc;border-radius: 50%;}
.radio-input:checked + label{  color:  #3B7EB6;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;top: 7px;left: 4px;width: 15px;height: 15px;background: #3B7EB6;
  border-radius: 50%;}


.deco-check {display: block;margin: 4px 30px 4px 0}
.deco-check:hover { cursor: pointer; }
.deco-check input { display: none; }
.deco-check .dummy {
  width: 21px;
  height: 21px;
  border: 1px solid #ccc;
  border-radius: 15%;
  display: inline-flex;
  vertical-align: text-top;margin-right: 8px;margin-top: 3px
}
.deco-check input:checked+.dummy:after {
  content: '';
  width: 80%;
  height: 40%;
  border-left: 3px solid #3B7EB6;
  border-bottom: 3px solid #3B7EB6;
  transform: rotate(-45deg);
}
input[type="submit"] {display   : block;width: 100%;border-radius : 10px;font-size : 2rem;text-align: center;cursor: pointer;padding:20px 0px;background: #004099;color : #ffffff;font-weight: 700}

.bt_check input[type="submit"] {background: #707070;}
a.bt_back{margin-top: 40px;display   : block;width: 100%;border-radius : 10px;font-size : 2rem;text-align: center;padding   : 10px 0px;background: #999;color : #fff;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: #333}
input[type="submit"]:hover{background:#042e60}

input.w90{width: 90px}
input.w40{width: 40%;margin-right: 10px}
@media screen and (max-width:896px){/*スマホ対応*/

input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{font-size:1.7rem;transition:background;}
.form-select,
.form-select select,
.radio-input + label,
.deco-check{font-size:1.6rem;}
}
@media (max-width: 1020px) and (min-width: 768px){
}

@media screen and (max-width: 767px) {

}