@charset "UTF-8";

/* contact
-------------------------------------------------------------------------- */
.monthArea{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new{
  display: inline-block;
  color: #fff;
  font-weight: 400;
  background-color: #ff0a0a;
  font-size: 2.67vw;
  padding: 1.33vw .8vw .67vw .8vw;
  margin-left: 2.67vw;
  font-family: 'Josefin Sans', sans-serif;
}

@media screen and (min-width: 768px) {
  .new{
      margin-left: 10px;
      padding: 5px 4px 2px;
      font-size: 10px;
      font-size: 1rem;
  }
}

.p-topics__title {
  font-weight: 400;
  line-height:1.3;
  margin-bottom:10px;
}

@media screen and (max-width: 767px) {
  .p-topics__title {
      margin-top: 2.67vw;
      margin-bottom: 8vw;
      font-size: 40px;
      font-size: 5.33vw;
  }
}

@media screen and (min-width: 768px) {
  .p-topics__title {
      margin-top: 20px;
      margin-bottom: 40px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.6;
  }
}

@media screen and (max-width: 767px) {
  .p-topics__text {
      margin-bottom: 20vw;
  }
}

@media screen and (min-width: 768px) {
  .p-topics__text {
      margin-bottom: 60px;
  }
}

.p-topics__month {
  font-weight: 400;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

/* p-sub
-------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .p-sub__heading {
      padding: 9.33vw 2.67vw 0vw 2.67vw;
  }
}

@media screen and (min-width: 768px) {
  .p-sub__heading {
      padding: 70px 40px 0px;
  }
}

.p-sub__description {
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-sub__description {
      text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .p-sub__description {
      font-size: 20px;
      font-size: 2rem;
  }
}

/* formdisc
 ----------------------------------------------------------------- */
.formdisc {
  color: #000;
  font-size: 30px;
  font-size: 3.0rem;
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .formdisc {
      font-size: 20px;
      font-size: 2rem;
      display: inherit;
      text-align: left;
  }
  .formdisc br{
      display: none;
  }
}

/* formdisc
 ----------------------------------------------------------------- */
.formdisc-nom {
  color: #693A08;
  font-size: 30px;
  font-size: 3.0rem;
  margin-top: 60px;
  text-align: center;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .formdisc-nom {
      font-size: 20px;
      font-size: 2rem;
      display: inherit;
  }
}

.formdisc-sub {
  color: #693A08;
  font-size: 25px;
  font-size: 2.5rem;
  margin-bottom:15px;
  text-align: center;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .formdisc-sub {
      font-size: 35px;
      font-size: 4.5vw;
      display: inherit;
  }

  form .p-formNavigation__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

 form .p-formNavigation__item {
      width: 100%;
      margin-right: 2%;
      margin-top: 1vw;
  }

 form .c-link--menu .c-link__arrow {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -.53vw;
  }

 form .c-link {
      width: 100%;
      max-width: 250px;
  }

}

@media screen and (max-width: 767px){
 form .c-link {
      width: 100%;
      max-width: 240px;
  }
}

#content .form_base .sub_ttl{font-size:2.5rem;line-height:1.4;margin:80px 0 10px;}
#content .form_base .sub_ttl:first-of-type{margin-top:0;}
#content .form_base .detail_title{padding:10px 15px;color:#FFF;background-color:#5d330d;}
#content .form_base .required{font-size:90%;padding:0 0 10px;color:#F23E16;}
#content .form_base .explain{display:inline-block;padding:0 0 10px;}
#content .form_base .att{font-weight:700;color:#F23E16;}
#content .form_base .notes{margin:50px 0 0;padding:50px 0 0;border-top:1px solid #CCC;}
#content .form_base .notes dt{font-size:2.3rem;font-weight:700;line-height:1.4;}
#content .form_base .notes dt span{color:#693A08;}
#content .form_base .notes dd{line-height:1.8;padding:15px 0 0;}
@media screen and (max-width:767px) {
  #content .form_base .sub_ttl{font-size:2rem;font-weight:700;margin:40px 0 10px;}
  #content .form_base .explain{padding:0;}
  #content .form_base .notes{margin:30px 0 0;padding:30px 0 0;}
  #content .form_base .notes dt{font-size:5.5vw;}
}

/*-------------------------
__form_base
-------------------------*/
#content .form_base table{width:100%;border-collapse:collapse;text-align:left;margin:20px 0 0;background-color:#FFF;border-top:1px solid #dac292;border-bottom:1px solid #dac292;}

#content .form_base table + .sub_ttl{margin:30px 0 20px;}
#content .form_base table tr th,
#content .form_base table tr td{line-height:1.4;padding:25px 20px 25px 30px;box-sizing:border-box;border-bottom:1px solid #dac292;}
#content .form_base table tr th{width:30rem;font-weight:700;text-align:left;vertical-align:middle;}
#content .form_base table tr td{line-height:1.5;}
#content .form_base table tr td span{vertical-align:middle;}
#content .form_base table tr td dl{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#content .form_base table tr td dl + dl{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #dac292;}
#content .form_base table tr td dl dt{width:11rem;font-weight:700;}
#content .form_base table tr td dl dd{width:calc(100% - 11em);}
#content .form_base .err{font-size:14px;display:block;width:100%;margin:0 0 5px;color:#FF0000;}
#content .form_base .req{display:inline-block;font-size:80%;font-weight:700;line-height:1;text-align:center;margin:0 5px;padding:3px 8px;box-sizing:border-box;color:#FFF;background-color:#F23E16;}
#content .form_base .red{color:#F23E16;font-weight:700;}
#content .form_base label{display:inline-block;}
#content .form_base table.tab_table{border-bottom:none!important;border-top:none!important;margin-bottom:-20px;}
#content .form_base table.tab_table tr th,
#content .form_base table.tab_table tr td{border-bottom:none;border-top:1px solid #dac292;;}
/*=== iOSでのデフォルトスタイルをリセットここから ===*/
#content .form_base input,textarea,select,button{font-family:inherit;}
#content .form_base textarea,
#content .form_base button,
#content .form_base input[type="text"],
#content .form_base input[type="email"],
#content .form_base input[type="tel"],
#content .form_base input[type="submit"],
#content .form_base input[type="button"],
#content .form_base input[type="reset"]{font-weight:400;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-sizing:content-box;-webkit-appearance:none;appearance:button;box-sizing:border-box;cursor:pointer;border:none;}
#content .form_base input[type="submit"]::-webkit-search-decoration,
#content .form_base input[type="button"]::-webkit-search-decoration,
#content .form_base input[type="reset"]::-webkit-search-decoration{display:none;}
#content .form_base input[type="submit"]::focus,
#content .form_base input[type="button"]::focus,
#content .form_base input[type="reset"]::focus{outline-offset:-2px;}
#content .form_base select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;}
/*=== iOSでのデフォルトスタイルをリセットここまで ===*/
/* 改行・制限 */
#content .form_base .nowrap{white-space:nowrap;}
/* 入力モード切替 ※IEのみ有効 */
#content .form_base .ime_ac{ime-mode:active;}
#content .form_base .ime_dis{ime-mode:disabled;}
/* 左右寄せ */
#content .form_base .align_l{text-align:left!important;}
#content .form_base .align_r{text-align:right!important;}
#content .form_base .align_c{text-align:center!important;}
/* 上下位置 */
#content .form_base .align_t{vertical-align:top;}
#content .form_base .align_b{vertical-align:bottom;}
/* 字数幅 */
#content .form_base input[type="text"],
#content .form_base textarea {vertical-align:middle;box-sizing:border-box;}
#content .form_base .min_w2em {min-width:2rem;}
#content .form_base .min_w3em {min-width:3rem;}
#content .form_base .min_w4em {min-width:4rem;}
#content .form_base .min_w5em {min-width:5rem;}
#content .form_base .min_w6em {min-width:6rem;}
#content .form_base .min_w7em {min-width:7rem;}
#content .form_base .min_w8em {min-width:8rem;}
#content .form_base .min_w9em {min-width:9rem;}
#content .form_base .min_w10em {min-width:10rem;}
#content .form_base .w2em {width:2rem;}
#content .form_base .w3em {width:3rem;}
#content .form_base .w4em {width:4rem;}
#content .form_base .w5em {width:5rem;}
#content .form_base .w6em {width:6rem;}
#content .form_base .w7em {width:7rem;}
#content .form_base .w8em {width:8rem;}
#content .form_base .w9em {width:9rem;}
#content .form_base .w10em {width:10rem;}
#content .form_base .w11em {width:11rem;}
#content .form_base .w12em {width:12rem;}
#content .form_base .w13em {width:13rem;}
#content .form_base .w14em {width:14rem;}
#content .form_base .w15em {width:15rem;}
#content .form_base .w20em {width:20rem;}
#content .form_base .w21em {width:21rem;}
#content .form_base .w22em {width:22rem;}
#content .form_base .w23em {width:23rem;}
#content .form_base .w24em {width:24rem;}
#content .form_base .w25em {width:25rem;}
#content .form_base .w26em {width:26rem;}
#content .form_base .w27em {width:27rem;}
#content .form_base .w28em {width:28rem;}
#content .form_base .w29em {width:29rem;}
#content .form_base .w30em {width:30rem;}
/* 0.5文字ずつ */
#content .form_base .w1_5em {width:1.5rem;}
#content .form_base .w2_5em {width:2.5rem;}
#content .form_base .w3_5em {width:3.5rem;}
#content .form_base .w4_5em {width:4.5rem;}
#content .form_base .w5_5em {width:5.5rem;}
#content .form_base .w6_5em {width:6.5rem;}
#content .form_base .w7_5em {width:7.5rem;}
#content .form_base .w8_5em {width:8.5rem;}
#content .form_base .w9_5em {width:9.5rem;}
/* % */
#content .form_base .w20per {width:20%;}
#content .form_base .w25per {width:25%;}
#content .form_base .w30per {width:30%;}
#content .form_base .w40per {width:40%;}
#content .form_base .w50per {width:50%;}
#content .form_base .w60per {width:60%;}
#content .form_base .w70per {width:70%;}
#content .form_base .w80per {width:80%;}
#content .form_base .w90per {width:90%;}
#content .form_base .w100per {width:100%;}
/* マージン */
#content .form_base .mt10{margin-top:10px;}
#content .form_base .mb10{margin-bottom:10px;}
#content .form_base .mt30{margin-top:30px;}
#content .form_base .mb30{margin-bottom:30px;}
/* チェックボックス カラム */
#content .form_base fieldset.col{display:flex;flex-wrap:wrap;margin-bottom:-10px;}
#content .form_base fieldset.col .ck2{margin-bottom:10px;}
#content .form_base fieldset.col .ck2 .ck2_inpt + span{display:block;}
#content .form_base fieldset.col.col2 .ck2{width:50%;}
#content .form_base fieldset.col.col3 .ck2{width:33.333%;}
#content .form_base fieldset.col.col4 .ck2{width:25%;}
#content .form_base fieldset.col.col5 .ck2{width:20%;}
/* ラジオボタン カラム */
#content .form_base fieldset.col{display:flex;flex-wrap:wrap;margin-bottom:-10px;}
#content .form_base fieldset.col .radio2{margin-bottom:10px;}
#content .form_base fieldset.col .radio2 .radio2_inpt + span{display:block;}
#content .form_base fieldset.col.col2 .radio2{width:50%;}
#content .form_base fieldset.col.col3 .radio2{width:33.333%;}
#content .form_base fieldset.col.col4 .radio2{width:25%;}
#content .form_base fieldset.col.col5 .radio2{width:20%;}
/* 入力欄 */
#content .form_base input[type="text"],
#content .form_base input[type="email"],
#content .form_base input[type="tel"]{font-size:1em;padding:10px 12px;border:solid 1px #ccc;}
#content .form_base input[type="text"] + span:not(.err),
#content .form_base input[type="email"] + span:not(.err),
#content .form_base input[type="tel"] + span:not(.err),
#content .form_base span:not(.err) + input[type="text"],
#content .form_base .select_box + span:not(.err),
#content .form_base span:not(.err) + .select_box{margin-left:10px;}
#content .form_base textarea{width:100%;height:16rem;font-size:1em;line-height:1.4;padding:10px 12px;border:solid 1px #ccc;box-sizing:border-box;}
#content .form_base button,
#content .form_base input[type="button"]{font-size:1em;font-weight:700;line-height:1;margin:0 0 8px 10px;padding:13px 30px 14px;border-radius:30px;color:#693A08;background-color:#FFF;border:solid 1px #693A08;text-transform:uppercase;vertical-align:top;}
/* ラジオボタン */
#content .form_base label.radio{display:inline-block;margin:0 10px 0 0;position:relative;}
#content .form_base label.radio input{display:none;}
#content .form_base label.radio span{padding:0 0 0 30px;cursor:pointer;}
#content .form_base label.radio input + span::before{content:"";display:block;width:20px;height:20px;border-radius:40px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:6px;left:5px;}
#content .form_base label.radio input + span::after{opacity:0;content:"";display:block;width:10px;height:10px;border-radius:40px;position:absolute;top:11px;left:10px;background-color:#693A08;}
#content .form_base label.radio input:checked + span::after{opacity:1;}
/* ラジオボタン2 */
#content .form_base .radio2 .radio2_inpt{display:none;}
#content .form_base .radio2 .radio2_inpt + span{display:inline-block;text-align:left;vertical-align:middle;margin-right:10px;position:relative;}
#content .form_base .radio2 .radio2_inpt + span > span{display:block;line-height:1.4;padding:15px 10px 15px 40px;color:#693A08;background-color:#F8F1E3;border:1px solid #bbb;cursor:pointer;}
#content .form_base .radio2 .radio2_inpt + span > span::before{content:"";display:inline-block;width:20px;height:20px;margin:auto;border-radius:40px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:0;left:10px;bottom:0;}
#content .form_base .radio2 .radio2_inpt + span > span::after{opacity:0;content:"";display:block;width:10px;height:10px;border-radius:40px;margin:auto;position:absolute;top:0px;left:15px;bottom:0;background-color:#693A08;}
#content .form_base .radio2 .radio2_inpt:checked + span > span{color:#FFF;background-color:#693A08;}
#content .form_base .radio2 .radio2_inpt:checked + span > span::after{opacity:1;}
/* チェックボックス（label） */
#content .form_base label.ck{display:inline-block;vertical-align:middle;margin-right:10px;position:relative;}
#content .form_base label.ck input{display:none;}
#content .form_base label.ck span{display:block;vertical-align:middle;padding:0 0 0 30px;cursor:pointer;}
#content .form_base label.ck input + span::before{content:"";display:inline-block;width:20px;height:20px;border-radius:5px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:3px;left:0px;}
#content .form_base label.ck input + span::after{opacity:0;content:"";display:block;width:10px;height:20px;transform:rotate(40deg);border-bottom:3px solid #693A08;border-right:3px solid #693A08;position:absolute;top:-2px;left:5px;}
#content .form_base label.ck input:checked + span::after{opacity:1;}
/* チェックボックス（input） */
#content .form_base input.ck{display:none;}
#content .form_base input.ck + label{display:inline-block;text-align:left;vertical-align:middle;margin-right:10px;position:relative;}
#content .form_base input.ck + label span{display:block;line-height:1.4;vertical-align:middle;padding:15px 10px 15px 40px;color:#693A08;background-color:#F8F1E3;border:1px solid #bbb;cursor:pointer;}
#content .form_base input.ck + label span::before{content:"";display:inline-block;width:20px;height:20px;margin:auto;border-radius:5px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:0;left:10px;bottom:0;}
#content .form_base input.ck + label span::after{opacity:0;content:"";display:block;width:10px;height:20px;margin:auto;transform:rotate(40deg);border-bottom:3px solid #693A08;border-right:3px solid #693A08;position:absolute;top:-8px;left:15px;bottom:0}
#content .form_base input.ck:checked + label span{color:#FFF;background-color:#693A08;}
#content .form_base input.ck:checked + label span::after{opacity:1;}
/* チェックボックス2（input） */
#content .form_base .ck2 .ck2_inpt{display:none;}
#content .form_base .ck2 .ck2_inpt + span{display:inline-block;text-align:left;vertical-align:middle;margin-right:10px;position:relative;}
#content .form_base .ck2 .ck2_inpt + span > span{display:block;line-height:1.4;vertical-align:middle;padding:15px 10px 15px 40px;color:#693A08;background-color:#F8F1E3;border:1px solid #bbb;cursor:pointer;}
#content .form_base .ck2 .ck2_inpt + span > span::before{content:"";display:inline-block;width:20px;height:20px;margin:auto;border-radius:5px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:0;left:10px;bottom:0;}
#content .form_base .ck2 .ck2_inpt + span > span::after{opacity:0;content:"";display:block;width:10px;height:20px;margin:auto;transform:rotate(40deg);border-bottom:3px solid #693A08;border-right:3px solid #693A08;position:absolute;top:-8px;left:15px;bottom:0}
#content .form_base .ck2 .ck2_inpt:checked + span > span{color:#FFF;background-color:#693A08;}
#content .form_base .ck2 .ck2_inpt:checked + span > span::after{opacity:1;}
/* セレクトボタン */
#content .form_base .select_box{display:inline-block;vertical-align:middle;min-width:160px;margin-right:5px;overflow:hidden;box-sizing:border-box;position:relative;border:solid 1px #CCC;}
#content .form_base .select_box::after{content:"";display:inline-block;width:0;height:0;margin:auto;position:absolute;top:5px;bottom:0;right:10px;border:5px solid transparent;border-top:5px solid #693A08;}
#content .form_base select{width:100%;font-size:16px;padding:8px 1.5em 8px 8px;box-sizing:border-box;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#121212;background-color:#FFF;}
#content .form_base select::-ms-expand{display:none;}
#content .form_base select:not(:target){width:120% \9;}/*ie9対策*/
/* フォーカス処理 */
#content .form_base input[type="text"]:focus,
#content .form_base input[type="email"]:focus,
#content .form_base input[type="tel"]:focus,
#content .form_base textarea:focus{background:#efefef;}
/* 入力禁止 */
#content .form_base input.disabled,
#content .form_base textarea.disabled{color:#878787;background-color:#efefef;pointer-events:none;}
/* 郵便番号 */
#content .form_base .add{position:relative;}
/* 電話希望時間 */
#content .form_base .hope_tel{margin:8px 0 0;}
/* placeholder */
#content .form_base input[type="text"]::-webkit-input-placeholder,
#content .form_base textarea::-webkit-input-placeholder,
#content .form_base input[type="text"]:-ms-input-placeholder,
#content .form_base textarea:-ms-input-placeholder,
#content .form_base input[type="text"]:placeholder-shown,
#content .form_base textarea:placeholder-shown{color:#AAA;padding-bottom:0.1rem;}
#content .form_base input[type="text"]::-webkit-input-placeholder{line-height: 1.2}

#content .form_base .agree_box{display:block;text-align:center;margin:60px auto 40px;}
#content .form_base .agree_box .agree_text{margin:0 0 20px;}
#content .form_base .agree_box .txt{text-align:center;}
#content .form_base .agree_box .txt + .txt{margin-top:10px;}
#content .form_base .agree_box a{color:#693A08;}
#content .form_base .agree_box .agree_btn_box span{text-align:left;}
#content .form_base .transmit{font-size:1.6rem;line-height:1.6;text-align:center;margin:20px 0 0;}

#content .form_base #reset_btn,
#content .form_base #reset_btn2,
#content .form_base #reset_btn3,
#content .form_base .return .return_btn{display:block;margin:20px auto 0;padding:13px 30px 14px;}
#content .form_base #submit_btn,
#content .form_base #to_conf_btn_df1,
#content .form_base #to_conf_btn_df2,
#content .form_base #to_conf_btn_df3,
#content .form_base .send_btn{display:block;min-width:210px;font-size:2rem;font-weight:700;margin:40px auto 0;padding:17px 30px 19px;border-radius:5px;color:#FFF;background-color:#693A08;}

#content .form_base #err_array{display:block;font-size:120%;font-weight:700;line-height:1.6;text-align:center;margin:0 0 40px;padding:20px;color:#FFF;background-color:#FF0000;}

@media screen and (min-width:768px) {
  #content .form_base input[type="text"],
  #content .form_base input[type="email"],
  #content .form_base input[type="tel"],
  #content .form_base input[type="submit"],
  #content .form_base input[type="button"],
  #content .form_base input[type="reset"],
  #content .form_base textarea,
  #content .form_base select,
  #content .form_base button{transition:all .3s;}
  #content .form_base input[type="text"]:hover,
  #content .form_base input[type="email"]:hover,
  #content .form_base input[type="tel"]:hover,
  #content .form_base input[type="button"]:hover,
  #content .form_base textarea:hover,
  #content .form_base select:hover,
  #content .form_base button:hover{background-color:#F8F1E3;}
  #content .form_base label.radio,
  #content .form_base label.ck,
  #content .form_base input.ck + label span,
  #content .form_base .ck2,
  #content .form_base .ck2 .ck2_inpt + span > span,
  #content .form_base .radio2,
  #content .form_base .radio2 .radio2_inpt + span > span{transition:all .3s;}
  #content .form_base label.radio:hover,
  #content .form_base label.ck:hover,
  #content .form_base .ck2:hover,
  #content .form_base .radio2:hover{opacity:0.5;}
  #content .form_base input.ck + label span:hover,
  #content .form_base .ck2:hover .ck2_inpt + span > span,
  #content .form_base .radio2:hover .radio2_inpt + span > span{border:1px solid #693A08;transform:translateY(5px);}

  #content .form_base .agree_box a{transition:all 0.3s;}
  #content .form_base .agree_box a:hover{opacity:0.5;}
  #content .form_base #submit_btn:hover,
  #content .form_base #to_conf_btn_df1:hover,
  #content .form_base #to_conf_btn_df2:hover,
  #content .form_base #to_conf_btn_df3:hover,
  #content .form_base .send_btn:hover{color:#693A08;background-color:#F8F1E3;}
}

@media screen and (max-width:767px) {
  #content .form_base table{margin:10px 0 0;border:1px solid #dac292;}
  #content .form_base table + .sub_ttl{margin:20px 0 10px;}
  #content .form_base table tr th,
  #content .form_base table tr td{display:block;width:100%;padding:10px;border-top:1px solid #dac292;border-bottom:1px solid #dac292;border-bottom:none;}
  #content .form_base table tr:first-child th{border-top:none;}
  #content .form_base table tr:last-child td{border-bottom:none;}
  #content .form_base table tr th{background-color:#fbf7f3;}
  #content .form_base table tr td dl{display:block;}
  #content .form_base table tr td dl + dl{margin:5px 0 0;padding:5px 0 0;}
  #content .form_base table tr td dl dt{width:100%;margin:0 0 5px;}
  #content .form_base table tr td dl dd{width:100%;}
  #content .form_base .err{font-size:13px;}
  /* 字数幅 */
  #content .form_base .w15em,
  #content .form_base .w20em,
  #content .form_base .w21em,
  #content .form_base .w22em,
  #content .form_base .w23em,
  #content .form_base .w24em,
  #content .form_base .w25em,
  #content .form_base .w26em,
  #content .form_base .w27em,
  #content .form_base .w28em,
  #content .form_base .w29em,
  #content .form_base .w30em{width:100%;}
  /* % */
  #content .form_base .w50per,
  #content .form_base .w60per,
  #content .form_base .w70per,
  #content .form_base .w80per,
  #content .form_base .w90per,
  #content .form_base .w100per{width:100%;}
  /* チェックボックス カラム */
  #content .form_base fieldset.col{display:block;margin-bottom:0;}
  #content .form_base fieldset.col .ck2{margin-bottom:0;}
  #content .form_base fieldset.col.col2 .ck2,
  #content .form_base fieldset.col.col3 .ck2,
  #content .form_base fieldset.col.col4 .ck2,
  #content .form_base fieldset.col.col5 .ck2{width:100%;}
  /* ラジオボタン カラム */
  #content .form_base fieldset.col{display:block;margin-bottom:0;}
  #content .form_base fieldset.col .radio2{margin-bottom:0;}
  #content .form_base fieldset.col.col2 .radio2,
  #content .form_base fieldset.col.col3 .radio2,
  #content .form_base fieldset.col.col4 .radio2,
  #content .form_base fieldset.col.col5 .radio2{width:100%;}
  /* 入力欄 */
  #content .form_base input[type="text"],
  #content .form_base input[type="email"],
  #content .form_base input[type="tel"]{font-size:16px;margin:5px 0;padding:8px;}
  #content .form_base textarea{font-size:16px;}
  #content .form_base input[type="text"] + span:not(.err),
  #content .form_base input[type="email"] + span:not(.err),
  #content .form_base input[type="tel"] + span:not(.err),
  #content .form_base span:not(.err) + input[type="text"],
  #content .form_base .select_box + span:not(.err),
  #content .form_base span:not(.err) + .select_box{margin-left:5px;}
  #content .form_base textarea{margin:5px 0;}
  #content .form_base button,
  #content .form_base input[type="button"]{font-size:90%;margin:5px 0 5px 5px;}
  /* ラジオボタン */
  #content .form_base label.radio{margin:5px 0;}
  #content .form_base label.radio input + span::before{top:3px;}
  #content .form_base label.radio input + span::after{top:8px;}
  /* ラジオボタン2 */
  #content .form_base .radio2 .radio2_inpt + span{width:100%;margin:5px 0;}
  #content .form_base .radio2 .radio2_inpt + span > span{padding:10px 10px 10px 40px;}
  /* チェックボックス（label） */
  #content .form_base label.ck{width:100%;margin:5px 0;}
  #content .form_base label.ck input + span::before{top:1px;}
  #content .form_base label.ck input + span::after{top:-1px;}
  /* チェックボックス（input） */
  #content .form_base input.ck{width:100%;margin:5px 0;}
  #content .form_base input.ck + label span{padding:10px 10px 10px 40px;}
  #content .form_base input.ck + label span::after{top:-4px;}
  /* チェックボックス2（input） */
  #content .form_base .ck2 .ck2_inpt + span{width:100%;margin:5px 0;}
  #content .form_base .ck2 .ck2_inpt + span > span{padding:10px 10px 10px 40px;}
  #content .form_base .ck2 .ck2_inpt + span > span::after{top:-4px;}
  /* セレクトボタン */
  #content .form_base .select_box{min-width:initial;margin:5px 0;}
  #content .form_base select{font-size:14px;}
  /* 電話希望時間 */
  #content .form_base .hope_tel span{font-size:90%;margin:3px 0;}

  #content .form_base .agree_box{margin:30px 0;}
  #content .form_base .transmit{font-size:3.5vw;text-align:left;margin:10px 0 0;}

  #content .form_base #reset_btn,
  #content .form_base #reset_btn2,
  #content .form_bas .returne .return_btn{font-size:1.4rem;margin:15px auto 0;}
  #content .form_base #submit_btn,
  #content .form_base #to_conf_btn_df1,
  #content .form_base #to_conf_btn_df2,
  #content .form_base .send_btn{width:100%;font-size:1.8rem;margin:15px auto 0;}

  #content .form_base #err_array{font-size:100%;text-align:left;margin:0 0 20px;padding:15px;}
}

/*====================
__form_base__確認画面
====================*/
#content #confirm .form_base .kind_name{margin:15px 0 0;padding:5px 15px;color:#FFF;background-color:#5d330d;}
#content #confirm .form_base table tr td{min-height:3em;}

/*====================
__form_base__サンクス画面
====================*/
#content #thanks .txt{line-height:1.6;text-align:center;margin:10px 0 0;}
#content #thanks .txt + .txt{margin:15px 0 0;}
#content #thanks .txt em{font-size:150%;font-weight:700;line-height:1.2;color:#693A08;}
#content #thanks dl{line-height:1.6;margin:10px 0 0;}
#content #thanks dl dt{font-weight:700;}
#content #thanks dl dd{margin:10px 0 0;}
#content #thanks .info{text-align:center;margin:30px 0;}
#content #thanks .info dl{display:inline-block;text-align:center;padding:15px 30px 15px;border-radius:3px;border:2px solid #693A08;}
#content #thanks .info dl dd{margin:0;}
#content #thanks .info dl dd span{display:inline-block;}
#content #thanks .back_top{text-align:center;}
#content #thanks .back_top a{display:inline-block;font-weight:700;color:#693A08;}
@media screen and (min-width:768px) {
#content #thanks .back_top a,
#content #thanks .info dl dd a{transition:all 0.3s;}
#content #thanks .back_top a:hover,
#content #thanks .info dl dd a:hover{opacity:0.5;}
}
@media screen and (max-width:767px) {
#content #thanks .txt{text-align:left;margin:10px 0 0;}
#content #thanks .txt + .txt{margin:10px 0 0;}
#content #thanks dl{text-align:left;margin:0;}
#content #thanks dl dd{margin:5px 0 0;}
#content #thanks .info{margin:15px 0 30px;}
#content #thanks .info dl{text-align:left;padding:15px 10px;}
#content #thanks .back_top a{margin:0 0 10px;}
}
