@charset "UTF-8";
/* フォントサイズ */
.fzb1_txt{
  font-size: 105% !important;
}

.fzb2_txt{
  font-size: 110% !important;
}

.fzb3_txt{
  font-size: 140% !important;
}

.fzb4_txt{
  font-size: 150% !important;
}

.fzs1_txt{
  font-size: 95% !important;
}

.fzs2_txt{
  font-size: 80% !important;
}

/* 太文字 */
.strong_txt{
  font-weight: bold;
}

/*------------------------------------------------------------
	ボーダー
------------------------------------------------------------*/
.border_dot{
  box-sizing: border-box;
  border-bottom: 1px dotted #aca6b9;
}

/* ========= margin ========== */
.m0{
  margin: 0rem !important;
}
@media screen and (max-width: 798px){
  .m0{
    margin: 0rem !important;
  }
}

.mt0{
  margin-top: 0rem !important;
}
@media screen and (max-width: 798px){
  .mt0{
    margin-top: 0rem !important;
  }
}

.mb0{
  margin-bottom: 0rem !important;
}
@media screen and (max-width: 798px){
  .mb0{
    margin-bottom: 0rem !important;
  }
}

.ml0{
  margin-left: 0rem !important;
}
@media screen and (max-width: 798px){
  .ml0{
    margin-left: 0rem !important;
  }
}

.mr0{
  margin-right: 0rem !important;
}
@media screen and (max-width: 798px){
  .mr0{
    margin-right: 0rem !important;
  }
}

.mtb0{
  margin: 0rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb0{
    margin: 0rem auto !important;
  }
}

.mrl0{
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
@media screen and (max-width: 798px){
  .mrl0{
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }
}

.m5{
  margin: .5rem !important;
}
@media screen and (max-width: 798px){
  .m5{
    margin: .25rem !important;
  }
}

.mt5{
  margin-top: .5rem !important;
}
@media screen and (max-width: 798px){
  .mt5{
    margin-top: .25rem !important;
  }
}

.mb5{
  margin-bottom: .5rem !important;
}
@media screen and (max-width: 798px){
  .mb5{
    margin-bottom: .25rem !important;
  }
}

.ml5{
  margin-left: .5rem !important;
}
@media screen and (max-width: 798px){
  .ml5{
    margin-left: .25rem !important;
  }
}

.mr5{
  margin-right: .5rem !important;
}
@media screen and (max-width: 798px){
  .mr5{
    margin-right: .25rem !important;
  }
}

.mtb5{
  margin: .5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb5{
    margin: .25rem auto !important;
  }
}

.mrl5{
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
@media screen and (max-width: 798px){
  .mrl5{
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
}

.m10{
  margin: 1rem !important;
}
@media screen and (max-width: 798px){
  .m10{
    margin: .5rem !important;
  }
}

.mt10{
  margin-top: 1rem !important;
}
@media screen and (max-width: 798px){
  .mt10{
    margin-top: .5rem !important;
  }
}

.mb10{
  margin-bottom: 1rem !important;
}
@media screen and (max-width: 798px){
  .mb10{
    margin-bottom: .5rem !important;
  }
}

.ml10{
  margin-left: 1rem !important;
}
@media screen and (max-width: 798px){
  .ml10{
    margin-left: .5rem !important;
  }
}

.mr10{
  margin-right: 1rem !important;
}
@media screen and (max-width: 798px){
  .mr10{
    margin-right: .5rem !important;
  }
}

.mtb10{
  margin: 1rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb10{
    margin: .5rem auto !important;
  }
}

.mrl10{
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
@media screen and (max-width: 798px){
  .mrl10{
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
}

.m15{
  margin: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .m15{
    margin: .75rem !important;
  }
}

.mt15{
  margin-top: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .mt15{
    margin-top: .75rem !important;
  }
}

.mb15{
  margin-bottom: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .mb15{
    margin-bottom: .75rem !important;
  }
}

.ml15{
  margin-left: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .ml15{
    margin-left: .75rem !important;
  }
}

.mr15{
  margin-right: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .mr15{
    margin-right: .75rem !important;
  }
}

.mtb15{
  margin: 1.5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb15{
    margin: .75rem auto !important;
  }
}

.mrl15{
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .mrl15{
    margin-right: .75rem !important;
    margin-left: .75rem !important;
  }
}

.m20{
  margin: 2rem !important;
}
@media screen and (max-width: 798px){
  .m20{
    margin: 1rem !important;
  }
}

.mt20{
  margin-top: 2rem !important;
}
@media screen and (max-width: 798px){
  .mt20{
    margin-top: 1rem !important;
  }
}

.mb20{
  margin-bottom: 2rem !important;
}
@media screen and (max-width: 798px){
  .mb20{
    margin-bottom: 1rem !important;
  }
}

.ml20{
  margin-left: 2rem !important;
}
@media screen and (max-width: 798px){
  .ml20{
    margin-left: 1rem !important;
  }
}

.mr20{
  margin-right: 2rem !important;
}
@media screen and (max-width: 798px){
  .mr20{
    margin-right: 1rem !important;
  }
}

.mtb20{
  margin: 2rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb20{
    margin: 1rem auto !important;
  }
}

.mrl20{
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
@media screen and (max-width: 798px){
  .mrl20{
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
}

.m25{
  margin: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .m25{
    margin: 1.25rem !important;
  }
}

.mt25{
  margin-top: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .mt25{
    margin-top: 1.25rem !important;
  }
}

.mb25{
  margin-bottom: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .mb25{
    margin-bottom: 1.25rem !important;
  }
}

.ml25{
  margin-left: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .ml25{
    margin-left: 1.25rem !important;
  }
}

.mr25{
  margin-right: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .mr25{
    margin-right: 1.25rem !important;
  }
}

.mtb25{
  margin: 2.5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb25{
    margin: 1.25rem auto !important;
  }
}

.mrl25{
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .mrl25{
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
}

.m30{
  margin: 3rem !important;
}
@media screen and (max-width: 798px){
  .m30{
    margin: 1.5rem !important;
  }
}

.mt30{
  margin-top: 3rem !important;
}
@media screen and (max-width: 798px){
  .mt30{
    margin-top: 1.5rem !important;
  }
}

.mb30{
  margin-bottom: 3rem !important;
}
@media screen and (max-width: 798px){
  .mb30{
    margin-bottom: 1.5rem !important;
  }
}

.ml30{
  margin-left: 3rem !important;
}
@media screen and (max-width: 798px){
  .ml30{
    margin-left: 1.5rem !important;
  }
}

.mr30{
  margin-right: 3rem !important;
}
@media screen and (max-width: 798px){
  .mr30{
    margin-right: 1.5rem !important;
  }
}

.mtb30{
  margin: 3rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb30{
    margin: 1.5rem auto !important;
  }
}

.mrl30{
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
@media screen and (max-width: 798px){
  .mrl30{
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
}

.m35{
  margin: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .m35{
    margin: 1.75rem !important;
  }
}

.mt35{
  margin-top: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .mt35{
    margin-top: 1.75rem !important;
  }
}

.mb35{
  margin-bottom: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .mb35{
    margin-bottom: 1.75rem !important;
  }
}

.ml35{
  margin-left: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .ml35{
    margin-left: 1.75rem !important;
  }
}

.mr35{
  margin-right: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .mr35{
    margin-right: 1.75rem !important;
  }
}

.mtb35{
  margin: 3.5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb35{
    margin: 1.75rem auto !important;
  }
}

.mrl35{
  margin-right: 3.5rem !important;
  margin-left: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .mrl35{
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }
}

.m40{
  margin: 4rem !important;
}
@media screen and (max-width: 798px){
  .m40{
    margin: 2rem !important;
  }
}

.mt40{
  margin-top: 4rem !important;
}
@media screen and (max-width: 798px){
  .mt40{
    margin-top: 2rem !important;
  }
}

.mb40{
  margin-bottom: 4rem !important;
}
@media screen and (max-width: 798px){
  .mb40{
    margin-bottom: 2rem !important;
  }
}

.ml40{
  margin-left: 4rem !important;
}
@media screen and (max-width: 798px){
  .ml40{
    margin-left: 2rem !important;
  }
}

.mr40{
  margin-right: 4rem !important;
}
@media screen and (max-width: 798px){
  .mr40{
    margin-right: 2rem !important;
  }
}

.mtb40{
  margin: 4rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb40{
    margin: 2rem auto !important;
  }
}

.mrl40{
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
@media screen and (max-width: 798px){
  .mrl40{
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
}

.m45{
  margin: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .m45{
    margin: 2.25rem !important;
  }
}

.mt45{
  margin-top: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .mt45{
    margin-top: 2.25rem !important;
  }
}

.mb45{
  margin-bottom: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .mb45{
    margin-bottom: 2.25rem !important;
  }
}

.ml45{
  margin-left: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .ml45{
    margin-left: 2.25rem !important;
  }
}

.mr45{
  margin-right: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .mr45{
    margin-right: 2.25rem !important;
  }
}

.mtb45{
  margin: 4.5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb45{
    margin: 2.25rem auto !important;
  }
}

.mrl45{
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .mrl45{
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }
}

.m50{
  margin: 5rem !important;
}
@media screen and (max-width: 798px){
  .m50{
    margin: 2.5rem !important;
  }
}

.mt50{
  margin-top: 5rem !important;
}
@media screen and (max-width: 798px){
  .mt50{
    margin-top: 2.5rem !important;
  }
}

.mb50{
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 798px){
  .mb50{
    margin-bottom: 2.5rem !important;
  }
}

.ml50{
  margin-left: 5rem !important;
}
@media screen and (max-width: 798px){
  .ml50{
    margin-left: 2.5rem !important;
  }
}

.mr50{
  margin-right: 5rem !important;
}
@media screen and (max-width: 798px){
  .mr50{
    margin-right: 2.5rem !important;
  }
}

.mtb50{
  margin: 5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb50{
    margin: 2.5rem auto !important;
  }
}

.mrl50{
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}
@media screen and (max-width: 798px){
  .mrl50{
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
}

.m55{
  margin: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .m55{
    margin: 2.75rem !important;
  }
}

.mt55{
  margin-top: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .mt55{
    margin-top: 2.75rem !important;
  }
}

.mb55{
  margin-bottom: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .mb55{
    margin-bottom: 2.75rem !important;
  }
}

.ml55{
  margin-left: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .ml55{
    margin-left: 2.75rem !important;
  }
}

.mr55{
  margin-right: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .mr55{
    margin-right: 2.75rem !important;
  }
}

.mtb55{
  margin: 5.5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb55{
    margin: 2.75rem auto !important;
  }
}

.mrl55{
  margin-right: 5.5rem !important;
  margin-left: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .mrl55{
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }
}

.m60{
  margin: 6rem !important;
}
@media screen and (max-width: 798px){
  .m60{
    margin: 3rem !important;
  }
}

.mt60{
  margin-top: 6rem !important;
}
@media screen and (max-width: 798px){
  .mt60{
    margin-top: 3rem !important;
  }
}

.mb60{
  margin-bottom: 6rem !important;
}
@media screen and (max-width: 798px){
  .mb60{
    margin-bottom: 3rem !important;
  }
}

.ml60{
  margin-left: 6rem !important;
}
@media screen and (max-width: 798px){
  .ml60{
    margin-left: 3rem !important;
  }
}

.mr60{
  margin-right: 6rem !important;
}
@media screen and (max-width: 798px){
  .mr60{
    margin-right: 3rem !important;
  }
}

.mtb60{
  margin: 6rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb60{
    margin: 3rem auto !important;
  }
}

.mrl60{
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}
@media screen and (max-width: 798px){
  .mrl60{
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
}

.m65{
  margin: 6.5rem !important;
}
@media screen and (max-width: 798px){
  .m65{
    margin: 3.25rem !important;
  }
}

.mt65{
  margin-top: 6.5rem !important;
}
@media screen and (max-width: 798px){
  .mt65{
    margin-top: 3.25rem !important;
  }
}

.mb65{
  margin-bottom: 6.5rem !important;
}
@media screen and (max-width: 798px){
  .mb65{
    margin-bottom: 3.25rem !important;
  }
}

.ml65{
  margin-left: 6.5rem !important;
}
@media screen and (max-width: 798px){
  .ml65{
    margin-left: 3.25rem !important;
  }
}

.mr65{
  margin-right: 6.5rem !important;
}
@media screen and (max-width: 798px){
  .mr65{
    margin-right: 3.25rem !important;
  }
}

.mtb65{
  margin: 6.5rem auto !important;
}
@media screen and (max-width: 798px){
  .mtb65{
    margin: 3.25rem auto !important;
  }
}

.mrl65{
  margin-right: 6.5rem !important;
  margin-left: 6.5rem !important;
}
@media screen and (max-width: 798px){
  .mrl65{
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }
}

/* ========= padding ========== */
.p5{
  padding: .5rem !important;
}
@media screen and (max-width: 798px){
  .p5{
    padding: .25rem !important;
  }
}

.pt5{
  padding-top: .5rem !important;
}
@media screen and (max-width: 798px){
  .pt5{
    padding-top: .25rem !important;
  }
}

.pb5{
  padding-bottom: .5rem !important;
}
@media screen and (max-width: 798px){
  .pb5{
    padding-bottom: .25rem !important;
  }
}

.pl5{
  padding-left: .5rem !important;
}
@media screen and (max-width: 798px){
  .pl5{
    padding-left: .25rem !important;
  }
}

.pr5{
  padding-right: .5rem !important;
}
@media screen and (max-width: 798px){
  .pr5{
    padding-right: .25rem !important;
  }
}

.ptb5{
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
@media screen and (max-width: 798px){
  .ptb5{
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
}

.prl5{
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}
@media screen and (max-width: 798px){
  .prl5{
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
}

.p10{
  padding: 1rem !important;
}
@media screen and (max-width: 798px){
  .p10{
    padding: .5rem !important;
  }
}

.pt10{
  padding-top: 1rem !important;
}
@media screen and (max-width: 798px){
  .pt10{
    padding-top: .5rem !important;
  }
}

.pb10{
  padding-bottom: 1rem !important;
}
@media screen and (max-width: 798px){
  .pb10{
    padding-bottom: .5rem !important;
  }
}

.pl10{
  padding-left: 1rem !important;
}
@media screen and (max-width: 798px){
  .pl10{
    padding-left: .5rem !important;
  }
}

.pr10{
  padding-right: 1rem !important;
}
@media screen and (max-width: 798px){
  .pr10{
    padding-right: .5rem !important;
  }
}

.ptb10{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media screen and (max-width: 798px){
  .ptb10{
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
}

.prl10{
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
@media screen and (max-width: 798px){
  .prl10{
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
}

.p15{
  padding: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .p15{
    padding: .75rem !important;
  }
}

.pt15{
  padding-top: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .pt15{
    padding-top: .75rem !important;
  }
}

.pb15{
  padding-bottom: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .pb15{
    padding-bottom: .75rem !important;
  }
}

.pl15{
  padding-left: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .pl15{
    padding-left: .75rem !important;
  }
}

.pr15{
  padding-right: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .pr15{
    padding-right: .75rem !important;
  }
}

.ptb15{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .ptb15{
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
  }
}

.prl15{
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
@media screen and (max-width: 798px){
  .prl15{
    padding-right: .75rem !important;
    padding-left: .75rem !important;
  }
}

.p20{
  padding: 2rem !important;
}
@media screen and (max-width: 798px){
  .p20{
    padding: 1rem !important;
  }
}

.pt20{
  padding-top: 2rem !important;
}
@media screen and (max-width: 798px){
  .pt20{
    padding-top: 1rem !important;
  }
}

.pb20{
  padding-bottom: 2rem !important;
}
@media screen and (max-width: 798px){
  .pb20{
    padding-bottom: 1rem !important;
  }
}

.pl20{
  padding-left: 2rem !important;
}
@media screen and (max-width: 798px){
  .pl20{
    padding-left: 1rem !important;
  }
}

.pr20{
  padding-right: 2rem !important;
}
@media screen and (max-width: 798px){
  .pr20{
    padding-right: 1rem !important;
  }
}

.ptb20{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media screen and (max-width: 798px){
  .ptb20{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

.prl20{
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
@media screen and (max-width: 798px){
  .prl20{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}

.p25{
  padding: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .p25{
    padding: 1.25rem !important;
  }
}

.pt25{
  padding-top: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .pt25{
    padding-top: 1.25rem !important;
  }
}

.pb25{
  padding-bottom: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .pb25{
    padding-bottom: 1.25rem !important;
  }
}

.pl25{
  padding-left: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .pl25{
    padding-left: 1.25rem !important;
  }
}

.pr25{
  padding-right: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .pr25{
    padding-right: 1.25rem !important;
  }
}

.ptb25{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .ptb25{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

.prl25{
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}
@media screen and (max-width: 798px){
  .prl25{
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
}

.p30{
  padding: 3rem !important;
}
@media screen and (max-width: 798px){
  .p30{
    padding: 1.5rem !important;
  }
}

.pt30{
  padding-top: 3rem !important;
}
@media screen and (max-width: 798px){
  .pt30{
    padding-top: 1.5rem !important;
  }
}

.pb30{
  padding-bottom: 3rem !important;
}
@media screen and (max-width: 798px){
  .pb30{
    padding-bottom: 1.5rem !important;
  }
}

.pl30{
  padding-left: 3rem !important;
}
@media screen and (max-width: 798px){
  .pl30{
    padding-left: 1.5rem !important;
  }
}

.pr30{
  padding-right: 3rem !important;
}
@media screen and (max-width: 798px){
  .pr30{
    padding-right: 1.5rem !important;
  }
}

.ptb30{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media screen and (max-width: 798px){
  .ptb30{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

.prl30{
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
@media screen and (max-width: 798px){
  .prl30{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}

.p35{
  padding: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .p35{
    padding: 1.75rem !important;
  }
}

.pt35{
  padding-top: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .pt35{
    padding-top: 1.75rem !important;
  }
}

.pb35{
  padding-bottom: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .pb35{
    padding-bottom: 1.75rem !important;
  }
}

.pl35{
  padding-left: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .pl35{
    padding-left: 1.75rem !important;
  }
}

.pr35{
  padding-right: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .pr35{
    padding-right: 1.75rem !important;
  }
}

.ptb35{
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .ptb35{
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
}

.prl35{
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}
@media screen and (max-width: 798px){
  .prl35{
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }
}

.p40{
  padding: 4rem !important;
}
@media screen and (max-width: 798px){
  .p40{
    padding: 2rem !important;
  }
}

.pt40{
  padding-top: 4rem !important;
}
@media screen and (max-width: 798px){
  .pt40{
    padding-top: 2rem !important;
  }
}

.pb40{
  padding-bottom: 4rem !important;
}
@media screen and (max-width: 798px){
  .pb40{
    padding-bottom: 2rem !important;
  }
}

.pl40{
  padding-left: 4rem !important;
}
@media screen and (max-width: 798px){
  .pl40{
    padding-left: 2rem !important;
  }
}

.pr40{
  padding-right: 4rem !important;
}
@media screen and (max-width: 798px){
  .pr40{
    padding-right: 2rem !important;
  }
}

.ptb40{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@media screen and (max-width: 798px){
  .ptb40{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

.prl40{
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
@media screen and (max-width: 798px){
  .prl40{
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}

.p45{
  padding: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .p45{
    padding: 2.25rem !important;
  }
}

.pt45{
  padding-top: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .pt45{
    padding-top: 2.25rem !important;
  }
}

.pb45{
  padding-bottom: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .pb45{
    padding-bottom: 2.25rem !important;
  }
}

.pl45{
  padding-left: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .pl45{
    padding-left: 2.25rem !important;
  }
}

.pr45{
  padding-right: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .pr45{
    padding-right: 2.25rem !important;
  }
}

.ptb45{
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .ptb45{
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
}

.prl45{
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}
@media screen and (max-width: 798px){
  .prl45{
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }
}

.p50{
  padding: 5rem !important;
}
@media screen and (max-width: 798px){
  .p50{
    padding: 2.5rem !important;
  }
}

.pt50{
  padding-top: 5rem !important;
}
@media screen and (max-width: 798px){
  .pt50{
    padding-top: 2.5rem !important;
  }
}

.pb50{
  padding-bottom: 5rem !important;
}
@media screen and (max-width: 798px){
  .pb50{
    padding-bottom: 2.5rem !important;
  }
}

.pl50{
  padding-left: 5rem !important;
}
@media screen and (max-width: 798px){
  .pl50{
    padding-left: 2.5rem !important;
  }
}

.pr50{
  padding-right: 5rem !important;
}
@media screen and (max-width: 798px){
  .pr50{
    padding-right: 2.5rem !important;
  }
}

.ptb50{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (max-width: 798px){
  .ptb50{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

.prl50{
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}
@media screen and (max-width: 798px){
  .prl50{
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
}

.p55{
  padding: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .p55{
    padding: 2.75rem !important;
  }
}

.pt55{
  padding-top: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .pt55{
    padding-top: 2.75rem !important;
  }
}

.pb55{
  padding-bottom: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .pb55{
    padding-bottom: 2.75rem !important;
  }
}

.pl55{
  padding-left: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .pl55{
    padding-left: 2.75rem !important;
  }
}

.pr55{
  padding-right: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .pr55{
    padding-right: 2.75rem !important;
  }
}

.ptb55{
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .ptb55{
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }
}

.prl55{
  padding-right: 5.5rem !important;
  padding-left: 5.5rem !important;
}
@media screen and (max-width: 798px){
  .prl55{
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }
}

.p60{
  padding: 6rem !important;
}
@media screen and (max-width: 798px){
  .p60{
    padding: 3rem !important;
  }
}

.pt60{
  padding-top: 6rem !important;
}
@media screen and (max-width: 798px){
  .pt60{
    padding-top: 3rem !important;
  }
}

.pb60{
  padding-bottom: 6rem !important;
}
@media screen and (max-width: 798px){
  .pb60{
    padding-bottom: 3rem !important;
  }
}

.pl60{
  padding-left: 6rem !important;
}
@media screen and (max-width: 798px){
  .pl60{
    padding-left: 3rem !important;
  }
}

.pr60{
  padding-right: 6rem !important;
}
@media screen and (max-width: 798px){
  .pr60{
    padding-right: 3rem !important;
  }
}

.ptb60{
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
@media screen and (max-width: 798px){
  .ptb60{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.prl60{
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}
@media screen and (max-width: 798px){
  .prl60{
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
}

/* -------------------------------
スタイルの初期化 */
body ,a ,div ,pre ,p ,blockquote ,b ,img form ,fieldset ,input ,textarea ,select ,option ,dl ,dt ,dd ,ul ,ol ,li ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,table ,th ,td ,embed ,object ,figure{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

html{
  font-size: 62.5%;
  /*ベースを10pxにしています*/
}

body{
  width: 100%;
  color: #222222;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.4;
  background: #ffffff;

  text-autospace: ideograph-alpha;
}

a{
  color: rgb(22, 135, 196);
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a.has_arrow{
  position: relative;
  padding: 0 0 0 1.5rem;
}
a.has_arrow:before{
  position: absolute;
  top: 10%;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-left-color: rgb(22, 135, 196);
}
@media screen and (max-width: 798px){
  a.has_arrow{
    position: relative;
    padding-left: 1rem;
  }
  a.has_arrow:before{
    position: absolute;
    top: 10%;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border: 6px solid transparent;
    border-left-color: rgb(22, 135, 196);
  }
}
a.has_arrow.large{
  position: relative;
  padding: 0 0 0 1.5rem;
}
a.has_arrow.large:before{
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-left-color: rgb(22, 135, 196);
}
@media screen and (max-width: 798px){
  a.has_arrow.large{
    position: relative;
    padding-left: 1rem;
  }
  a.has_arrow.large:before{
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border: 6px solid transparent;
    border-left-color: rgb(22, 135, 196);
  }
}
a img{
  border: 0;
  outline: none;
}

img{
  max-width: 100%;
  vertical-align: top;
}

ul ,ol{
  list-style-type: none;
}

article ,aside ,details ,figcaption ,figure ,footer ,header ,hgroup ,menu ,nav ,section{
  display: block;
}

.sp{
  display: none;
}

@media screen and (max-width: 798px){
  .pc{
    display: none;
  }

  .sp{
    display: block;
  }
}
/*--------------------
  gadget
---------------------*/
.is_none{
  display: none;
}

.coution{
  padding-left: 1em;
  text-indent: -1em;
}
.coution::before{
  content: "※";
}

/*--------------------
header
---------------------*/
.header{
  position: fixed;
  position: relative;
  display: block;
}
@media screen and (max-width: 1060px){
  .header{
    z-index: 9999;
  }
}
.header *{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header .header_default{
  position: relative;
  z-index: 99;
  box-shadow: 0 6px 9px 1px rgba(10, 2, 4, .1);
}
.header .is_active{
  display: block;
}
.header .header_inner{
  position: relative;
  top: 100%;
  z-index: 99;
  width: 100%;
  padding: 30px 30px 0;
}
.header .header_inner:after{
  display: block;
  height: 0;
  clear: both;
  content: "";
}
@media screen and (max-width: 1200px){
  .header .header_inner{
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1060px){
  .header .header_inner{
    display: none;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.header .header_left{
  float: left;
  max-width: 1180px;
  vertical-align: top;
}
@media screen and (max-width: 1060px){
  .header .header_left{
    display: block;
    width: 100%;
  }
}
.header .header_right{
  display: table;
  float: right;
  text-align: right;
}
@media screen and (max-width: 1060px){
  .header .header_right{
    display: none;
  }
}
.header .header_logo_pc{
  width: 390px;
  margin: 0 0 15px;
}
@media screen and (max-width: 1200px){
  .header .header_logo_pc{
    width: 360px;
  }
}
@media screen and (max-width: 1060px){
  .header .header_logo_pc{
    display: none;
  }
}
.header .header_logo_pc_s{
  display: none;
}
.header .header_logo_sp{
  display: none;
}
@media screen and (max-width: 1060px){
  .header .header_logo_sp{
    display: block;
    width: 240px;
    padding: 20px 0 20px 10px;
  }
}
.header .header_right_sp{
  display: none;
  background: #ffffff;
}
@media screen and (max-width: 1060px){
  .header .header_right_sp{
    display: block;
  }
}
.header .sub_nav{
  display: table-cell;
}
@media screen and (max-width: 1060px){
  .header .sub_nav{
    display: block;
    margin-right: 0;
  }
}
.header .sub_nav .sub_nav_item{
  display: inline-block;
  margin: 0 10px 20px 0;
}
@media screen and (max-width: 1060px){
  .header .sub_nav .sub_nav_item{
    display: block;
    margin: 0;
    border-top: 1px solid rgba(10, 2, 4, .1);
  }
}
.header .sub_nav .sub_nav_item:last-child{
  margin-right: 15px;
}
@media screen and (max-width: 1060px){
  .header .sub_nav .sub_nav_item:last-child{
    margin-right: 0;
    border-bottom: 1px solid rgba(10, 2, 4, .1);
  }
}
.header .sub_nav a{
  position: relative;
  padding: 0 2rem 0 0;
  color: #6a6a6a;
  font-size: 1.2rem;
  text-decoration: none;
}
@media screen and (max-width: 1060px){
  .header .sub_nav a{
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
  }
}
.header .sub_nav a:after{
  position: absolute;
  right: 0;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background: url(../img/icon_blank_02.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1060px){
  .header .sub_nav a:after{
    right: 20px;
  }
}
.header .sub_nav a:hover{
  color: rgb(22, 135, 196);
}
.header .tel_area{
  color: rgb(22, 135, 196);
  text-align: right;
}
@media screen and (max-width: 1060px){
  .header .tel_area{
    padding: 20px 0;
    text-align: center;
  }
}
.header .tel_area .tel{
  display: inline;
  width: 14.75%;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 1060px){
  .header .tel_area .tel{
    display: none;
  }
}
.header .btn_emergency{
  display: inline-block;
  max-width: 160px;
  padding: 1.5rem 1rem;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: rgb(22, 135, 196);
  border-radius: 4px;
}
@media screen and (max-width: 1200px){
  .header .btn_emergency{
    padding: 1.5rem 1rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1060px){
  .header .btn_emergency{
    display: inline-block;
    min-width: 240px;
    margin: 0 auto;
  }
}
.header .btn_emergency:hover{
  background: #ff3f4e;
}
.header .menu_trigger{
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 99;
  display: none;
  width: 32px;
  height: 24px;
  -webkit-transition: all .4s ease;
          transition: all .4s ease;
}
@media screen and (max-width: 1060px){
  .header .menu_trigger{
    display: block;
  }
}
.header .menu_trigger span{
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: rgb(22, 135, 196);
  -webkit-transition: all .4s ease;
          transition: all .4s ease;
}
.header .menu_trigger span:nth-of-type(1){
  top: 0;
}
.header .menu_trigger span:nth-of-type(2){
  top: 10px;
}
.header .menu_trigger span:nth-of-type(3){
  bottom: 0;
}
.header .menu_trigger.is_active span:nth-of-type(1){
  -webkit-transform: translateY(10px) rotate(-45deg);
          transform: translateY(10px) rotate(-45deg);
}
.header .menu_trigger.is_active span:nth-of-type(2){
  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.header .menu_trigger.is_active span:nth-of-type(3){
  -webkit-transform: translateY(-10px) rotate(45deg);
          transform: translateY(-10px) rotate(45deg);
}
.header .gnav{
  clear: both;
  background: #ffffff;
}
.header .gnav a{
  color: #6e6e6e;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 1200px){
  .header .gnav a{
    font-size: 1.4rem;
  }
}
.header .gnav a:hover{
  color: rgb(22, 135, 196);
}
.header .gnav .gnav_list{
  display: flex;
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_list{
    display: block;
  }
}
.header .gnav .gnav_item{
  margin: 0 2.5% 0 0;
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item{
    margin-right: 0;
    border-top: 1px solid rgba(10, 2, 4, .1);
  }
  .header .gnav .gnav_item:first-child{
    cursor: pointer;
  }
}
.header .gnav .gnav_item:hover > a{
  position: relative;
  color: rgb(22, 135, 196);
}
.header .gnav .gnav_item:hover > a:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  border-bottom: 2px solid rgb(22, 135, 196);
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item:hover > a:after{
    border-bottom: none;
  }
}
.header .gnav .gnav_item:hover .gnav_child_list{
  top: 100%;
  transition: opacity .4s, visibility .4s;
  opacity: 1;
  visibility: visible;
}
.header .gnav .gnav_item > a{
  position: relative;
  display: inline-block;
  padding: 0 0 20px;
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item > a{
    width: 100%;
    padding: 20px 0 20px 20px;
  }
}
.header .gnav .gnav_item > a:hover:after ,.header .gnav .gnav_item > a.is_active:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item > a:hover:after ,.header .gnav .gnav_item > a.is_active:after{
    content: none;
  }
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item > a:before{
    position: absolute;
    right: 18px;
    color: rgb(22, 135, 196);
    content: "＋";
    font-size: 1.6rem;
    font-weight: bold;
  }
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item > a.no_child:before{
    content: ">";
  }
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_item > a.is_active{
    color: #ffffff;
    background: rgb(22, 135, 196);
  }
  .header .gnav .gnav_item > a.is_active:before{
    color: #ffffff;
    content: "ー";
  }
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_parent_item{
    cursor: pointer;
    pointer-events: none;
  }
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_parent_item.no_child{
    pointer-events: auto;
  }
}
.header .gnav .gnav_child_list{
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 20px 30px;
  margin: 0;
  background: #ffffff;
  box-shadow: 0 9px 9px 1px rgba(10, 2, 4, .1);
  border-top: 1px solid rgba(10, 2, 4, .1);
  transition: opacity .4s, visibility .4s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1200px){
  .header .gnav .gnav_child_list{
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_child_list{
    position: relative;
    display: none;
    padding: 0;
    box-shadow: none;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 1060px) and (max-width: 1060px){
  .header .gnav .gnav_child_list.is_active{
    display: block;
  }
}

.header .gnav .gnav_child_item{
  position: relative;
  display: inline-block;
  margin: 5px 40px;
  text-indent: -40px;
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_child_item{
    display: block;
    width: 100%;
    padding: 20px;
    margin: 0;
    text-indent: 0;
    border-top: 1px solid rgba(10, 2, 4, .1);
  }
}
.header .gnav .gnav_child_item:first-child{
  display: none;
  border: none;
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_child_item:first-child{
    display: block;
  }
  .header .gnav .gnav_child_item:first-child a{
    padding-left: 0;
  }
}
.header .gnav .gnav_child_item:last-child:after{
  content: none;
}
.header .gnav .gnav_child_item:after{
  position: absolute;
  top: .5em;
  right: -19px;
  display: block;
  width: 1px;
  height: 1em;
  content: "";
  background: #9f9f9f;
}
@media screen and (max-width: 1060px){
  .header .gnav .gnav_child_item a{
    display: block;
    padding: 0 0 0 1em;
  }
  .header .gnav .gnav_child_item a:before{
    position: absolute;
    right: 18px;
    color: rgb(22, 135, 196);
    content: ">";
    font-size: 1.6rem;
    font-weight: bold;
  }
}

/*--------------------
header fixed
---------------------*/
.header .header_default .header_logo_pc_s{
  display: none;
}
.header .header_fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
@media screen and (min-width: 1060px){
  .header .header_fixed{
    background: #ffffff;
    -webkit-animation: headerfadeIn .5s ease 0s 1 normal;
            animation: headerfadeIn .5s ease 0s 1 normal;
  }
}
@media screen and (max-width: 1060px){
  .header .header_fixed{
    background: #ffffff;
  }
}
.header .header_fixed .header_logo_pc{
  display: none;
}
.header .header_fixed .header_logo_pc_s{
  display: block;
}
@media screen and (max-width: 1060px){
  .header .header_fixed .header_logo_pc_s{
    display: none;
  }
}
@media screen and (max-width: 1060px){
  .header .header_fixed .header_left{
    display: none;
    display: table-cell;
    float: none;
    width: 140px;
    padding-right: 30px;
    vertical-align: top;
  }
}
.header .header_fixed .header_right{
  display: none;
}
.header .header_fixed .header_inner{
  display: table;
}
@media screen and (min-width: 1060px){
  .header .header_fixed .header_inner{
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1200px){
  .header .header_fixed .header_inner{
    align-items: center;
    justify-content: space-between;
    display: flex;
    height: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1060px){
  .header .header_fixed .header_inner{
    position: fixed;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1060px){
  .header .header_fixed .gnav{
    display: table-cell;
    clear: none;
    vertical-align: middle;
  }
  .header .header_fixed .gnav .gnav_parent_item{
    padding-top: 20px;
  }
  .header .header_fixed .header_right_sp{
    display: table-cell;
    vertical-align: middle;
  }
  .header .header_fixed .header_right_sp .sub_nav{
    display: none;
  }
  .header .header_fixed .header_right_sp .tel_area{
    display: block;
  }
}

@keyframes headerfadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@-webkit-keyframes headerfadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
/*--------------------
footer
---------------------*/
.footer{
  padding: 7.5% 0 0;
  background: #f2f2f2;
}
.footer .block_tel{
  background: #ffffff;
}
.footer .block_tel img:hover{
  opacity: .7;
}
.footer .block_btn{
  justify-content: space-between;
  display: flex;
}
@media screen and (max-width: 798px){
  .footer .block_btn{
    display: block;
  }
}
.footer .block_btn .btn_link{
  width: 46.6666666667%;
}
@media screen and (max-width: 798px){
  .footer .block_btn .btn_link{
    width: 100%;
    padding: 20px 30px;
    margin: 10px 0 0;
  }
}
.footer .block_btn .btn_link.has_blank:after{
  position: absolute;
  top: 20px;
  right: 15px;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  background: url(../img/icon_blank.png) no-repeat;
  background-size: contain;
}
.footer .block_summary{
  padding: 5% 0 0 0;
}
@media screen and (max-width: 798px){
  .footer .block_summary{
    padding-top: 20.8333333333%;
  }
}
.footer .block_summary .logo{
  width: 32.5%;
  margin: 0 auto 2.5%;
}
@media screen and (max-width: 798px){
  .footer .block_summary .logo{
    width: 78.125%;
  }
}
.footer .block_summary .lead{
  margin: 0 0 2.5%;
  color: #6e6e6e;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 798px){
  .footer .block_summary .lead{
    font-size: 1.4rem;
  }
}
.footer .block_summary .bnr_list{
  justify-content: space-between;
  display: flex;
  max-width: 1200px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 798px){
  .footer .block_summary .bnr_list{
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
.footer .block_summary .bnr_item{
  width: 23.3333333333%;
}
@media screen and (max-width: 798px){
  .footer .block_summary .bnr_item{
    width: 48%;
    margin-top: 7.8125%;
  }
}
.footer .block_summary .bnr_item a:hover{
  opacity: .7;
}
.footer .block_summary .bnr_item img{
  width: 100%;
}
.footer .block_summary .link_list{
  justify-content: center;
  display: flex;
}
@media screen and (max-width: 798px){
  .footer .block_summary .link_list{
    display: block;
    font-size: 2rem;
    text-align: center;
  }
}
.footer .block_summary .link_list .link_item{
  margin: 0 2.0833333333%;
}
.footer .block_summary .link_list .link_item:first-child a ,.footer .block_summary .link_list .link_item:nth-child(2) a{
  position: relative;
}
.footer .block_summary .link_list .link_item:first-child a:after ,.footer .block_summary .link_list .link_item:nth-child(2) a:after{
  position: absolute;
  right: -2rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: url(../img/icon_blank_02.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 960px){
  .footer .block_summary .link_list .link_item:first-child a:after ,.footer .block_summary .link_list .link_item:nth-child(2) a:after{
    right: 20px;
  }
}
.footer .block_summary .link_list a{
  color: #6e6e6e;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 798px){
  .footer .block_summary .link_list a{
    position: relative;
    display: block;
    padding: 2rem 0;
    text-align: left;
    border-top: 1px solid rgba(10, 2, 4, .1);
  }
  .footer .block_summary .link_list a:after{
    position: absolute;
    top: calc(50% - .6em);
    right: 0;
    content: ">";
  }
}
.footer .block_summary .link_list a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 798px){
  .footer .block_summary .link_list a:hover{
    text-decoration: none;
  }
}
.footer .copyright{
  padding: 30px 0 130px 0;
  margin: 5% 0 0 0;
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  background: rgb(22, 135, 196);
  border-top: 1px solid rgb(22, 135, 196);
}
@media screen and (max-width: 798px){
  .footer .copyright{
    padding-bottom: 39.0625%;
  }
}
.footer .copyright span{
  font-family: Verdana, "Droid Sans";
}

/*--------------------
module
---------------------*/
.t_bold{
  font-weight: bold;
}

.t_center{
  text-align: center;
}

.bdr_dot{
  border-bottom: 1px dotted #cccccc;
}

.block_btn{
  margin: 30px 0 0 0;
  text-align: center;
}
@media screen and (max-width: 798px){
  .block_btn{
    margin-top: 20px;
  }
}

.btn_link{
  position: relative;
  display: inline-block;
  min-width: auto;
  padding: 20px 60px;
  margin: 10px 10px 0 10px;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
  background: rgb(22, 135, 196);
  border-radius: 4px;
  width: 100%;
  max-width: 680px;
}
@media screen and (max-width: 798px){
  .btn_link{
  margin: 1rem auto;
  padding: 1.6rem 2%;
  width: 96%;
  max-width: 750px;
  }
}

.btn_link:after{
  position: absolute;
  top: calc(50% - .6em);
  right: 15px;
  content: ">";
}
.btn_link:hover{
  color: #ffffff;
  text-decoration: none;
  background: #459fd0;
}
.btn_link.has_blank:after{
  position: absolute;
  top: 20px;
  right: 15px;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  background: url(../img/icon_blank.png) no-repeat;
  background-size: contain;
}
.btn_link.btn_link_orange{
  background: #f5a200;
}
.btn_link.btn_link_orange:hover{
  background: #f5ba48;
}

.tag_num{
  color: #713500;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 798px){
  .tag_num{
    font-size: 1.6rem;
  }
}
.tag_num .num{
  color: rgb(22, 135, 196);
  font-size: 3.4rem;
  font-style: italic;
}
@media screen and (max-width: 798px){
  .tag_num .num{
    font-size: 2.4rem;
  }
}

.tag_num_b{
  display: inline-block;
  padding: 6px 8px 6px;
  color: rgb(22, 135, 196);
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  border: 3px solid rgb(22, 135, 196);
  border-radius: 4px;
}
@media screen and (max-width: 798px){
  .tag_num_b{
    font-size: 1.6rem;
    border: 2px solid rgb(22, 135, 196);
  }
}
.tag_num_b .num{
  margin: 2px 0 0 0;
  color: #713500;
}
.tag_num_b _:-ms-fullscreen ,:root .tag_num_b{
  padding-top: 10px;
  padding-bottom: 2px;
}

.wrap{
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1200px){
  .wrap{
    width: calc(100% - 40px);
  }
}

.main{
  display: block;
  margin: 50px auto 0;
  font-size: 1.5rem;
  line-height: 1.8;
}
.main:after{
  display: block;
  height: 0;
  clear: both;
  content: "";
}
@media screen and (max-width: 798px){
  .main{
    margin-top: 30px;
    font-size: 1.3rem;
  }
}
.main .contents{
  float: left;
  width: 70%;
  padding: 0 0 80px 0;
}
@media screen and (max-width: 798px){
  .main .contents{
    float: none;
    width: 100%;
    padding-bottom: 120px;
  }
}
.main .side{
  float: right;
  width: 25%;
  margin: 0 0 10%;
}
@media screen and (max-width: 798px){
  .main .side{
    float: none;
    width: 100%;
    margin: 50px 0 0 0;
  }
}

.ttl_m{
  position: relative;
  display: inline;
  color: rgb(22, 135, 196);
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  background: linear-gradient(transparent 60%, #fdf3d1 60%);
}
@media screen and (max-width: 798px){
  .ttl_m{
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
}
.ttl_m:after{
  display: block;
  margin: 0 0 40px 0;
  content: "";
}

.ttl_s{
  position: relative;
  padding: 0 0 0 2rem;
  margin: 0 0 30px 0;
  color: #6e6e6e;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 798px){
  .ttl_s{
    padding-left: 1rem;
    margin-bottom: 2.5rem;
    font-size: 1.6rem;
  }
}
.ttl_s.has_bdr{
  border-left: 4px solid rgb(22, 135, 196);
}

.ttl_xs{
  padding: 0 0 5px;
  margin: 0 0 10px;
  color: rgb(22, 135, 196);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 798px){
  .ttl_xs{
    font-size: 1.6rem;
  }
}
.ttl_xs.has_bdr{
  border-bottom: 1px dotted rgb(22, 135, 196);
}
.ttl_xs.has_bdr.green_txt{
  border-bottom: 1px dotted rgb(22, 135, 196);
}
.ttl_xs a{
  font-weight: bold;
}

.ttl_xs_2{
  padding: 8px 10px;
  margin: 0 0 20px;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  background: rgb(22, 135, 196);
  border-radius: 8px;
}
.ttl_xs_2 _:-ms-fullscreen ,:root .ttl_xs_2{
  padding: 16px 10px 4px;
}
@media screen and (max-width: 798px){
  .ttl_xs_2{
    font-size: 1.6rem;
  }
}

.ttl_xs_3{
  margin: 0 0 10px;
  color: rgb(22, 135, 196);
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.ttl_xs_3 _:-ms-fullscreen ,:root .ttl_xs_3{
  padding: 16px 10px 4px;
}
@media screen and (max-width: 798px){
  .ttl_xs_3{
    font-size: 2rem;
  }
}
.ttl_xs_3.green{
  color: #80c241;
}

.breadcrumb{
  margin-top: 50px;
}
@media screen and (max-width: 798px){
  .breadcrumb{
    margin-top: 20px;
    font-size: 2.2rem;
  }
}
.breadcrumb ul li{
  position: relative;
  display: inline-block;
  margin: 0 6rem 0 0;
  color: #6e6e6e;
  font-size: 1.3rem;
  font-weight: bold;
}
@media screen and (max-width: 798px){
  .breadcrumb ul li{
    margin-right: 3rem;
  }
}
.breadcrumb ul li::before{
  position: absolute;
  right: -3.5rem;
  content: ">";
}
@media screen and (max-width: 798px){
  .breadcrumb ul li::before{
    right: -2.2rem;
  }
}
.breadcrumb ul li:last-child::before{
  content: none;
}
.breadcrumb ul li a{
  color: rgb(22, 135, 196);
  font-weight: bold;
  text-decoration: none;
}
.breadcrumb ul li a:hover{
  text-decoration: underline;
}

.block_img_tl{
  justify-content: space-between;
  display: flex;
  margin: 0 0 30px;
}
@media screen and (max-width: 798px){
  .block_img_tl{
    display: block;
  }
}
.block_img_tl .img{
  width: 35.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_tl .img{
    width: 100%;
  }
}
.block_img_tl .img img{
  width: 100%;
}
.block_img_tl .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_tl .txt{
  width: 60.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_tl .txt{
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_tl .paragraph{
    margin-top: 1em;
  }
}
.block_img_tl .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_m_tl{
  justify-content: space-between;
  display: flex;
  margin: 0 0 30px;
}
@media screen and (max-width: 798px){
  .block_img_m_tl{
    display: block;
  }
}
.block_img_m_tl .img{
  width: 21.4285714286%;
}
@media screen and (max-width: 798px){
  .block_img_m_tl .img{
    width: 100%;
  }
}
.block_img_m_tl .img img{
  width: 100%;
}
.block_img_m_tl .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_m_tl .txt{
  width: 75%;
}
@media screen and (max-width: 798px){
  .block_img_m_tl .txt{
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_m_tl .paragraph{
    margin-top: 1em;
  }
}
.block_img_m_tl .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_tr{
  margin: 0 0 30px;
  overflow: hidden;
}
.block_img_tr .img{
  float: right;
  width: 35.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_tr .img{
    float: none;
    width: 100%;
  }
}
.block_img_tr .img img{
  width: 100%;
}
.block_img_tr .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_tr .txt{
  float: left;
  width: 60.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_tr .txt{
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_tr .paragraph{
    margin-top: 1em;
  }
}
.block_img_tr .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_m_tr{
  margin: 0 0 30px;
  overflow: hidden;
}
.block_img_m_tr .img{
  float: right;
  width: 21.4285714286%;
}
@media screen and (max-width: 798px){
  .block_img_m_tr .img{
    float: none;
    width: 100%;
  }
}
.block_img_m_tr .img img{
  width: 100%;
}
.block_img_m_tr .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_m_tr .txt{
  float: left;
  width: 75%;
}
@media screen and (max-width: 798px){
  .block_img_m_tr .txt{
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_m_tr .paragraph{
    margin-top: 1em;
  }
}
.block_img_m_tr .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_bl{
  margin: 0 0 30px;
  overflow: hidden;
}
.block_img_bl .img{
  float: left;
  width: 35.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_bl .img{
    float: none;
    width: 100%;
    margin-top: 2rem;
  }
}
.block_img_bl .img img{
  width: 100%;
}
.block_img_bl .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_bl .txt{
  float: right;
  width: 60.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_bl .txt{
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_bl .paragraph{
    margin: 1em 0 0 0;
  }
}
.block_img_bl .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_m_bl{
  margin: 0 0 30px;
  overflow: hidden;
}
.block_img_m_bl .img{
  float: left;
  width: 21.4285714286%;
}
@media screen and (max-width: 798px){
  .block_img_m_bl .img{
    float: none;
    width: 100%;
    margin-top: 2rem;
  }
}
.block_img_m_bl .img img{
  width: 100%;
}
.block_img_m_bl .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_m_bl .txt{
  float: right;
  width: 75%;
}
@media screen and (max-width: 798px){
  .block_img_m_bl .txt{
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_m_bl .paragraph{
    margin: 1em 0 0 0;
  }
}
.block_img_m_bl .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_br{
  justify-content: space-between;
  display: flex;
  margin: 20px 0 30px;
  border: 1px solid #fff;
  border-bottom-color: rgb(22, 135, 196);
}
@media screen and (max-width: 798px){
  .block_img_br{
    display: block;
  }
}
.block_img_br .img{
  width: 35.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_br .img{
    width: 100%;
    margin-top: 2rem;
  }
}
.block_img_br .img img{
  width: 100%;
}
.block_img_br .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_br .txt{
  width: 60.7142857143%;
}
@media screen and (max-width: 798px){
  .block_img_br .txt{
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_br .paragraph{
    margin-top: 1em;
  }
}
.block_img_br .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_img_m_br{
  justify-content: space-between;
  display: flex;
  margin: 0 0 30px;
}
@media screen and (max-width: 798px){
  .block_img_m_br{
    display: block;
  }
}
.block_img_m_br .img{
  width: 21.4285714286%;
}
@media screen and (max-width: 798px){
  .block_img_m_br .img{
    width: 100%;
    margin-top: 2rem;
  }
}
.block_img_m_br .img img{
  width: 100%;
}
.block_img_m_br .img .notes{
  display: block;
  margin: 5px 0 0 0;
  font-size: 1.3rem;
  text-align: center;
}
.block_img_m_br .txt{
  width: 75%;
}
@media screen and (max-width: 798px){
  .block_img_m_br .txt{
    width: 100%;
  }
}
@media screen and (max-width: 798px){
  .block_img_m_br .paragraph{
    margin-top: 1em;
  }
}
.block_img_m_br .paragraph:nth-of-type(n + 2){
  margin-top: 1em;
}

.block_store{
  padding: 30px;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 798px){
  .block_store{
    padding: 15px;
  }
}
.block_store:nth-of-type(n+2){
  margin-top: 30px;
}
@media screen and (max-width: 798px){
  .block_store:nth-of-type(n+2){
    margin-top: 15px;
  }
}
.block_store .block_store_inner:after{
  display: block;
  height: 0;
  clear: both;
  content: "";
}
.block_store dd{
  float: right;
  width: 70.5128205128%;
}
@media screen and (max-width: 798px){
  .block_store dd{
    float: none;
    width: 100%;
  }
}
.block_store .thumb{
  float: left;
  width: 23.8095238095%;
}
@media screen and (max-width: 798px){
  .block_store .thumb{
    float: none;
    width: 100%;
    text-align: center;
  }
}
.block_store .name{
  margin: 0 0 15px;
}
@media screen and (max-width: 798px){
  .block_store .name{
    margin-top: 20px;
  }
}
.block_store .address{
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: 1px solid #f2f2f2;
}
@media screen and (max-width: 798px){
  .block_store .address{
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.block_store .tel{
  margin: 0 0 10px;
  color: rgb(22, 135, 196);
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 798px){
  .block_store .tel{
    font-size: 1.6rem;
  }
}

.block_store_col3{
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}
.block_store_col3:after{
  display: block;
  width: 31.7073170732%;
  height: 0;
  content: "";
}
@media screen and (max-width: 1200px){
  .block_store_col3:after{
    width: 48.7804878049%;
  }
}
@media screen and (max-width: 798px){
  .block_store_col3:after{
    width: 100%;
  }
}

.block_store_item{
  width: 31.7073170732%;
  padding: 20px;
  margin: 0 0 20px;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 1200px){
  .block_store_item{
    width: 48.7804878049%;
  }
}
@media screen and (max-width: 798px){
  .block_store_item{
    width: 100%;
  }
}
.block_store_item .thumb img{
  width: 100%;
}
.block_store_item dd{
  padding: 1rem 0 0 0;
  font-size: 1.5rem;
  line-height: 1.4666666667;
}
@media screen and (max-width: 798px){
  .block_store_item dd{
    font-size: 1.3rem;
  }
}
.block_store_item .name{
  color: rgb(22, 135, 196);
  font-size: 1.7rem;
  line-height: 1.2941176471;
}
@media screen and (max-width: 798px){
  .block_store_item .name{
    font-size: 1.6rem;
  }
}
.block_store_item .tel{
  margin: 2rem 0 0 0;
  color: rgb(22, 135, 196);
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 798px){
  .block_store_item .tel{
    font-size: 1.6rem;
  }
}
.block_store_item .has_bdr_top{
  border-top: 1px solid #f2f2f2;
}
.block_store_item .block_btn{
  margin-top: 1.5rem;
}
.block_store_item .block_btn .btn_link{
  padding: 20px 30px;
  margin-top: 0;
}

.flex.col_2 .block_store:nth-of-type(n + 2){
  margin-top: 0;
}
@media screen and (max-width: 798px){
  .flex.col_2 .block_store:nth-of-type(n + 2){
    margin-top: 0;
  }
}
.flex.col_2 .block_store:nth-of-type(n + 3){
  margin-top: 30px;
}

@media screen and (max-width: 798px){
  .bnr{
    margin: 20px 0 0 0;
  }
}

.table{
  width: 100%;
  border: 1px solid #ff3f4e;
  border-collapse: collapse;
}
.table .brw{
  border-right: 1px solid #ffffff;
}
.table .bbw{
  border-bottom: 1px solid #ffffff;
}
.table th{
  width: 20%;
  padding: 20px;
  color: #ffffff;
  background: #ff3f4e;
}
.table td{
  width: 80%;
  padding: 20px;
  border: 1px solid #ff3f4e;
}
@media screen and (max-width: 798px){
  .table.col_2 th{
    width: 30%;
  }
  .table.col_2 td{
    width: 70%;
  }
}

.pager ul{
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  width: 100%;
}
.pager li{
  width: 40px;
  margin: 10px;
  text-align: center;
}
@media screen and (max-width: 798px){
  .pager li{
    display: none;
  }
}
.pager li a{
  display: block;
  line-height: 40px;
  text-decoration: none;
  border: 4px solid #f2f2f2;
}
.pager li a:hover{
  color: #ffffff;
  background: rgb(22, 135, 196);
  border: 4px solid rgb(22, 135, 196);
}
.pager li a.is_current{
  background: #f2f2f2;
  pointer-events: none;
}
.pager li span{
  display: block;
  line-height: 40px;
  text-decoration: none;
  border: 4px solid #f2f2f2;
  opacity: .5;
}
.pager li.back ,.pager li.next{
  width: auto;
  padding: 20px 0 0 0;
}
@media screen and (max-width: 798px){
  .pager li.back ,.pager li.next{
    display: block;
    padding-top: 0;
    margin: 0 1rem;
  }
}
.pager li.back a ,.pager li.next a{
  line-height: 1em;
  text-decoration: none;
  border: none;
}
@media screen and (max-width: 798px){
  .pager li.back a ,.pager li.next a{
    width: 38vw;
    color: #ffffff;
    line-height: 3.5em;
    background: rgb(22, 135, 196);
  }
}
.pager li.back a:hover ,.pager li.next a:hover{
  color: rgb(22, 135, 196);
  background: none;
  border: none;
}
@media screen and (max-width: 798px){
  .pager li.back a:hover ,.pager li.next a:hover{
    color: #ffffff;
    background: rgb(22, 135, 196);
  }
}

.flex{
  flex-wrap: wrap;
  display: flex;
}
@media screen and (max-width: 798px){
  .flex{
    display: block;
  }
}
.flex.col_2 .col_inner{
  width: calc(50% - 15px);
  margin-right: 30px;
}
.flex.col_2 .col_inner:nth-child(2n){
  margin-right: 0;
}
@media screen and (max-width: 798px){
  .flex.col_2 .col_inner{
    width: 100%;
    margin: 20px 0;
  }
}
.flex.col_3 .col_inner{
  width: calc(33.3333% - 20px);
  margin-right: 30px;
}
.flex.col_3 .col_inner:nth-child(3n){
  margin-right: 0;
}
.flex.col_4 .col_inner{
  width: calc(25% - 22.5px);
  margin-right: 30px;
}
.flex.col_4 .col_inner:nth-child(4n){
  margin-right: 0;
}
@media screen and (max-width: 798px){
  .flex.col_2 .col_inner ,.flex.col_3 .col_inner ,.flex.col_4 .col_inner{
    width: 100%;
    margin: 20px 0;
  }
}

.num_box_wrapper .box_inner{
  padding-left: 2em;
  margin: 20px auto;
  text-align: left;
}
.num_box_wrapper .box_inner .num_ttl{
  position: relative;
}
.num_box_wrapper .box_inner .num_ttl::after{
  position: absolute;
  top: 0;
  left: -2em;
  content: "00.";
}
.num_box_wrapper .box_inner:nth-child(1) .num_ttl::after{
  content: "01.";
}
.num_box_wrapper .box_inner:nth-child(2) .num_ttl::after{
  content: "02.";
}
.num_box_wrapper .box_inner:nth-child(3) .num_ttl::after{
  content: "03.";
}
.num_box_wrapper .box_inner:nth-child(4) .num_ttl::after{
  content: "04.";
}
.num_box_wrapper .box_inner:nth-child(5) .num_ttl::after{
  content: "05.";
}
.num_box_wrapper .box_inner:nth-child(6) .num_ttl::after{
  content: "06.";
}
.num_box_wrapper .box_inner:nth-child(7) .num_ttl::after{
  content: "07.";
}
.num_box_wrapper .box_inner:nth-child(8) .num_ttl::after{
  content: "08.";
}
.num_box_wrapper .box_inner:nth-child(9) .num_ttl::after{
  content: "09.";
}
.num_box_wrapper .box_inner:nth-child(10) .num_ttl::after{
  content: "10.";
}

.step .step_area{
  display: block;
}
.step .step_area .step_inr{
  position: relative;
  margin-bottom: 50px;
}
.step .step_area .step_inr::before{
  position: absolute;
  bottom: -35px;
  left: calc(50% - 40px);
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-top: 20px solid rgb(22, 135, 196);
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
}
@media screen and (max-width: 798px){
  .step .step_area .step_inr::before{
    right: 0;
    bottom: -50px;
    left: 0;
    -webkit-transform: translateY(-60%) rotate(0deg);
            transform: translateY(-60%) rotate(0deg);
  }
}
.step .step_area .step_inr:last-child{
  margin-left: 0;
}
.step .step_area .step_inr:last-child::before{
  content: none;
}
.step .step_area.flex_step{
  display: flex;
}
.step .step_area.flex_step .step_inr + .step_inr{
  margin-left: 30px;
}
.step .step_area.flex_step .step_inr::before{
  position: absolute;
  top: calc(50% - 30px);
  bottom: auto;
  left: -21px;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid rgb(22, 135, 196);
}
.step .step_area.flex_step .step_inr:first-child::before{
  content: none;
}
@media screen and (max-width: 798px){
  .step .step_area.flex_step{
    display: block;
  }
  .step .step_area.flex_step .step_inr + .step_inr{
    margin-left: 0;
  }
  .step .step_area.flex_step .step_inr::before{
    top: -23px;
    bottom: auto;
    left: 0;
    margin: auto;
    transform: rotate(90deg);
  }
}

.side .block_knowledge{
  margin: 0 0 20px;
  overflow: hidden;
  text-align: center;
  border: 1px solid rgb(22, 135, 196);
  border-radius: 10px;
}
@media screen and (max-width: 798px){
  .side .block_knowledge{
    display: none;
  }
}
.side .block_knowledge .ttl{
  padding: 20px 0;
  background: rgb(22, 135, 196);
}
.side .block_knowledge .ttl a{
  color: #ffffff;
  font-size: 2rem;
  line-height: 1.2;
}
.side .block_knowledge .list li{
  display: table;
  width: 100%;
  height: 6rem;
}
.side .block_knowledge .list li a{
  position: relative;
  display: table-cell;
  padding: 0 30px;
  color: rgb(22, 135, 196);
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  border-top: 1px solid rgb(22, 135, 196);
}
.side .block_knowledge .list li a:hover{
  background: #f2f2f2;
}
.side .block_knowledge .list li a:after{
  position: absolute;
  top: calc(50% - .8em);
  right: 15px;
  content: ">";
}
.side .bnr{
  display: block;
  margin: 0 0 20px;
}
.side .bnr:hover{
  opacity: .7;
}
.side .bnr:hover.not_active{
  opacity: 1;
}
.side .bnr img{
  width: 100%;
}

.block_local{
  width: 100%;
  margin: 0 0 50px;
}
@media screen and (max-width: 798px){
  .block_local{
    margin-bottom: 30px;
  }
}
.block_local .txt{
  margin: 30px 0;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 798px){
  .block_local .txt{
    margin-bottom: 15px;
    font-size: 1.5rem;
  }
}
.block_local .list_local{
  margin: 30px 0 0 0;
}
.block_local .list_local:after{
  display: block;
  height: 0;
  clear: both;
  content: "";
}
.block_local .list_item{
  float: left;
  width: 48%;
  padding: 30px 20px 30px;
  text-align: center;
  background: #ffffff;
  border: 8px solid #f2f2f2;
  border-radius: 10px;
}
@media screen and (max-width: 798px){
  .block_local .list_item{
    float: none;
    width: 100%;
  }
}
.block_local .list_item:nth-child(even){
  float: right;
}
@media screen and (max-width: 798px){
  .block_local .list_item:nth-child(even){
    float: none;
    margin-top: 20px;
  }
}
.block_local .list_item:nth-child(n + 3){
  margin-top: 30px;
}
@media screen and (max-width: 798px){
  .block_local .list_item:nth-child(n + 3){
    margin-top: 20px;
  }
}
.block_local .list_item .ttl{
  position: relative;
  padding: 0 0 5px;
  margin: 0 0 25px;
  color: rgb(22, 135, 196);
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 798px){
  .block_local .list_item .ttl{
    font-size: 1.8rem;
  }
}
.block_local .list_item .ttl span{
  color: #713500;
}
.block_local .list_item .ttl.has_bdr:after{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  margin: 0 auto;
  content: "";
  background: #ff3f4e;
}
.block_local .list_item .thumb{
  margin: 0 0 10px;
}
.block_local .list_item .thumb img:hover{
  opacity: .7;
}
.block_local .list_item .block_btn{
  margin-top: 15px;
}

.block_bdr_red{
  padding: 20px 0 20px;
  text-align: center;
  border: 1px solid #ff3f4e;
}
.block_bdr_red .ttl{
  margin: 0 0 10px;
  color: rgb(22, 135, 196);
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 798px){
  .block_bdr_red .ttl{
    padding-bottom: 5px;
    font-size: 2rem;
  }
}
.block_bdr_red .img{
  padding: 0 20px;
}
.block_bdr_red .img img{
  width: 100%;
}
.block_bdr_red .explain{
  padding: 0 10px;
  margin: 10px 0 0 0;
}

.block_bdr_red_2{
  padding: 0 0 10px;
  text-align: center;
  border: 1px solid #ff3f4e;
}
.block_bdr_red_2 .ttl{
  padding: 5px 0;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  background: rgb(22, 135, 196);
}
.block_bdr_red_2 .ttl .kana{
  display: block;
  font-size: 1rem;
}
@media screen and (max-width: 798px){
  .block_bdr_red_2 .ttl{
    padding-bottom: 5px;
    font-size: 2rem;
  }
}
.block_bdr_red_2 .img{
  padding: 0 20px;
}
.block_bdr_red_2 .img img{
  width: 100%;
}
.block_bdr_red_2 .price{
  padding: 0 10px;
  margin: 10px 0 0 0;
  color: #713500;
  font-size: 1.8rem;
  font-weight: bold;
}

.block_bg_red{
  padding: 20px;
  background: #fff0f1;
}
.block_bg_red .ttl{
  margin: 0 0 20px;
  font-size: 2.8rem;
}
@media screen and (max-width: 798px){
  .block_bg_red .ttl{
    font-size: 2.2rem;
  }
}
.block_bg_red .ttl.has_bdr{
  border-bottom: 1px solid rgb(22, 135, 196);
}
.block_bg_red .subttl{
  margin: 0 0 10px;
  font-size: 2.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 798px){
  .block_bg_red .subttl{
    font-size: 1.8rem;
  }
}

.faq_box_wrapper .box_inner{
  position: relative;
  padding-left: 3em;
  margin: 20px auto;
  text-align: left;
}
.faq_box_wrapper .box_inner:last-of-type{
  margin-bottom: 50px;
}
.faq_box_wrapper .box_inner .faq_ttl{
  position: relative;
  padding: 20px;
}
.faq_box_wrapper .box_inner .faq_ttl::before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -45px;
  z-index: -9;
  display: block;
  height: 100%;
  max-width: 840px;
  content: "";
  background: #f1ffe3;
}
.faq_box_wrapper .box_inner .faq_ttl::after{
  position: absolute;
  top: 20px;
  left: -1.5em;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 2em;
  height: 2em;
  color: #ffffff;
  content: "Q";
  line-height: 2em;
  background: #80c241;
  border-radius: 2em;
}
.faq_box_wrapper .box_inner .faq_ttl.answer::after{
  content: "A";
  background-color: rgb(22, 135, 196);
}
.faq_box_wrapper .box_inner .faq_ttl.answer::before{
  background: #fff0f1;
}
.faq_box_wrapper .box_inner .faq_ttl .sns-badge{
  text-align: right;
}

.step .step_area .step_inr .ttl_s{
  padding-left: 4.5rem;
  border-left: 4px solid rgb(22, 135, 196);
}
.step .step_area .step_inr .ttl_s::before{
  position: absolute;
  left: 10px;
  color: rgb(22, 135, 196);
  content: "";
}
.step .step_area .step_inr .ttl_s.no_num{
  padding-left: 2rem;
}
.step .step_area .step_inr .ttl_s.no_num::before{
  display: none;
}
.step .step_area .step_inr ul.list_disc{
  padding-left: 1em;
  list-style-type: disc;
}
.step .step_area .step_inr .txt span{
  color: #713500;
}
.step .step_area .step_inr:nth-child(1) .ttl_s::before{
  content: "01.";
}
.step .step_area .step_inr:nth-child(2) .ttl_s::before{
  content: "02.";
}
.step .step_area .step_inr:nth-child(3) .ttl_s::before{
  content: "03.";
}
.step .step_area .step_inr:nth-child(4) .ttl_s::before{
  content: "04.";
}
.step .step_area .step_inr:nth-child(5) .ttl_s::before{
  content: "05.";
}
.step .step_area .step_inr:nth-child(6) .ttl_s::before{
  content: "06.";
}
.step .step_area .step_inr:nth-child(7) .ttl_s::before{
  content: "07.";
}
.step .step_area .step_inr:nth-child(8) .ttl_s::before{
  content: "08.";
}
.step .step_area .step_inr:nth-child(9) .ttl_s::before{
  content: "09.";
}
.step .step_area .step_inr:nth-child(10) .ttl_s::before{
  content: "10.";
}
.step .step_area .step_inr:nth-child(11) .ttl_s::before{
  content: "11.";
}
.step .step_area .step_inr:nth-child(12) .ttl_s::before{
  content: "12.";
}
.step .step_area .step_inr:nth-child(13) .ttl_s::before{
  content: "13.";
}
.step .step_area .step_inr:nth-child(14) .ttl_s::before{
  content: "14.";
}
.step .step_area .step_inr:nth-child(15) .ttl_s::before{
  content: "15.";
}
.step .step_area .step_inr:nth-child(16) .ttl_s::before{
  content: "16.";
}
.step .step_area .step_inr:nth-child(17) .ttl_s::before{
  content: "17.";
}
.step .step_area .step_inr:nth-child(18) .ttl_s::before{
  content: "18.";
}
.step .step_area .step_inr:nth-child(19) .ttl_s::before{
  content: "19.";
}
.step .step_area .step_inr:nth-child(20) .ttl_s::before{
  content: "20.";
}
.step .step_area .step_inr:nth-child(21) .ttl_s::before{
  content: "21.";
}
.step .step_area .step_inr:nth-child(22) .ttl_s::before{
  content: "22.";
}
.step .step_area .step_inr:nth-child(23) .ttl_s::before{
  content: "23.";
}
.step .step_area .step_inr:nth-child(24) .ttl_s::before{
  content: "24.";
}
.step .step_area .step_inr:nth-child(25) .ttl_s::before{
  content: "25.";
}
.step .step_area .step_inr:nth-child(26) .ttl_s::before{
  content: "26.";
}
.step .step_area .step_inr:nth-child(27) .ttl_s::before{
  content: "27.";
}
.step .step_area .step_inr:nth-child(28) .ttl_s::before{
  content: "28.";
}
.step .step_area .step_inr:nth-child(29) .ttl_s::before{
  content: "29.";
}
.step .step_area .step_inr:nth-child(30) .ttl_s::before{
  content: "30.";
}
.step .step_area .block_point .list_item{
  width: 100%;
}
.step .step_area .block_point .list_item .ttl{
  position: relative;
  padding-top: 3.5rem;
  text-align: left;
}
.step .step_area .block_point .list_item .ttl::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 12rem;
  height: 3rem;
  color: #ffffff;
  content: "ポイント";
  line-height: 1.4;
  text-align: center;
  background: rgb(22, 135, 196);
  border-radius: 8px;
}
.step .step_area .block_point .list_item .thumb{
  text-align: left;
}
.step .step_area .block_point .list_item .block_btn .btn_link{
  padding: 15px 60px;
  line-height: 2rem;
}
.step .step_area .block_point .list_item .block_btn .btn_link::after{
  top: calc(50% - .5em);
  line-height: 1em;
}

.js_scroll_view.is_none{
  display: none;
}

.block_cv_pc{
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  padding: 7px 0;
  background: rgba(35, 31, 32, .9);
}
.block_cv_pc .page_top{
  position: absolute;
  top: -70px;
  right: 20px;
  width: 50px;
}
.block_cv_pc .cv_inner{
  align-items: center;
  display: flex;
}
.block_cv_pc .logo{
  width: 7.3333333333%;
}
.block_cv_pc .tel{
  width: 40.5%;
  margin: 0 0 0 2.5%;
}
.block_cv_pc .btn_cv_estimate{
  width: 22.3333333333%;
  margin: 0 0 0 4.1666666667%;
}
.block_cv_pc .btn_cv_request{
  width: 22.3333333333%;
  margin: 0 0 0 1%;
}
.block_cv_pc .btn_cv_mail{
  width: 22.3333333333%;
  margin: 0 0 0 1%;
}

.block_cv_sp{
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  padding: 3.7593984962% 0;
  background: rgba(35, 31, 32, .9);
}
.block_cv_sp .page_top{
  position: absolute;
  top: -50px;
  right: 10px;
  width: 40px;
}
.block_cv_sp .cv_inner{
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.block_cv_sp .btn{
  width: 48.2666666667%;
}
.cln-list4_item_text{
  color: #222222;
}