@charset "UTF-8";
/* CSS Document */
.page_about{}
.mv{
  overflow: hidden;
  position: relative;
  text-align: center;min-width: 1200px;margin: auto
}
.mv img{;border-radius: 0  0 50px 50px;}
.mv h2{position: absolute;left: 0;right: 0;margin: auto;top: 50%;z-index: 10; font-weight: bold; font-size: 3.1rem;letter-spacing: 0.1em;text-indent: 0.1em; line-height: 1;color: #fff;text-shadow: 2px 2px 3px rgba(66,66,66,0.8);}
.mv h2 span{font-size: 1.3rem}

@media screen and (max-width: 1200px) {/*小さい画面*/
.mv{ min-width: 100%;}
.mv .inner--base{width: 100%}
.mv img{height: 40vh!important;min-height: 300px; object-fit: cover;border-radius: 0  0 30px 30px}
.mv h2{font-size: calc(0.25vw + 1.5rem);}
}



.page_sec h3{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;margin-bottom: 50px;}
.page_sec h3 span{font-size: 1.2rem}
@media screen and (max-width: 1200px) {/*小さい画面*/
.page_sec h3{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.page_sec h3 span{font-size: calc(0.25vw + 1rem);}
}



.page_sec .copy{font-size: 1.8rem;margin-top: 30px;margin-bottom: 50px}
.body_bg{background:#f5f2ec;padding: 60px 0;margin-top: 80px; }

.myform{text-align: center;padding-top: 50px;}
.form_area{background:#f5f2ec;padding: 60px;border-radius: 50px;}
.form_area .tablelist{}
.form_area .tablelist th{text-align: left;vertical-align: top;padding: 12px 0;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%;position: relative;font-weight: bold}
.form_area .tablelist td{width: 70%; padding: 12px;vertical-align: top;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.form_area .tablelist td{text-align: left}
.hissu{background: #f4a347;border-radius: 6px; color: #fff;display: block;padding: 1px 4px;font-size: 1.3rem;position: absolute;right: 12px;top: 10px;}
.privacy{margin:30px 0;font-size: 1.5rem}
.form_area dl.uline{margin-bottom: 14px;padding-bottom: 14px; border-bottom: 1px solid #ccc;}
.form_area dl{margin-top: 12px}


.error_area{margin: 20px 0;font-size: 1.8rem;text-align: center;background: #ff0000; color: #fff;padding: 6px;border-radius: 20px;}
.err{color: #ff0000;}
.txt12{font-size: 1.3rem}
.privacy{text-align: left;margin: 30px 0 12px;font-weight: bold}
.privacy_area{border: 1px solid #808081;padding: 20px;background: #fff;height: 80px;overflow-x: scroll;text-align: left}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.form_area{padding:20px;border-radius: 30px;}
.form_area .tablelist th{display: block;width: 100%;border-bottom: 1px solid #999}
.form_area .tablelist td{display: block;width: 100%;}
}


/*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: 20px 30px 4px 12px;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  #f6a700;border-radius: 50%;}
.radio-input:checked + label{  color: #f6a700;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;top: 7px;left: 4px;width: 15px;height: 15px;background: #f6a700;
  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: #f6a700;color : #ffffff;font-weight: bold;width: 100%;margin: 30px auto 0}

.bt_check input[type="submit"] {background: #f6a700;color: #fff;width: 48%;}
.bt_check input[type="submit"]:hover{background:#f46300;color: #fff}
input[type="button"].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 #f6a700;color : #f6a700!important;text-decoration: none;}


@media screen and (max-width: 768px) {/*スマホのスタイル*/
.bt_check input[type="submit"] {width: 80%;}
}


input:not([type="submit"]):active,
textarea:active,
input:not([type="submit"]):focus,
textarea:focus{background: #F9F3DB;}

input[type="submit"]:hover{background:#f46300;color: #fff}

.w90{width: 90px!important}


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