@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{
  -webkit-box-sizing: border-box;
          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;
  }
}

.t_center{
  text-align: center;
}

.flex_between{
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-pack: justify;
}

@media screen and (max-width: 798px){
  .flex.col_4{
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
  }
}

.flex.col_4 .col_inner{
  width: calc(25% - 10px);
  margin-top: 20px;
  margin-right: 10px;
}

@media screen and (max-width: 798px){
  .flex.col_4 .col_inner{
    width: calc(50% - 10px);
  }
  .flex.col_4 .col_inner:nth-child(2n){
    margin-right: 0;
  }
}

@media screen and (max-width: 798px){
  .flex .sp_col_2 .col_inner{
    width: calc(50% - 10px);
  }
}

.flex .block_store{
  padding: 10px;
}

.flex .block_store a img{
  width: 100%;
  height: auto;
}

.flex .block_store .name{
  margin-bottom: 0;
  line-height: 1.2em;
  text-align: center;
}

@media screen and (max-width: 798px){
  .flex .block_store .name{
    margin-top: 10px;
  }
}

.flex.list_product .block_btn{
  margin-top: 10px;
}

.flex.list_product .btn_link{
  width: 100%;
  max-width: 100%;
  min-width: auto;
  padding: 15px;
  font-size: .9em;
  line-height: 1.2em;
}

.flex.list_product .btn_link::after{
  top: calc(50% - .6em);
  right: 10px;
}

.list_shop .arealink ul{
  padding: 10px;
}

.list_shop .arealink li{
  position: relative;
  display: inline-block;
  padding-right: 1em;
  margin-bottom: 5px;
}

.list_shop .arealink li::after{
  position: absolute;
  right: 0;
  content: "|";
}

.list_shop .arealink li:last-child{
  padding-right: 0;
}

.list_shop .arealink li:last-child::after{
  content: none;
}

.lineup .col_inner{
  border: 1px solid #f9b5b0;
}

.category_sr ,.category_sl{
  width: calc(50% - 10px);
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (max-width: 798px){
  .category_sr ,.category_sl{
    width: 100%;
    text-align: center;
  }
}

.category_sr img ,.category_sl img{
  height: auto;
  max-width: 100%;
}

.area_shop .flex.col_2 .col_inner:nth-child(2n){
  margin-top: 0;
}

.area_shop .flex .block_store .name{
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 1.1em;
  text-align: left;
}

.area_shop .block_store .address{
  padding: 0 0 20px;
  margin: 0 0 20px;
}

.area_shop .block_store .tel{
  font-size: 1em;
}

.block_btn{
  margin-top: 10px;
}

.img_right{
  float: right;
  margin-left: 20px;
}

@media screen and (max-width: 798px){
  .img_right{
    display: block;
    float: none;
    margin: 1rem auto;
  }
}

.product_txt .flex_s .ipt_r{
  flex-basis: 65%;

  -ms-flex-preferred-size: 65%;
}

@media screen and (max-width: 798px){
  .product_txt .flex_s .ipt_r{
    flex-basis: 100%;

    -ms-flex-preferred-size: 100%;
  }
}

.product_txt .flex_s .ipt_l{
  flex-basis: 30%;

  -ms-flex-preferred-size: 30%;
}

@media screen and (max-width: 798px){
  .product_txt .flex_s .ipt_l{
    flex-basis: 100%;
    text-align: center;

    -ms-flex-preferred-size: 100%;
  }
}

.product_txt .flex_r{
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;

  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
}

.product_txt .ipt_r{
  flex-basis: 30%;
  margin-left: 20px;

  -ms-flex-preferred-size: 30%;
}

@media screen and (max-width: 798px){
  .product_txt .ipt_r{
    flex-basis: 100%;
    margin-left: 0;
    text-align: center;

    -ms-flex-preferred-size: 100%;
  }
}

.product_txt .ipt_l{
  flex-basis: 65%;
  margin-right: auto;

  -ms-flex-preferred-size: 65%;
}

@media screen and (max-width: 798px){
  .product_txt .ipt_l{
    flex-basis: 100%;

    -ms-flex-preferred-size: 100%;
  }
}

.product_txt .b-bottom{
  border-bottom: 1px solid #4d4d4d;
}

.flex_s .ipt_r{
  flex-basis: 65%;

  -ms-flex-preferred-size: 65%;
}

@media screen and (max-width: 798px){
  .flex_s .ipt_r{
    flex-basis: 100%;

    -ms-flex-preferred-size: 100%;
  }
}

.flex_s .ipt_l{
  flex-basis: 30%;

  -ms-flex-preferred-size: 30%;
}

@media screen and (max-width: 798px){
  .flex_s .ipt_l{
    flex-basis: 100%;
    text-align: center;

    -ms-flex-preferred-size: 100%;
  }
}

.clearfix{
  display: block;
  clear: both;
  content: "";
}

.zoom .tit_zoom{
  padding: 10px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: #cccccc solid 2px;
}

.zoom .list_product .col_inner{
  border: 1px solid #f9b5b0;
}

.p-0{
  padding: 0 !important;
}

.bg_beige{
  background: #fffaee;
}

/* top */
@media(min-width:798px){
.mv{
  position: relative;
  padding: 0 0 41.25vw;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
  background: url("../img/top/bg_mv_pc.jpg") no-repeat;
  background-size: 100%;
}
}


@media screen and (max-width: 797px){
  .mv{
	background: url("../img/top/bg_mv_sp.jpg") no-repeat;
    background-size: 100%;
  }
}

.mv .mv_inner{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
}

.mv .icon_fact{
  width: 21.25vw;
  margin: 4.375vw 0 1.875vw 14.375vw;
}

@media screen and (max-width: 798px){
  .mv .icon_fact{
    width: 44.27083vw;
    margin: 11.71875vw 0 5.20833vw 5.20833vw;
  }
}

.mv .txt{
  text-align: left;
  margin: -12vw 0 0 5vw;
  color: rgb(22, 135, 196);
  font-size: 2vw;
  font-weight: bold;
  line-height: 2.4vw;
  text-shadow: #ffffff 2px 1px 14px, #ffffff -2px 1px 14px, #ffffff 2px -1px 14px, #ffffff -2px -1px 14px, #ffffff 1px 1px 14px, #ffffff -1px 1px 14px, #ffffff 1px -1px 14px, #ffffff -1px -1px 2px;
}
.mv .txt span{
  font-size: 1.2vw;
}

.sp_txt{
	text-align: center;
	color:rgb(22, 135, 196);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
    font-size: 5vw;
	line-height: 4.8vw;
    margin: 2rem;
  }
.sp_txt span{
    font-size: 3vw;
  }

.catch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 2em;
}
.catch:before {
  margin-right: .5em;
}
.catch:after {
  margin-left: .5em;
}

.mv .txt p:nth-of-type(2){
  margin: 1.875vw 0 0 0;
  font-size: 1.25vw;
  line-height: 1.7;
}

@media screen and (max-width: 798px){
  .mv .txt p:nth-of-type(2){
    font-size: 2.86458vw;
  }
}

.btn_cv_list{
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
}

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

.btn_cv_list .btn_item{
  width: calc(100% / 3);
}

@media screen and (max-width: 798px){
  .btn_cv_list .btn_item{
    width: 100%;
    border-bottom: 1px solid #ffffff;
  }
}

.btn_cv_list .btn_item:first-child img{
  width: 8.61423%;
  margin: 0 0 2.24719%;
}

.btn_cv_list .btn_item:nth-child(2) img{
  width: 8.61423%;
  margin: 0 0 2.24719%;
}

.btn_cv_list .btn_item:nth-child(3) img{
  width: 8.61423%;
  margin: 0 0 2.24719%;
}

.btn_cv_list .btn_item:nth-child(3) a{
  border-right: none;
}

.btn_cv_list .btn_item a{
  position: relative;
  display: block;
  padding: 3.74532% 0;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: rgb(22, 135, 196);
  border-right: 1px solid #ffffff;
}

@media screen and (max-width: 1164px){
  .btn_cv_list .btn_item a{
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 798px){
  .btn_cv_list .btn_item a{
    padding: 2rem 0;
  }
}

.btn_cv_list .btn_item a:hover{
  background: #459fd0;
}

.btn_cv_list .btn_item a span{
  position: relative;
}

@media screen and (max-width: 798px){
  .btn_cv_list .btn_item a span{
    display: block;
  }
}

.btn_cv_list .btn_item a span:after{
  position: absolute;
  top: 0;
  right: -2.8rem;
  bottom: 0;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin: auto;
  content: "";
  background: url("./common/img/arrow_right.png") no-repeat;
  background-size: contain;
}

@media screen and (max-width: 798px){
  .btn_cv_list .btn_item a span:after{
    top: .25em;
    right: 20px;
    width: .8rem;
  }
}

@media screen and (max-width: 798px){
  .btn_cv_list .btn_item a img{
    display: none;
  }
}

.block_top{
  padding: 40px 0;
}

@media screen and (max-width: 798px){
  .block_top{
      padding: 30px 0;
  }
}

.block_top .ttl_top{
  position: relative;
  margin: 0 0 3rem;
  color: rgb(22, 135, 196);
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 960px){
  .block_top .ttl_top{
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 798px){
  .block_top .ttl_top{
    font-size: 2rem;
  }
}

.block_top .ttl_top .marker{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fdf3d1));
  background: -webkit-linear-gradient(transparent 60%, #fdf3d1 0%);
  background:      -o-linear-gradient(transparent 60%, #fdf3d1 0%);
  background:         linear-gradient(transparent 60%, #fdf3d1 0%);
}

.block_top .lead{
  margin: 0 0 5rem;
  color: #9f9f9f;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 960px){
  .block_top .lead{
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 798px){
  .block_top .lead{
    font-size: 1.6rem;
  }
}

.block_top .block_btn .btn_link{
  min-width: 320px;
  font-weight: bold;
}

@media screen and (max-width: 798px){
  .block_top .block_btn .btn_link{
    min-width: auto;
  }
}

.block_lead .lead_box .img img{
  border-radius: 20px;
}

.block_lead .lead_box .txt .ttl_xs{
  font-size: 1.8rem;
}

@media screen and (max-width: 798px){
  .block_lead .lead_box .txt .ttl_xs{
    font-size: 1.6rem;
  }
}

.block_lead .lead_box .txt .lead_txt{
  font-size: 1.6rem;
  padding:1.6rem 0;
}

@media screen and (max-width: 798px){
  .block_lead .lead_box .txt .lead_txt{
    font-size: 1.4rem;
  }
}

.block_type .type_list{
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
}

@media screen and (max-width: 798px){
  .block_type .type_list{
    display: block;
  }
}

.block_type .type_item{
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 31%;
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0 0 12px 3px rgba(10, 2, 4, .3);
          box-shadow: 0 0 12px 3px rgba(10, 2, 4, .3);
  border-radius: 10px;
  -webkit-transition: all .3s;
          transition: all .3s;

       -o-transition: all .3s;
}

@media screen and (max-width: 960px){
  .block_type .type_item{
    width: 48%;
  }
}

@media screen and (max-width: 798px){
  .block_type .type_item{
    width: 100%;
  }
}

.block_type .type_item:hover{
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e4e4e4;
}

.block_type .type_item:nth-of-type(n+4){
  margin-top: 3.33333%;
}

@media screen and (max-width: 960px){
  .block_type .type_item:nth-of-type(n+3){
    margin-top: 4.16667%;
  }
}

@media screen and (max-width: 798px){
  .block_type .type_item + .type_item{
    margin-top: 3rem;
  }
}

.block_type .type_item a{
  text-decoration: none;
}

.block_type .type_item a::after{
  position: absolute;
  right: 15px;
  bottom: 20px;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid rgb(22, 135, 196);
  border-right: 2px solid rgb(22, 135, 196);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.block_type .type_item a:hover .thumb{
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .3s;
          transition: all .3s;

       -o-transition: all .3s;
}

.block_type .type_item .name{
  margin: 2rem 0;
  color: rgb(22, 135, 196);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.4;
}

@media screen and (max-width: 1200px){
  .block_type .type_item .name{
    font-size: 1.8rem;
  }
}

.block_type .type_item .thumb{
  margin: 0 0 10px;
  overflow: hidden;
}

.block_type .type_item .thumb img{
  width: 100%;
}

.block_type .type_item .explain{
  margin: 0 2rem 5rem;
  color: #363636;
  font-size: 1.5rem;
  text-align: left;
}

.block_type .type_item .next{
  position: absolute;
  right: 35px;
  bottom: 15px;
  font-size: 1.4rem;
}

.block_type .link_bnr_area{
  margin-top: 6.83333%;
}

@media screen and (max-width: 798px){
  .block_type .link_bnr_area{
    margin-top: 4rem;
  }
}

.block_qa .qa_area{
  margin-bottom: 5rem;
}

.block_qa .qa_area .qa_list{
  padding: 35px 0;
  border-bottom: 1px dotted #aca6b9;
}

.block_qa .qa_area .qa_list:first-child{
  border-top: 1px dotted #aca6b9;
}

.block_qa .qa_area .qa_list .q_box p{
  padding-left: 3rem;
  font-size: 1.6rem;
  text-indent: -3rem;
}

.block_qa .qa_area .qa_list .q_box p::before{
  padding-right: 1rem;
  color: #80c241;
  content: "Q";
  font-size: 2.8rem;
}

.block_qa .qa_area .qa_list .a_box p{
  padding-left: 3rem;
  font-size: 1.6rem;
  text-indent: -3rem;
}

.block_qa .qa_area .qa_list .a_box p::before{
  padding-right: 1rem;
  color: #ff3f4e;
  content: "A";
  font-family: "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
  font-size: 3rem;
}

.block_voice .voice_list{
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5rem;

  -webkit-box-pack: justify;
}

@media screen and (max-width: 798px){
  .block_voice .voice_list{
    display: block;
  }
}

.block_voice .voice_item{
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 22.5%;
  overflow: hidden;
  color: white;
  background: #ffffff;
  -webkit-box-shadow: 0 0 12px 3px rgba(10, 2, 4, .3);
          box-shadow: 0 0 12px 3px rgba(10, 2, 4, .3);
  border-radius: 10px;
  -webkit-transition: all .3s;
          transition: all .3s;

       -o-transition: all .3s;
}


@media screen and (max-width: 960px){
  .block_voice .voice_item{
    width: 48%;
  }
  .block_voice .voice_item:nth-of-type(n+3){
    margin-top: 4.16667%;
  }
}

@media screen and (max-width: 798px){
  .block_voice .voice_item{
    width: 100%;
  }
  .block_voice .voice_item + .voice_item{
    margin-top: 3rem;
  }
}

.block_voice .voice_item:hover{
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e4e4e4;
}

.block_voice .voice_item a{
  text-decoration: none;
}

.block_voice .voice_item a:hover .thumb{
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .3s;
          transition: all .3s;

       -o-transition: all .3s;
}

.block_voice .voice_item .name{
  margin: 2rem 1rem 1rem;
  color: rgb(22, 135, 196);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}

.block_voice .voice_item .thumb{
  margin: 0 0 10px;
  overflow: hidden;
}

.block_voice .voice_item .thumb img{
  width: 100%;
  /* max-height: 160px; */
}

.block_voice .voice_item .explain{
  margin: 0 1rem 2rem;
  color: #363636;
  font-size: 1.5rem;
}

.block_voice .voice_item .user{
  margin: 0 1rem 1rem;
  color: #363636;
  font-size: 1.5rem;
}

.block_howto .howto_area .txt{
  font-size: 1.6rem;
}

.block_howto .howto_area .txt p + p{
  margin-top: 2rem;
}

@media screen and (max-width: 1200px){
  .block_howto .howto_area .movie_area .movie{
    width: 100%;
    height: 266px;
    max-width: 400px;
  }
}

@media screen and (max-width: 960px){
  .block_howto .howto_area .movie_area .movie{
    max-width: 100%;
  }
}

@media screen and (max-width: 798px){
  .block_howto .howto_area .movie_area .movie{
    width: 100%;
    height: 50vw;
  }
}

.block_howto .howto_area .movie_area .inr_box{
  width: 100%;
  max-width: 400px;
}

@media screen and (max-width: 960px){
  .block_howto .howto_area .movie_area .inr_box{
    max-width: 100%;
  }
}

.block_howto .howto_area .movie_area .inr_box .ttl_xs{
  margin: 1rem auto;
  font-size: 1.8rem;
  text-align: center;
}

.block_howto .howto_area .movie_area .inr_box p{
  font-size: 1.4rem;
}

.link_bnr_area ,.link_area{
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-pack: justify;
}

@media screen and (max-width: 798px){
  .link_bnr_area ,.link_area{
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-pack: center;
  }
}

.link_bnr_area li ,.link_area li{
  width: 48.33333%;
}

.link_bnr_area li:nth-of-type(n+3) ,.link_area li:nth-of-type(n+3){
  margin-top: 3.33333%;
}

@media screen and (max-width: 798px){
  .link_bnr_area li ,.link_area li{
    width: 100%;
    text-align: center;
  }
  .link_bnr_area li + li ,.link_area li + li{
    margin-top: 2rem;
  }
  .link_bnr_area li:nth-of-type(n+3) ,.link_area li:nth-of-type(n+3){
    margin-top: 2rem;
  }
}
@media(min-width:798px){
    .sp{
        display: none !important;
    }
}
@media(max-width:797px){
    .pc{
        display: none !important;
    }
}
.msm_tokuten {
	display: inline;
	font-size:1.2rem;
	border-radius:.5rem;
	color: #fff;
	background-color: #007240;
	padding:.5rem 1.5rem;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.msm_tokuten i {
	font-size:1.6rem;
	color: yellow;
}


.shadow-effect {
		    background: #fff;
		    padding: 10px;
		    border-radius: 8px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 50px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		#customers-testimonials .shadow-effect p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 400;
		}
		.testimonial-name {
		    margin: -17px auto 0;
		    display: table;
		    width: auto;
		    background: #aaa;
		    padding: 9px 35px;
		    border-radius: 12px;
		    text-align: center;
		    color: #fff;
		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
		}
		#customers-testimonials .item {
		    text-align: center;
		    padding: 20px;
				margin-bottom:10px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		#customers-testimonials .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.owl-carousel .owl-item img {
		    transform-style: preserve-3d;
		    max-width: 400px;
    		margin: 0 auto 17px;
		}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #ddd;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-testimonials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
		    background: #ddd;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
		}