@charset "UTF-8";
/* IEハック用mixin */
.ofi {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

@media screen and (min-width: 767px) {
  .sp {
    display: none !important;
  }
}

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

.pl0 {
  padding-left: 0 !important;
}

@media screen and (max-width: 767px) {
  .p10sp {
    padding-left: 0 !important;
  }
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

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

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

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

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

@media screen and (max-width: 767px) {
  .pt0sp {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr0sp {
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb0sp {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl0sp {
    padding-left: 0px !important;
  }
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

@media screen and (max-width: 767px) {
  .mt1sp {
    margin-top: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr1sp {
    margin-right: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb1sp {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml1sp {
    margin-left: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt1sp {
    padding-top: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr1sp {
    padding-right: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb1sp {
    padding-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl1sp {
    padding-left: 1px !important;
  }
}

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

@media screen and (max-width: 767px) {
  .mt2sp {
    margin-top: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr2sp {
    margin-right: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb2sp {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml2sp {
    margin-left: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt2sp {
    padding-top: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr2sp {
    padding-right: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb2sp {
    padding-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl2sp {
    padding-left: 2px !important;
  }
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

@media screen and (max-width: 767px) {
  .mt3sp {
    margin-top: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr3sp {
    margin-right: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb3sp {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml3sp {
    margin-left: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt3sp {
    padding-top: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr3sp {
    padding-right: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb3sp {
    padding-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl3sp {
    padding-left: 3px !important;
  }
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

@media screen and (max-width: 767px) {
  .mt4sp {
    margin-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr4sp {
    margin-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb4sp {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml4sp {
    margin-left: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt4sp {
    padding-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr4sp {
    padding-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb4sp {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl4sp {
    padding-left: 4px !important;
  }
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

@media screen and (max-width: 767px) {
  .mt5sp {
    margin-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr5sp {
    margin-right: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb5sp {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml5sp {
    margin-left: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt5sp {
    padding-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr5sp {
    padding-right: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb5sp {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl5sp {
    padding-left: 5px !important;
  }
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

@media screen and (max-width: 767px) {
  .mt6sp {
    margin-top: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr6sp {
    margin-right: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb6sp {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml6sp {
    margin-left: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt6sp {
    padding-top: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr6sp {
    padding-right: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb6sp {
    padding-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl6sp {
    padding-left: 6px !important;
  }
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

@media screen and (max-width: 767px) {
  .mt7sp {
    margin-top: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr7sp {
    margin-right: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb7sp {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml7sp {
    margin-left: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt7sp {
    padding-top: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr7sp {
    padding-right: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb7sp {
    padding-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl7sp {
    padding-left: 7px !important;
  }
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

@media screen and (max-width: 767px) {
  .mt8sp {
    margin-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr8sp {
    margin-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb8sp {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml8sp {
    margin-left: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt8sp {
    padding-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr8sp {
    padding-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb8sp {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl8sp {
    padding-left: 8px !important;
  }
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

@media screen and (max-width: 767px) {
  .mt9sp {
    margin-top: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr9sp {
    margin-right: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb9sp {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml9sp {
    margin-left: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt9sp {
    padding-top: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr9sp {
    padding-right: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb9sp {
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl9sp {
    padding-left: 9px !important;
  }
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

@media screen and (max-width: 767px) {
  .mt10sp {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr10sp {
    margin-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb10sp {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml10sp {
    margin-left: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt10sp {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr10sp {
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb10sp {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl10sp {
    padding-left: 10px !important;
  }
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

@media screen and (max-width: 767px) {
  .mt11sp {
    margin-top: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr11sp {
    margin-right: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb11sp {
    margin-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml11sp {
    margin-left: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt11sp {
    padding-top: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr11sp {
    padding-right: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb11sp {
    padding-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl11sp {
    padding-left: 11px !important;
  }
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

@media screen and (max-width: 767px) {
  .mt12sp {
    margin-top: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr12sp {
    margin-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb12sp {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml12sp {
    margin-left: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt12sp {
    padding-top: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr12sp {
    padding-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb12sp {
    padding-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl12sp {
    padding-left: 12px !important;
  }
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

@media screen and (max-width: 767px) {
  .mt13sp {
    margin-top: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr13sp {
    margin-right: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb13sp {
    margin-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml13sp {
    margin-left: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt13sp {
    padding-top: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr13sp {
    padding-right: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb13sp {
    padding-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl13sp {
    padding-left: 13px !important;
  }
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

@media screen and (max-width: 767px) {
  .mt14sp {
    margin-top: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr14sp {
    margin-right: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb14sp {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml14sp {
    margin-left: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt14sp {
    padding-top: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr14sp {
    padding-right: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb14sp {
    padding-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl14sp {
    padding-left: 14px !important;
  }
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

@media screen and (max-width: 767px) {
  .mt15sp {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr15sp {
    margin-right: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb15sp {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml15sp {
    margin-left: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt15sp {
    padding-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr15sp {
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb15sp {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl15sp {
    padding-left: 15px !important;
  }
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

@media screen and (max-width: 767px) {
  .mt16sp {
    margin-top: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr16sp {
    margin-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb16sp {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml16sp {
    margin-left: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt16sp {
    padding-top: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr16sp {
    padding-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb16sp {
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl16sp {
    padding-left: 16px !important;
  }
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

@media screen and (max-width: 767px) {
  .mt17sp {
    margin-top: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr17sp {
    margin-right: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb17sp {
    margin-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml17sp {
    margin-left: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt17sp {
    padding-top: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr17sp {
    padding-right: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb17sp {
    padding-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl17sp {
    padding-left: 17px !important;
  }
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

@media screen and (max-width: 767px) {
  .mt18sp {
    margin-top: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr18sp {
    margin-right: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb18sp {
    margin-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml18sp {
    margin-left: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt18sp {
    padding-top: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr18sp {
    padding-right: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb18sp {
    padding-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl18sp {
    padding-left: 18px !important;
  }
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

@media screen and (max-width: 767px) {
  .mt19sp {
    margin-top: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr19sp {
    margin-right: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb19sp {
    margin-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml19sp {
    margin-left: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt19sp {
    padding-top: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr19sp {
    padding-right: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb19sp {
    padding-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl19sp {
    padding-left: 19px !important;
  }
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

@media screen and (max-width: 767px) {
  .mt20sp {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr20sp {
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb20sp {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml20sp {
    margin-left: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt20sp {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr20sp {
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb20sp {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl20sp {
    padding-left: 20px !important;
  }
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

@media screen and (max-width: 767px) {
  .mt21sp {
    margin-top: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr21sp {
    margin-right: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb21sp {
    margin-bottom: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml21sp {
    margin-left: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt21sp {
    padding-top: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr21sp {
    padding-right: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb21sp {
    padding-bottom: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl21sp {
    padding-left: 21px !important;
  }
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

@media screen and (max-width: 767px) {
  .mt22sp {
    margin-top: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr22sp {
    margin-right: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb22sp {
    margin-bottom: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml22sp {
    margin-left: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt22sp {
    padding-top: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr22sp {
    padding-right: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb22sp {
    padding-bottom: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl22sp {
    padding-left: 22px !important;
  }
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

@media screen and (max-width: 767px) {
  .mt23sp {
    margin-top: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr23sp {
    margin-right: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb23sp {
    margin-bottom: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml23sp {
    margin-left: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt23sp {
    padding-top: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr23sp {
    padding-right: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb23sp {
    padding-bottom: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl23sp {
    padding-left: 23px !important;
  }
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

@media screen and (max-width: 767px) {
  .mt24sp {
    margin-top: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr24sp {
    margin-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb24sp {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml24sp {
    margin-left: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt24sp {
    padding-top: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr24sp {
    padding-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb24sp {
    padding-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl24sp {
    padding-left: 24px !important;
  }
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

@media screen and (max-width: 767px) {
  .mt25sp {
    margin-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr25sp {
    margin-right: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb25sp {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml25sp {
    margin-left: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt25sp {
    padding-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr25sp {
    padding-right: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb25sp {
    padding-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl25sp {
    padding-left: 25px !important;
  }
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

@media screen and (max-width: 767px) {
  .mt26sp {
    margin-top: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr26sp {
    margin-right: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb26sp {
    margin-bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml26sp {
    margin-left: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt26sp {
    padding-top: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr26sp {
    padding-right: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb26sp {
    padding-bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl26sp {
    padding-left: 26px !important;
  }
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

@media screen and (max-width: 767px) {
  .mt27sp {
    margin-top: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr27sp {
    margin-right: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb27sp {
    margin-bottom: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml27sp {
    margin-left: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt27sp {
    padding-top: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr27sp {
    padding-right: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb27sp {
    padding-bottom: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl27sp {
    padding-left: 27px !important;
  }
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

@media screen and (max-width: 767px) {
  .mt28sp {
    margin-top: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr28sp {
    margin-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb28sp {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml28sp {
    margin-left: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt28sp {
    padding-top: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr28sp {
    padding-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb28sp {
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl28sp {
    padding-left: 28px !important;
  }
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

@media screen and (max-width: 767px) {
  .mt29sp {
    margin-top: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr29sp {
    margin-right: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb29sp {
    margin-bottom: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml29sp {
    margin-left: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt29sp {
    padding-top: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr29sp {
    padding-right: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb29sp {
    padding-bottom: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl29sp {
    padding-left: 29px !important;
  }
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

@media screen and (max-width: 767px) {
  .mt30sp {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr30sp {
    margin-right: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb30sp {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml30sp {
    margin-left: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt30sp {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr30sp {
    padding-right: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb30sp {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl30sp {
    padding-left: 30px !important;
  }
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

@media screen and (max-width: 767px) {
  .mt31sp {
    margin-top: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr31sp {
    margin-right: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb31sp {
    margin-bottom: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml31sp {
    margin-left: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt31sp {
    padding-top: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr31sp {
    padding-right: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb31sp {
    padding-bottom: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl31sp {
    padding-left: 31px !important;
  }
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

@media screen and (max-width: 767px) {
  .mt32sp {
    margin-top: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr32sp {
    margin-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb32sp {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml32sp {
    margin-left: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt32sp {
    padding-top: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr32sp {
    padding-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb32sp {
    padding-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl32sp {
    padding-left: 32px !important;
  }
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

@media screen and (max-width: 767px) {
  .mt33sp {
    margin-top: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr33sp {
    margin-right: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb33sp {
    margin-bottom: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml33sp {
    margin-left: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt33sp {
    padding-top: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr33sp {
    padding-right: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb33sp {
    padding-bottom: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl33sp {
    padding-left: 33px !important;
  }
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

@media screen and (max-width: 767px) {
  .mt34sp {
    margin-top: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr34sp {
    margin-right: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb34sp {
    margin-bottom: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml34sp {
    margin-left: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt34sp {
    padding-top: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr34sp {
    padding-right: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb34sp {
    padding-bottom: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl34sp {
    padding-left: 34px !important;
  }
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

@media screen and (max-width: 767px) {
  .mt35sp {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr35sp {
    margin-right: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb35sp {
    margin-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml35sp {
    margin-left: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt35sp {
    padding-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr35sp {
    padding-right: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb35sp {
    padding-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl35sp {
    padding-left: 35px !important;
  }
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

@media screen and (max-width: 767px) {
  .mt36sp {
    margin-top: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr36sp {
    margin-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb36sp {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml36sp {
    margin-left: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt36sp {
    padding-top: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr36sp {
    padding-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb36sp {
    padding-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl36sp {
    padding-left: 36px !important;
  }
}

.pt36 {
  padding-top: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px !important;
}

@media screen and (max-width: 767px) {
  .mt37sp {
    margin-top: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr37sp {
    margin-right: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb37sp {
    margin-bottom: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml37sp {
    margin-left: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt37sp {
    padding-top: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr37sp {
    padding-right: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb37sp {
    padding-bottom: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl37sp {
    padding-left: 37px !important;
  }
}

.pt37 {
  padding-top: 37px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

@media screen and (max-width: 767px) {
  .mt38sp {
    margin-top: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr38sp {
    margin-right: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb38sp {
    margin-bottom: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml38sp {
    margin-left: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt38sp {
    padding-top: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr38sp {
    padding-right: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb38sp {
    padding-bottom: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl38sp {
    padding-left: 38px !important;
  }
}

.pt38 {
  padding-top: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px !important;
}

@media screen and (max-width: 767px) {
  .mt39sp {
    margin-top: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr39sp {
    margin-right: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb39sp {
    margin-bottom: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml39sp {
    margin-left: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt39sp {
    padding-top: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr39sp {
    padding-right: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb39sp {
    padding-bottom: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl39sp {
    padding-left: 39px !important;
  }
}

.pt39 {
  padding-top: 39px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

@media screen and (max-width: 767px) {
  .mt40sp {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr40sp {
    margin-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb40sp {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml40sp {
    margin-left: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt40sp {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr40sp {
    padding-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb40sp {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl40sp {
    padding-left: 40px !important;
  }
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.ml41 {
  margin-left: 41px !important;
}

@media screen and (max-width: 767px) {
  .mt41sp {
    margin-top: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr41sp {
    margin-right: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb41sp {
    margin-bottom: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml41sp {
    margin-left: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt41sp {
    padding-top: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr41sp {
    padding-right: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb41sp {
    padding-bottom: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl41sp {
    padding-left: 41px !important;
  }
}

.pt41 {
  padding-top: 41px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.ml42 {
  margin-left: 42px !important;
}

@media screen and (max-width: 767px) {
  .mt42sp {
    margin-top: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr42sp {
    margin-right: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb42sp {
    margin-bottom: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml42sp {
    margin-left: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt42sp {
    padding-top: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr42sp {
    padding-right: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb42sp {
    padding-bottom: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl42sp {
    padding-left: 42px !important;
  }
}

.pt42 {
  padding-top: 42px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.ml43 {
  margin-left: 43px !important;
}

@media screen and (max-width: 767px) {
  .mt43sp {
    margin-top: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr43sp {
    margin-right: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb43sp {
    margin-bottom: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml43sp {
    margin-left: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt43sp {
    padding-top: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr43sp {
    padding-right: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb43sp {
    padding-bottom: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl43sp {
    padding-left: 43px !important;
  }
}

.pt43 {
  padding-top: 43px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

@media screen and (max-width: 767px) {
  .mt44sp {
    margin-top: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr44sp {
    margin-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb44sp {
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml44sp {
    margin-left: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt44sp {
    padding-top: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr44sp {
    padding-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb44sp {
    padding-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl44sp {
    padding-left: 44px !important;
  }
}

.pt44 {
  padding-top: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

@media screen and (max-width: 767px) {
  .mt45sp {
    margin-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr45sp {
    margin-right: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb45sp {
    margin-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml45sp {
    margin-left: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt45sp {
    padding-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr45sp {
    padding-right: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb45sp {
    padding-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl45sp {
    padding-left: 45px !important;
  }
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.ml46 {
  margin-left: 46px !important;
}

@media screen and (max-width: 767px) {
  .mt46sp {
    margin-top: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr46sp {
    margin-right: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb46sp {
    margin-bottom: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml46sp {
    margin-left: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt46sp {
    padding-top: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr46sp {
    padding-right: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb46sp {
    padding-bottom: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl46sp {
    padding-left: 46px !important;
  }
}

.pt46 {
  padding-top: 46px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.ml47 {
  margin-left: 47px !important;
}

@media screen and (max-width: 767px) {
  .mt47sp {
    margin-top: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr47sp {
    margin-right: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb47sp {
    margin-bottom: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml47sp {
    margin-left: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt47sp {
    padding-top: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr47sp {
    padding-right: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb47sp {
    padding-bottom: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl47sp {
    padding-left: 47px !important;
  }
}

.pt47 {
  padding-top: 47px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

@media screen and (max-width: 767px) {
  .mt48sp {
    margin-top: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr48sp {
    margin-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb48sp {
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml48sp {
    margin-left: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt48sp {
    padding-top: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr48sp {
    padding-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb48sp {
    padding-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl48sp {
    padding-left: 48px !important;
  }
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.ml49 {
  margin-left: 49px !important;
}

@media screen and (max-width: 767px) {
  .mt49sp {
    margin-top: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr49sp {
    margin-right: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb49sp {
    margin-bottom: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml49sp {
    margin-left: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt49sp {
    padding-top: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr49sp {
    padding-right: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb49sp {
    padding-bottom: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl49sp {
    padding-left: 49px !important;
  }
}

.pt49 {
  padding-top: 49px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 767px) {
  .mt50sp {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr50sp {
    margin-right: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb50sp {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml50sp {
    margin-left: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt50sp {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr50sp {
    padding-right: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb50sp {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl50sp {
    padding-left: 50px !important;
  }
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.ml51 {
  margin-left: 51px !important;
}

@media screen and (max-width: 767px) {
  .mt51sp {
    margin-top: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr51sp {
    margin-right: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb51sp {
    margin-bottom: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml51sp {
    margin-left: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt51sp {
    padding-top: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr51sp {
    padding-right: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb51sp {
    padding-bottom: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl51sp {
    padding-left: 51px !important;
  }
}

.pt51 {
  padding-top: 51px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

@media screen and (max-width: 767px) {
  .mt52sp {
    margin-top: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr52sp {
    margin-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb52sp {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml52sp {
    margin-left: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt52sp {
    padding-top: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr52sp {
    padding-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb52sp {
    padding-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl52sp {
    padding-left: 52px !important;
  }
}

.pt52 {
  padding-top: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.ml53 {
  margin-left: 53px !important;
}

@media screen and (max-width: 767px) {
  .mt53sp {
    margin-top: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr53sp {
    margin-right: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb53sp {
    margin-bottom: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml53sp {
    margin-left: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt53sp {
    padding-top: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr53sp {
    padding-right: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb53sp {
    padding-bottom: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl53sp {
    padding-left: 53px !important;
  }
}

.pt53 {
  padding-top: 53px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pl53 {
  padding-left: 53px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.ml54 {
  margin-left: 54px !important;
}

@media screen and (max-width: 767px) {
  .mt54sp {
    margin-top: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr54sp {
    margin-right: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb54sp {
    margin-bottom: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml54sp {
    margin-left: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt54sp {
    padding-top: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr54sp {
    padding-right: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb54sp {
    padding-bottom: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl54sp {
    padding-left: 54px !important;
  }
}

.pt54 {
  padding-top: 54px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pl54 {
  padding-left: 54px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

@media screen and (max-width: 767px) {
  .mt55sp {
    margin-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr55sp {
    margin-right: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb55sp {
    margin-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml55sp {
    margin-left: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt55sp {
    padding-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr55sp {
    padding-right: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb55sp {
    padding-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl55sp {
    padding-left: 55px !important;
  }
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

@media screen and (max-width: 767px) {
  .mt56sp {
    margin-top: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr56sp {
    margin-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb56sp {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml56sp {
    margin-left: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt56sp {
    padding-top: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr56sp {
    padding-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb56sp {
    padding-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl56sp {
    padding-left: 56px !important;
  }
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.ml57 {
  margin-left: 57px !important;
}

@media screen and (max-width: 767px) {
  .mt57sp {
    margin-top: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr57sp {
    margin-right: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb57sp {
    margin-bottom: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml57sp {
    margin-left: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt57sp {
    padding-top: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr57sp {
    padding-right: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb57sp {
    padding-bottom: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl57sp {
    padding-left: 57px !important;
  }
}

.pt57 {
  padding-top: 57px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pl57 {
  padding-left: 57px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.ml58 {
  margin-left: 58px !important;
}

@media screen and (max-width: 767px) {
  .mt58sp {
    margin-top: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr58sp {
    margin-right: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb58sp {
    margin-bottom: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml58sp {
    margin-left: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt58sp {
    padding-top: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr58sp {
    padding-right: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb58sp {
    padding-bottom: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl58sp {
    padding-left: 58px !important;
  }
}

.pt58 {
  padding-top: 58px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pl58 {
  padding-left: 58px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.ml59 {
  margin-left: 59px !important;
}

@media screen and (max-width: 767px) {
  .mt59sp {
    margin-top: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr59sp {
    margin-right: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb59sp {
    margin-bottom: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml59sp {
    margin-left: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt59sp {
    padding-top: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr59sp {
    padding-right: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb59sp {
    padding-bottom: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl59sp {
    padding-left: 59px !important;
  }
}

.pt59 {
  padding-top: 59px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pl59 {
  padding-left: 59px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .mt60sp {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr60sp {
    margin-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb60sp {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml60sp {
    margin-left: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt60sp {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr60sp {
    padding-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb60sp {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl60sp {
    padding-left: 60px !important;
  }
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.ml61 {
  margin-left: 61px !important;
}

@media screen and (max-width: 767px) {
  .mt61sp {
    margin-top: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr61sp {
    margin-right: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb61sp {
    margin-bottom: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml61sp {
    margin-left: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt61sp {
    padding-top: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr61sp {
    padding-right: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb61sp {
    padding-bottom: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl61sp {
    padding-left: 61px !important;
  }
}

.pt61 {
  padding-top: 61px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pl61 {
  padding-left: 61px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.ml62 {
  margin-left: 62px !important;
}

@media screen and (max-width: 767px) {
  .mt62sp {
    margin-top: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr62sp {
    margin-right: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb62sp {
    margin-bottom: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml62sp {
    margin-left: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt62sp {
    padding-top: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr62sp {
    padding-right: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb62sp {
    padding-bottom: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl62sp {
    padding-left: 62px !important;
  }
}

.pt62 {
  padding-top: 62px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pl62 {
  padding-left: 62px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.ml63 {
  margin-left: 63px !important;
}

@media screen and (max-width: 767px) {
  .mt63sp {
    margin-top: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr63sp {
    margin-right: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb63sp {
    margin-bottom: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml63sp {
    margin-left: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt63sp {
    padding-top: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr63sp {
    padding-right: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb63sp {
    padding-bottom: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl63sp {
    padding-left: 63px !important;
  }
}

.pt63 {
  padding-top: 63px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pl63 {
  padding-left: 63px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

@media screen and (max-width: 767px) {
  .mt64sp {
    margin-top: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr64sp {
    margin-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb64sp {
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml64sp {
    margin-left: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt64sp {
    padding-top: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr64sp {
    padding-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb64sp {
    padding-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl64sp {
    padding-left: 64px !important;
  }
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

@media screen and (max-width: 767px) {
  .mt65sp {
    margin-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr65sp {
    margin-right: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb65sp {
    margin-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml65sp {
    margin-left: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt65sp {
    padding-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr65sp {
    padding-right: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb65sp {
    padding-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl65sp {
    padding-left: 65px !important;
  }
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.ml66 {
  margin-left: 66px !important;
}

@media screen and (max-width: 767px) {
  .mt66sp {
    margin-top: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr66sp {
    margin-right: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb66sp {
    margin-bottom: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml66sp {
    margin-left: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt66sp {
    padding-top: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr66sp {
    padding-right: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb66sp {
    padding-bottom: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl66sp {
    padding-left: 66px !important;
  }
}

.pt66 {
  padding-top: 66px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pl66 {
  padding-left: 66px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.ml67 {
  margin-left: 67px !important;
}

@media screen and (max-width: 767px) {
  .mt67sp {
    margin-top: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr67sp {
    margin-right: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb67sp {
    margin-bottom: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml67sp {
    margin-left: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt67sp {
    padding-top: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr67sp {
    padding-right: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb67sp {
    padding-bottom: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl67sp {
    padding-left: 67px !important;
  }
}

.pt67 {
  padding-top: 67px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pl67 {
  padding-left: 67px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml68 {
  margin-left: 68px !important;
}

@media screen and (max-width: 767px) {
  .mt68sp {
    margin-top: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr68sp {
    margin-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb68sp {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml68sp {
    margin-left: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt68sp {
    padding-top: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr68sp {
    padding-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb68sp {
    padding-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl68sp {
    padding-left: 68px !important;
  }
}

.pt68 {
  padding-top: 68px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pl68 {
  padding-left: 68px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.ml69 {
  margin-left: 69px !important;
}

@media screen and (max-width: 767px) {
  .mt69sp {
    margin-top: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr69sp {
    margin-right: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb69sp {
    margin-bottom: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml69sp {
    margin-left: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt69sp {
    padding-top: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr69sp {
    padding-right: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb69sp {
    padding-bottom: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl69sp {
    padding-left: 69px !important;
  }
}

.pt69 {
  padding-top: 69px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pl69 {
  padding-left: 69px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

@media screen and (max-width: 767px) {
  .mt70sp {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr70sp {
    margin-right: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb70sp {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml70sp {
    margin-left: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt70sp {
    padding-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr70sp {
    padding-right: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb70sp {
    padding-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl70sp {
    padding-left: 70px !important;
  }
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.ml71 {
  margin-left: 71px !important;
}

@media screen and (max-width: 767px) {
  .mt71sp {
    margin-top: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr71sp {
    margin-right: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb71sp {
    margin-bottom: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml71sp {
    margin-left: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt71sp {
    padding-top: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr71sp {
    padding-right: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb71sp {
    padding-bottom: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl71sp {
    padding-left: 71px !important;
  }
}

.pt71 {
  padding-top: 71px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pl71 {
  padding-left: 71px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

@media screen and (max-width: 767px) {
  .mt72sp {
    margin-top: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr72sp {
    margin-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb72sp {
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml72sp {
    margin-left: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt72sp {
    padding-top: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr72sp {
    padding-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb72sp {
    padding-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl72sp {
    padding-left: 72px !important;
  }
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.mt73 {
  margin-top: 73px !important;
}

.mr73 {
  margin-right: 73px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.ml73 {
  margin-left: 73px !important;
}

@media screen and (max-width: 767px) {
  .mt73sp {
    margin-top: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr73sp {
    margin-right: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb73sp {
    margin-bottom: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml73sp {
    margin-left: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt73sp {
    padding-top: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr73sp {
    padding-right: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb73sp {
    padding-bottom: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl73sp {
    padding-left: 73px !important;
  }
}

.pt73 {
  padding-top: 73px !important;
}

.pr73 {
  padding-right: 73px !important;
}

.pb73 {
  padding-bottom: 73px !important;
}

.pl73 {
  padding-left: 73px !important;
}

.mt74 {
  margin-top: 74px !important;
}

.mr74 {
  margin-right: 74px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.ml74 {
  margin-left: 74px !important;
}

@media screen and (max-width: 767px) {
  .mt74sp {
    margin-top: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr74sp {
    margin-right: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb74sp {
    margin-bottom: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml74sp {
    margin-left: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt74sp {
    padding-top: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr74sp {
    padding-right: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb74sp {
    padding-bottom: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl74sp {
    padding-left: 74px !important;
  }
}

.pt74 {
  padding-top: 74px !important;
}

.pr74 {
  padding-right: 74px !important;
}

.pb74 {
  padding-bottom: 74px !important;
}

.pl74 {
  padding-left: 74px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

@media screen and (max-width: 767px) {
  .mt75sp {
    margin-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr75sp {
    margin-right: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb75sp {
    margin-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml75sp {
    margin-left: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt75sp {
    padding-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr75sp {
    padding-right: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb75sp {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl75sp {
    padding-left: 75px !important;
  }
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt76 {
  margin-top: 76px !important;
}

.mr76 {
  margin-right: 76px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.ml76 {
  margin-left: 76px !important;
}

@media screen and (max-width: 767px) {
  .mt76sp {
    margin-top: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr76sp {
    margin-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb76sp {
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml76sp {
    margin-left: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt76sp {
    padding-top: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr76sp {
    padding-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb76sp {
    padding-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl76sp {
    padding-left: 76px !important;
  }
}

.pt76 {
  padding-top: 76px !important;
}

.pr76 {
  padding-right: 76px !important;
}

.pb76 {
  padding-bottom: 76px !important;
}

.pl76 {
  padding-left: 76px !important;
}

.mt77 {
  margin-top: 77px !important;
}

.mr77 {
  margin-right: 77px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.ml77 {
  margin-left: 77px !important;
}

@media screen and (max-width: 767px) {
  .mt77sp {
    margin-top: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr77sp {
    margin-right: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb77sp {
    margin-bottom: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml77sp {
    margin-left: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt77sp {
    padding-top: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr77sp {
    padding-right: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb77sp {
    padding-bottom: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl77sp {
    padding-left: 77px !important;
  }
}

.pt77 {
  padding-top: 77px !important;
}

.pr77 {
  padding-right: 77px !important;
}

.pb77 {
  padding-bottom: 77px !important;
}

.pl77 {
  padding-left: 77px !important;
}

.mt78 {
  margin-top: 78px !important;
}

.mr78 {
  margin-right: 78px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.ml78 {
  margin-left: 78px !important;
}

@media screen and (max-width: 767px) {
  .mt78sp {
    margin-top: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr78sp {
    margin-right: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb78sp {
    margin-bottom: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml78sp {
    margin-left: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt78sp {
    padding-top: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr78sp {
    padding-right: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb78sp {
    padding-bottom: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl78sp {
    padding-left: 78px !important;
  }
}

.pt78 {
  padding-top: 78px !important;
}

.pr78 {
  padding-right: 78px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pl78 {
  padding-left: 78px !important;
}

.mt79 {
  margin-top: 79px !important;
}

.mr79 {
  margin-right: 79px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.ml79 {
  margin-left: 79px !important;
}

@media screen and (max-width: 767px) {
  .mt79sp {
    margin-top: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr79sp {
    margin-right: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb79sp {
    margin-bottom: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml79sp {
    margin-left: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt79sp {
    padding-top: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr79sp {
    padding-right: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb79sp {
    padding-bottom: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl79sp {
    padding-left: 79px !important;
  }
}

.pt79 {
  padding-top: 79px !important;
}

.pr79 {
  padding-right: 79px !important;
}

.pb79 {
  padding-bottom: 79px !important;
}

.pl79 {
  padding-left: 79px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

@media screen and (max-width: 767px) {
  .mt80sp {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr80sp {
    margin-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb80sp {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml80sp {
    margin-left: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt80sp {
    padding-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr80sp {
    padding-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb80sp {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl80sp {
    padding-left: 80px !important;
  }
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt81 {
  margin-top: 81px !important;
}

.mr81 {
  margin-right: 81px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.ml81 {
  margin-left: 81px !important;
}

@media screen and (max-width: 767px) {
  .mt81sp {
    margin-top: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr81sp {
    margin-right: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb81sp {
    margin-bottom: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml81sp {
    margin-left: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt81sp {
    padding-top: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr81sp {
    padding-right: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb81sp {
    padding-bottom: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl81sp {
    padding-left: 81px !important;
  }
}

.pt81 {
  padding-top: 81px !important;
}

.pr81 {
  padding-right: 81px !important;
}

.pb81 {
  padding-bottom: 81px !important;
}

.pl81 {
  padding-left: 81px !important;
}

.mt82 {
  margin-top: 82px !important;
}

.mr82 {
  margin-right: 82px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.ml82 {
  margin-left: 82px !important;
}

@media screen and (max-width: 767px) {
  .mt82sp {
    margin-top: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr82sp {
    margin-right: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb82sp {
    margin-bottom: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml82sp {
    margin-left: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt82sp {
    padding-top: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr82sp {
    padding-right: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb82sp {
    padding-bottom: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl82sp {
    padding-left: 82px !important;
  }
}

.pt82 {
  padding-top: 82px !important;
}

.pr82 {
  padding-right: 82px !important;
}

.pb82 {
  padding-bottom: 82px !important;
}

.pl82 {
  padding-left: 82px !important;
}

.mt83 {
  margin-top: 83px !important;
}

.mr83 {
  margin-right: 83px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.ml83 {
  margin-left: 83px !important;
}

@media screen and (max-width: 767px) {
  .mt83sp {
    margin-top: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr83sp {
    margin-right: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb83sp {
    margin-bottom: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml83sp {
    margin-left: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt83sp {
    padding-top: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr83sp {
    padding-right: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb83sp {
    padding-bottom: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl83sp {
    padding-left: 83px !important;
  }
}

.pt83 {
  padding-top: 83px !important;
}

.pr83 {
  padding-right: 83px !important;
}

.pb83 {
  padding-bottom: 83px !important;
}

.pl83 {
  padding-left: 83px !important;
}

.mt84 {
  margin-top: 84px !important;
}

.mr84 {
  margin-right: 84px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.ml84 {
  margin-left: 84px !important;
}

@media screen and (max-width: 767px) {
  .mt84sp {
    margin-top: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr84sp {
    margin-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb84sp {
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml84sp {
    margin-left: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt84sp {
    padding-top: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr84sp {
    padding-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb84sp {
    padding-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl84sp {
    padding-left: 84px !important;
  }
}

.pt84 {
  padding-top: 84px !important;
}

.pr84 {
  padding-right: 84px !important;
}

.pb84 {
  padding-bottom: 84px !important;
}

.pl84 {
  padding-left: 84px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

@media screen and (max-width: 767px) {
  .mt85sp {
    margin-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr85sp {
    margin-right: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb85sp {
    margin-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml85sp {
    margin-left: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt85sp {
    padding-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr85sp {
    padding-right: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb85sp {
    padding-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl85sp {
    padding-left: 85px !important;
  }
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt86 {
  margin-top: 86px !important;
}

.mr86 {
  margin-right: 86px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.ml86 {
  margin-left: 86px !important;
}

@media screen and (max-width: 767px) {
  .mt86sp {
    margin-top: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr86sp {
    margin-right: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb86sp {
    margin-bottom: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml86sp {
    margin-left: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt86sp {
    padding-top: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr86sp {
    padding-right: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb86sp {
    padding-bottom: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl86sp {
    padding-left: 86px !important;
  }
}

.pt86 {
  padding-top: 86px !important;
}

.pr86 {
  padding-right: 86px !important;
}

.pb86 {
  padding-bottom: 86px !important;
}

.pl86 {
  padding-left: 86px !important;
}

.mt87 {
  margin-top: 87px !important;
}

.mr87 {
  margin-right: 87px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.ml87 {
  margin-left: 87px !important;
}

@media screen and (max-width: 767px) {
  .mt87sp {
    margin-top: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr87sp {
    margin-right: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb87sp {
    margin-bottom: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml87sp {
    margin-left: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt87sp {
    padding-top: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr87sp {
    padding-right: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb87sp {
    padding-bottom: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl87sp {
    padding-left: 87px !important;
  }
}

.pt87 {
  padding-top: 87px !important;
}

.pr87 {
  padding-right: 87px !important;
}

.pb87 {
  padding-bottom: 87px !important;
}

.pl87 {
  padding-left: 87px !important;
}

.mt88 {
  margin-top: 88px !important;
}

.mr88 {
  margin-right: 88px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.ml88 {
  margin-left: 88px !important;
}

@media screen and (max-width: 767px) {
  .mt88sp {
    margin-top: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr88sp {
    margin-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb88sp {
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml88sp {
    margin-left: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt88sp {
    padding-top: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr88sp {
    padding-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb88sp {
    padding-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl88sp {
    padding-left: 88px !important;
  }
}

.pt88 {
  padding-top: 88px !important;
}

.pr88 {
  padding-right: 88px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

.pl88 {
  padding-left: 88px !important;
}

.mt89 {
  margin-top: 89px !important;
}

.mr89 {
  margin-right: 89px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.ml89 {
  margin-left: 89px !important;
}

@media screen and (max-width: 767px) {
  .mt89sp {
    margin-top: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr89sp {
    margin-right: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb89sp {
    margin-bottom: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml89sp {
    margin-left: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt89sp {
    padding-top: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr89sp {
    padding-right: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb89sp {
    padding-bottom: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl89sp {
    padding-left: 89px !important;
  }
}

.pt89 {
  padding-top: 89px !important;
}

.pr89 {
  padding-right: 89px !important;
}

.pb89 {
  padding-bottom: 89px !important;
}

.pl89 {
  padding-left: 89px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

@media screen and (max-width: 767px) {
  .mt90sp {
    margin-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr90sp {
    margin-right: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb90sp {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml90sp {
    margin-left: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt90sp {
    padding-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr90sp {
    padding-right: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb90sp {
    padding-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl90sp {
    padding-left: 90px !important;
  }
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt91 {
  margin-top: 91px !important;
}

.mr91 {
  margin-right: 91px !important;
}

.mb91 {
  margin-bottom: 91px !important;
}

.ml91 {
  margin-left: 91px !important;
}

@media screen and (max-width: 767px) {
  .mt91sp {
    margin-top: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr91sp {
    margin-right: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb91sp {
    margin-bottom: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml91sp {
    margin-left: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt91sp {
    padding-top: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr91sp {
    padding-right: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb91sp {
    padding-bottom: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl91sp {
    padding-left: 91px !important;
  }
}

.pt91 {
  padding-top: 91px !important;
}

.pr91 {
  padding-right: 91px !important;
}

.pb91 {
  padding-bottom: 91px !important;
}

.pl91 {
  padding-left: 91px !important;
}

.mt92 {
  margin-top: 92px !important;
}

.mr92 {
  margin-right: 92px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.ml92 {
  margin-left: 92px !important;
}

@media screen and (max-width: 767px) {
  .mt92sp {
    margin-top: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr92sp {
    margin-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb92sp {
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml92sp {
    margin-left: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt92sp {
    padding-top: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr92sp {
    padding-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb92sp {
    padding-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl92sp {
    padding-left: 92px !important;
  }
}

.pt92 {
  padding-top: 92px !important;
}

.pr92 {
  padding-right: 92px !important;
}

.pb92 {
  padding-bottom: 92px !important;
}

.pl92 {
  padding-left: 92px !important;
}

.mt93 {
  margin-top: 93px !important;
}

.mr93 {
  margin-right: 93px !important;
}

.mb93 {
  margin-bottom: 93px !important;
}

.ml93 {
  margin-left: 93px !important;
}

@media screen and (max-width: 767px) {
  .mt93sp {
    margin-top: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr93sp {
    margin-right: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb93sp {
    margin-bottom: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml93sp {
    margin-left: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt93sp {
    padding-top: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr93sp {
    padding-right: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb93sp {
    padding-bottom: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl93sp {
    padding-left: 93px !important;
  }
}

.pt93 {
  padding-top: 93px !important;
}

.pr93 {
  padding-right: 93px !important;
}

.pb93 {
  padding-bottom: 93px !important;
}

.pl93 {
  padding-left: 93px !important;
}

.mt94 {
  margin-top: 94px !important;
}

.mr94 {
  margin-right: 94px !important;
}

.mb94 {
  margin-bottom: 94px !important;
}

.ml94 {
  margin-left: 94px !important;
}

@media screen and (max-width: 767px) {
  .mt94sp {
    margin-top: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr94sp {
    margin-right: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb94sp {
    margin-bottom: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml94sp {
    margin-left: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt94sp {
    padding-top: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr94sp {
    padding-right: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb94sp {
    padding-bottom: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl94sp {
    padding-left: 94px !important;
  }
}

.pt94 {
  padding-top: 94px !important;
}

.pr94 {
  padding-right: 94px !important;
}

.pb94 {
  padding-bottom: 94px !important;
}

.pl94 {
  padding-left: 94px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

@media screen and (max-width: 767px) {
  .mt95sp {
    margin-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr95sp {
    margin-right: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb95sp {
    margin-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml95sp {
    margin-left: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt95sp {
    padding-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr95sp {
    padding-right: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb95sp {
    padding-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl95sp {
    padding-left: 95px !important;
  }
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt96 {
  margin-top: 96px !important;
}

.mr96 {
  margin-right: 96px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.ml96 {
  margin-left: 96px !important;
}

@media screen and (max-width: 767px) {
  .mt96sp {
    margin-top: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr96sp {
    margin-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb96sp {
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml96sp {
    margin-left: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt96sp {
    padding-top: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr96sp {
    padding-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb96sp {
    padding-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl96sp {
    padding-left: 96px !important;
  }
}

.pt96 {
  padding-top: 96px !important;
}

.pr96 {
  padding-right: 96px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.pl96 {
  padding-left: 96px !important;
}

.mt97 {
  margin-top: 97px !important;
}

.mr97 {
  margin-right: 97px !important;
}

.mb97 {
  margin-bottom: 97px !important;
}

.ml97 {
  margin-left: 97px !important;
}

@media screen and (max-width: 767px) {
  .mt97sp {
    margin-top: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr97sp {
    margin-right: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb97sp {
    margin-bottom: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml97sp {
    margin-left: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt97sp {
    padding-top: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr97sp {
    padding-right: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb97sp {
    padding-bottom: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl97sp {
    padding-left: 97px !important;
  }
}

.pt97 {
  padding-top: 97px !important;
}

.pr97 {
  padding-right: 97px !important;
}

.pb97 {
  padding-bottom: 97px !important;
}

.pl97 {
  padding-left: 97px !important;
}

.mt98 {
  margin-top: 98px !important;
}

.mr98 {
  margin-right: 98px !important;
}

.mb98 {
  margin-bottom: 98px !important;
}

.ml98 {
  margin-left: 98px !important;
}

@media screen and (max-width: 767px) {
  .mt98sp {
    margin-top: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr98sp {
    margin-right: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb98sp {
    margin-bottom: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml98sp {
    margin-left: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt98sp {
    padding-top: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr98sp {
    padding-right: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb98sp {
    padding-bottom: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl98sp {
    padding-left: 98px !important;
  }
}

.pt98 {
  padding-top: 98px !important;
}

.pr98 {
  padding-right: 98px !important;
}

.pb98 {
  padding-bottom: 98px !important;
}

.pl98 {
  padding-left: 98px !important;
}

.mt99 {
  margin-top: 99px !important;
}

.mr99 {
  margin-right: 99px !important;
}

.mb99 {
  margin-bottom: 99px !important;
}

.ml99 {
  margin-left: 99px !important;
}

@media screen and (max-width: 767px) {
  .mt99sp {
    margin-top: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr99sp {
    margin-right: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb99sp {
    margin-bottom: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml99sp {
    margin-left: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt99sp {
    padding-top: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr99sp {
    padding-right: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb99sp {
    padding-bottom: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl99sp {
    padding-left: 99px !important;
  }
}

.pt99 {
  padding-top: 99px !important;
}

.pr99 {
  padding-right: 99px !important;
}

.pb99 {
  padding-bottom: 99px !important;
}

.pl99 {
  padding-left: 99px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

@media screen and (max-width: 767px) {
  .mt100sp {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr100sp {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb100sp {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml100sp {
    margin-left: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt100sp {
    padding-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr100sp {
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb100sp {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl100sp {
    padding-left: 100px !important;
  }
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.cb {
  clear: both;
}

.cba::after {
  content: "";
  clear: both;
  display: block;
}

/* IEハック用mixin */
.ofi {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

@media screen and (min-width: 767px) {
  .sp {
    display: none !important;
  }
}

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

.pl0 {
  padding-left: 0 !important;
}

@media screen and (max-width: 767px) {
  .p10sp {
    padding-left: 0 !important;
  }
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

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

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

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

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

@media screen and (max-width: 767px) {
  .pt0sp {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr0sp {
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb0sp {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl0sp {
    padding-left: 0px !important;
  }
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

@media screen and (max-width: 767px) {
  .mt1sp {
    margin-top: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr1sp {
    margin-right: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb1sp {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml1sp {
    margin-left: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt1sp {
    padding-top: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr1sp {
    padding-right: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb1sp {
    padding-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl1sp {
    padding-left: 1px !important;
  }
}

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

@media screen and (max-width: 767px) {
  .mt2sp {
    margin-top: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr2sp {
    margin-right: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb2sp {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml2sp {
    margin-left: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt2sp {
    padding-top: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr2sp {
    padding-right: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb2sp {
    padding-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl2sp {
    padding-left: 2px !important;
  }
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

@media screen and (max-width: 767px) {
  .mt3sp {
    margin-top: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr3sp {
    margin-right: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb3sp {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml3sp {
    margin-left: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt3sp {
    padding-top: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr3sp {
    padding-right: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb3sp {
    padding-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl3sp {
    padding-left: 3px !important;
  }
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

@media screen and (max-width: 767px) {
  .mt4sp {
    margin-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr4sp {
    margin-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb4sp {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml4sp {
    margin-left: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt4sp {
    padding-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr4sp {
    padding-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb4sp {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl4sp {
    padding-left: 4px !important;
  }
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

@media screen and (max-width: 767px) {
  .mt5sp {
    margin-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr5sp {
    margin-right: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb5sp {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml5sp {
    margin-left: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt5sp {
    padding-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr5sp {
    padding-right: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb5sp {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl5sp {
    padding-left: 5px !important;
  }
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

@media screen and (max-width: 767px) {
  .mt6sp {
    margin-top: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr6sp {
    margin-right: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb6sp {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml6sp {
    margin-left: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt6sp {
    padding-top: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr6sp {
    padding-right: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb6sp {
    padding-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl6sp {
    padding-left: 6px !important;
  }
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

@media screen and (max-width: 767px) {
  .mt7sp {
    margin-top: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr7sp {
    margin-right: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb7sp {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml7sp {
    margin-left: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt7sp {
    padding-top: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr7sp {
    padding-right: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb7sp {
    padding-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl7sp {
    padding-left: 7px !important;
  }
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

@media screen and (max-width: 767px) {
  .mt8sp {
    margin-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr8sp {
    margin-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb8sp {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml8sp {
    margin-left: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt8sp {
    padding-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr8sp {
    padding-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb8sp {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl8sp {
    padding-left: 8px !important;
  }
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

@media screen and (max-width: 767px) {
  .mt9sp {
    margin-top: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr9sp {
    margin-right: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb9sp {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml9sp {
    margin-left: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt9sp {
    padding-top: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr9sp {
    padding-right: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb9sp {
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl9sp {
    padding-left: 9px !important;
  }
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

@media screen and (max-width: 767px) {
  .mt10sp {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr10sp {
    margin-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb10sp {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml10sp {
    margin-left: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt10sp {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr10sp {
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb10sp {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl10sp {
    padding-left: 10px !important;
  }
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

@media screen and (max-width: 767px) {
  .mt11sp {
    margin-top: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr11sp {
    margin-right: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb11sp {
    margin-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml11sp {
    margin-left: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt11sp {
    padding-top: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr11sp {
    padding-right: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb11sp {
    padding-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl11sp {
    padding-left: 11px !important;
  }
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

@media screen and (max-width: 767px) {
  .mt12sp {
    margin-top: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr12sp {
    margin-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb12sp {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml12sp {
    margin-left: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt12sp {
    padding-top: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr12sp {
    padding-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb12sp {
    padding-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl12sp {
    padding-left: 12px !important;
  }
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

@media screen and (max-width: 767px) {
  .mt13sp {
    margin-top: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr13sp {
    margin-right: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb13sp {
    margin-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml13sp {
    margin-left: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt13sp {
    padding-top: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr13sp {
    padding-right: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb13sp {
    padding-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl13sp {
    padding-left: 13px !important;
  }
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

@media screen and (max-width: 767px) {
  .mt14sp {
    margin-top: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr14sp {
    margin-right: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb14sp {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml14sp {
    margin-left: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt14sp {
    padding-top: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr14sp {
    padding-right: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb14sp {
    padding-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl14sp {
    padding-left: 14px !important;
  }
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

@media screen and (max-width: 767px) {
  .mt15sp {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr15sp {
    margin-right: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb15sp {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml15sp {
    margin-left: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt15sp {
    padding-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr15sp {
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb15sp {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl15sp {
    padding-left: 15px !important;
  }
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

@media screen and (max-width: 767px) {
  .mt16sp {
    margin-top: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr16sp {
    margin-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb16sp {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml16sp {
    margin-left: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt16sp {
    padding-top: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr16sp {
    padding-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb16sp {
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl16sp {
    padding-left: 16px !important;
  }
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

@media screen and (max-width: 767px) {
  .mt17sp {
    margin-top: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr17sp {
    margin-right: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb17sp {
    margin-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml17sp {
    margin-left: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt17sp {
    padding-top: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr17sp {
    padding-right: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb17sp {
    padding-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl17sp {
    padding-left: 17px !important;
  }
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

@media screen and (max-width: 767px) {
  .mt18sp {
    margin-top: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr18sp {
    margin-right: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb18sp {
    margin-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml18sp {
    margin-left: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt18sp {
    padding-top: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr18sp {
    padding-right: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb18sp {
    padding-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl18sp {
    padding-left: 18px !important;
  }
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

@media screen and (max-width: 767px) {
  .mt19sp {
    margin-top: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr19sp {
    margin-right: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb19sp {
    margin-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml19sp {
    margin-left: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt19sp {
    padding-top: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr19sp {
    padding-right: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb19sp {
    padding-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl19sp {
    padding-left: 19px !important;
  }
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

@media screen and (max-width: 767px) {
  .mt20sp {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr20sp {
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb20sp {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml20sp {
    margin-left: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt20sp {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr20sp {
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb20sp {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl20sp {
    padding-left: 20px !important;
  }
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

@media screen and (max-width: 767px) {
  .mt21sp {
    margin-top: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr21sp {
    margin-right: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb21sp {
    margin-bottom: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml21sp {
    margin-left: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt21sp {
    padding-top: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr21sp {
    padding-right: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb21sp {
    padding-bottom: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl21sp {
    padding-left: 21px !important;
  }
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

@media screen and (max-width: 767px) {
  .mt22sp {
    margin-top: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr22sp {
    margin-right: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb22sp {
    margin-bottom: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml22sp {
    margin-left: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt22sp {
    padding-top: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr22sp {
    padding-right: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb22sp {
    padding-bottom: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl22sp {
    padding-left: 22px !important;
  }
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

@media screen and (max-width: 767px) {
  .mt23sp {
    margin-top: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr23sp {
    margin-right: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb23sp {
    margin-bottom: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml23sp {
    margin-left: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt23sp {
    padding-top: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr23sp {
    padding-right: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb23sp {
    padding-bottom: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl23sp {
    padding-left: 23px !important;
  }
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

@media screen and (max-width: 767px) {
  .mt24sp {
    margin-top: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr24sp {
    margin-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb24sp {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml24sp {
    margin-left: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt24sp {
    padding-top: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr24sp {
    padding-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb24sp {
    padding-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl24sp {
    padding-left: 24px !important;
  }
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

@media screen and (max-width: 767px) {
  .mt25sp {
    margin-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr25sp {
    margin-right: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb25sp {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml25sp {
    margin-left: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt25sp {
    padding-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr25sp {
    padding-right: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb25sp {
    padding-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl25sp {
    padding-left: 25px !important;
  }
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

@media screen and (max-width: 767px) {
  .mt26sp {
    margin-top: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr26sp {
    margin-right: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb26sp {
    margin-bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml26sp {
    margin-left: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt26sp {
    padding-top: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr26sp {
    padding-right: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb26sp {
    padding-bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl26sp {
    padding-left: 26px !important;
  }
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

@media screen and (max-width: 767px) {
  .mt27sp {
    margin-top: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr27sp {
    margin-right: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb27sp {
    margin-bottom: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml27sp {
    margin-left: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt27sp {
    padding-top: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr27sp {
    padding-right: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb27sp {
    padding-bottom: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl27sp {
    padding-left: 27px !important;
  }
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

@media screen and (max-width: 767px) {
  .mt28sp {
    margin-top: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr28sp {
    margin-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb28sp {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml28sp {
    margin-left: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt28sp {
    padding-top: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr28sp {
    padding-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb28sp {
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl28sp {
    padding-left: 28px !important;
  }
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

@media screen and (max-width: 767px) {
  .mt29sp {
    margin-top: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr29sp {
    margin-right: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb29sp {
    margin-bottom: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml29sp {
    margin-left: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt29sp {
    padding-top: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr29sp {
    padding-right: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb29sp {
    padding-bottom: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl29sp {
    padding-left: 29px !important;
  }
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

@media screen and (max-width: 767px) {
  .mt30sp {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr30sp {
    margin-right: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb30sp {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml30sp {
    margin-left: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt30sp {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr30sp {
    padding-right: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb30sp {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl30sp {
    padding-left: 30px !important;
  }
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

@media screen and (max-width: 767px) {
  .mt31sp {
    margin-top: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr31sp {
    margin-right: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb31sp {
    margin-bottom: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml31sp {
    margin-left: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt31sp {
    padding-top: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr31sp {
    padding-right: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb31sp {
    padding-bottom: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl31sp {
    padding-left: 31px !important;
  }
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

@media screen and (max-width: 767px) {
  .mt32sp {
    margin-top: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr32sp {
    margin-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb32sp {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml32sp {
    margin-left: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt32sp {
    padding-top: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr32sp {
    padding-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb32sp {
    padding-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl32sp {
    padding-left: 32px !important;
  }
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

@media screen and (max-width: 767px) {
  .mt33sp {
    margin-top: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr33sp {
    margin-right: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb33sp {
    margin-bottom: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml33sp {
    margin-left: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt33sp {
    padding-top: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr33sp {
    padding-right: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb33sp {
    padding-bottom: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl33sp {
    padding-left: 33px !important;
  }
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

@media screen and (max-width: 767px) {
  .mt34sp {
    margin-top: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr34sp {
    margin-right: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb34sp {
    margin-bottom: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml34sp {
    margin-left: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt34sp {
    padding-top: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr34sp {
    padding-right: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb34sp {
    padding-bottom: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl34sp {
    padding-left: 34px !important;
  }
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

@media screen and (max-width: 767px) {
  .mt35sp {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr35sp {
    margin-right: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb35sp {
    margin-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml35sp {
    margin-left: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt35sp {
    padding-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr35sp {
    padding-right: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb35sp {
    padding-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl35sp {
    padding-left: 35px !important;
  }
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

@media screen and (max-width: 767px) {
  .mt36sp {
    margin-top: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr36sp {
    margin-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb36sp {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml36sp {
    margin-left: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt36sp {
    padding-top: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr36sp {
    padding-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb36sp {
    padding-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl36sp {
    padding-left: 36px !important;
  }
}

.pt36 {
  padding-top: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px !important;
}

@media screen and (max-width: 767px) {
  .mt37sp {
    margin-top: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr37sp {
    margin-right: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb37sp {
    margin-bottom: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml37sp {
    margin-left: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt37sp {
    padding-top: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr37sp {
    padding-right: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb37sp {
    padding-bottom: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl37sp {
    padding-left: 37px !important;
  }
}

.pt37 {
  padding-top: 37px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

@media screen and (max-width: 767px) {
  .mt38sp {
    margin-top: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr38sp {
    margin-right: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb38sp {
    margin-bottom: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml38sp {
    margin-left: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt38sp {
    padding-top: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr38sp {
    padding-right: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb38sp {
    padding-bottom: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl38sp {
    padding-left: 38px !important;
  }
}

.pt38 {
  padding-top: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px !important;
}

@media screen and (max-width: 767px) {
  .mt39sp {
    margin-top: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr39sp {
    margin-right: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb39sp {
    margin-bottom: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml39sp {
    margin-left: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt39sp {
    padding-top: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr39sp {
    padding-right: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb39sp {
    padding-bottom: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl39sp {
    padding-left: 39px !important;
  }
}

.pt39 {
  padding-top: 39px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

@media screen and (max-width: 767px) {
  .mt40sp {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr40sp {
    margin-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb40sp {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml40sp {
    margin-left: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt40sp {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr40sp {
    padding-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb40sp {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl40sp {
    padding-left: 40px !important;
  }
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.ml41 {
  margin-left: 41px !important;
}

@media screen and (max-width: 767px) {
  .mt41sp {
    margin-top: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr41sp {
    margin-right: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb41sp {
    margin-bottom: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml41sp {
    margin-left: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt41sp {
    padding-top: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr41sp {
    padding-right: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb41sp {
    padding-bottom: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl41sp {
    padding-left: 41px !important;
  }
}

.pt41 {
  padding-top: 41px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.ml42 {
  margin-left: 42px !important;
}

@media screen and (max-width: 767px) {
  .mt42sp {
    margin-top: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr42sp {
    margin-right: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb42sp {
    margin-bottom: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml42sp {
    margin-left: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt42sp {
    padding-top: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr42sp {
    padding-right: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb42sp {
    padding-bottom: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl42sp {
    padding-left: 42px !important;
  }
}

.pt42 {
  padding-top: 42px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.ml43 {
  margin-left: 43px !important;
}

@media screen and (max-width: 767px) {
  .mt43sp {
    margin-top: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr43sp {
    margin-right: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb43sp {
    margin-bottom: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml43sp {
    margin-left: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt43sp {
    padding-top: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr43sp {
    padding-right: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb43sp {
    padding-bottom: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl43sp {
    padding-left: 43px !important;
  }
}

.pt43 {
  padding-top: 43px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

@media screen and (max-width: 767px) {
  .mt44sp {
    margin-top: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr44sp {
    margin-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb44sp {
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml44sp {
    margin-left: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt44sp {
    padding-top: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr44sp {
    padding-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb44sp {
    padding-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl44sp {
    padding-left: 44px !important;
  }
}

.pt44 {
  padding-top: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

@media screen and (max-width: 767px) {
  .mt45sp {
    margin-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr45sp {
    margin-right: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb45sp {
    margin-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml45sp {
    margin-left: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt45sp {
    padding-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr45sp {
    padding-right: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb45sp {
    padding-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl45sp {
    padding-left: 45px !important;
  }
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.ml46 {
  margin-left: 46px !important;
}

@media screen and (max-width: 767px) {
  .mt46sp {
    margin-top: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr46sp {
    margin-right: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb46sp {
    margin-bottom: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml46sp {
    margin-left: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt46sp {
    padding-top: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr46sp {
    padding-right: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb46sp {
    padding-bottom: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl46sp {
    padding-left: 46px !important;
  }
}

.pt46 {
  padding-top: 46px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.ml47 {
  margin-left: 47px !important;
}

@media screen and (max-width: 767px) {
  .mt47sp {
    margin-top: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr47sp {
    margin-right: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb47sp {
    margin-bottom: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml47sp {
    margin-left: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt47sp {
    padding-top: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr47sp {
    padding-right: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb47sp {
    padding-bottom: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl47sp {
    padding-left: 47px !important;
  }
}

.pt47 {
  padding-top: 47px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

@media screen and (max-width: 767px) {
  .mt48sp {
    margin-top: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr48sp {
    margin-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb48sp {
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml48sp {
    margin-left: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt48sp {
    padding-top: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr48sp {
    padding-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb48sp {
    padding-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl48sp {
    padding-left: 48px !important;
  }
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.ml49 {
  margin-left: 49px !important;
}

@media screen and (max-width: 767px) {
  .mt49sp {
    margin-top: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr49sp {
    margin-right: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb49sp {
    margin-bottom: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml49sp {
    margin-left: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt49sp {
    padding-top: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr49sp {
    padding-right: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb49sp {
    padding-bottom: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl49sp {
    padding-left: 49px !important;
  }
}

.pt49 {
  padding-top: 49px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 767px) {
  .mt50sp {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr50sp {
    margin-right: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb50sp {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml50sp {
    margin-left: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt50sp {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr50sp {
    padding-right: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb50sp {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl50sp {
    padding-left: 50px !important;
  }
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.ml51 {
  margin-left: 51px !important;
}

@media screen and (max-width: 767px) {
  .mt51sp {
    margin-top: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr51sp {
    margin-right: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb51sp {
    margin-bottom: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml51sp {
    margin-left: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt51sp {
    padding-top: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr51sp {
    padding-right: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb51sp {
    padding-bottom: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl51sp {
    padding-left: 51px !important;
  }
}

.pt51 {
  padding-top: 51px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

@media screen and (max-width: 767px) {
  .mt52sp {
    margin-top: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr52sp {
    margin-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb52sp {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml52sp {
    margin-left: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt52sp {
    padding-top: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr52sp {
    padding-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb52sp {
    padding-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl52sp {
    padding-left: 52px !important;
  }
}

.pt52 {
  padding-top: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.ml53 {
  margin-left: 53px !important;
}

@media screen and (max-width: 767px) {
  .mt53sp {
    margin-top: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr53sp {
    margin-right: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb53sp {
    margin-bottom: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml53sp {
    margin-left: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt53sp {
    padding-top: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr53sp {
    padding-right: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb53sp {
    padding-bottom: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl53sp {
    padding-left: 53px !important;
  }
}

.pt53 {
  padding-top: 53px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pl53 {
  padding-left: 53px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.ml54 {
  margin-left: 54px !important;
}

@media screen and (max-width: 767px) {
  .mt54sp {
    margin-top: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr54sp {
    margin-right: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb54sp {
    margin-bottom: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml54sp {
    margin-left: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt54sp {
    padding-top: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr54sp {
    padding-right: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb54sp {
    padding-bottom: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl54sp {
    padding-left: 54px !important;
  }
}

.pt54 {
  padding-top: 54px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pl54 {
  padding-left: 54px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

@media screen and (max-width: 767px) {
  .mt55sp {
    margin-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr55sp {
    margin-right: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb55sp {
    margin-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml55sp {
    margin-left: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt55sp {
    padding-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr55sp {
    padding-right: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb55sp {
    padding-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl55sp {
    padding-left: 55px !important;
  }
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

@media screen and (max-width: 767px) {
  .mt56sp {
    margin-top: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr56sp {
    margin-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb56sp {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml56sp {
    margin-left: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt56sp {
    padding-top: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr56sp {
    padding-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb56sp {
    padding-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl56sp {
    padding-left: 56px !important;
  }
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.ml57 {
  margin-left: 57px !important;
}

@media screen and (max-width: 767px) {
  .mt57sp {
    margin-top: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr57sp {
    margin-right: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb57sp {
    margin-bottom: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml57sp {
    margin-left: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt57sp {
    padding-top: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr57sp {
    padding-right: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb57sp {
    padding-bottom: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl57sp {
    padding-left: 57px !important;
  }
}

.pt57 {
  padding-top: 57px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pl57 {
  padding-left: 57px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.ml58 {
  margin-left: 58px !important;
}

@media screen and (max-width: 767px) {
  .mt58sp {
    margin-top: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr58sp {
    margin-right: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb58sp {
    margin-bottom: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml58sp {
    margin-left: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt58sp {
    padding-top: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr58sp {
    padding-right: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb58sp {
    padding-bottom: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl58sp {
    padding-left: 58px !important;
  }
}

.pt58 {
  padding-top: 58px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pl58 {
  padding-left: 58px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.ml59 {
  margin-left: 59px !important;
}

@media screen and (max-width: 767px) {
  .mt59sp {
    margin-top: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr59sp {
    margin-right: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb59sp {
    margin-bottom: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml59sp {
    margin-left: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt59sp {
    padding-top: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr59sp {
    padding-right: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb59sp {
    padding-bottom: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl59sp {
    padding-left: 59px !important;
  }
}

.pt59 {
  padding-top: 59px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pl59 {
  padding-left: 59px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .mt60sp {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr60sp {
    margin-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb60sp {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml60sp {
    margin-left: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt60sp {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr60sp {
    padding-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb60sp {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl60sp {
    padding-left: 60px !important;
  }
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.ml61 {
  margin-left: 61px !important;
}

@media screen and (max-width: 767px) {
  .mt61sp {
    margin-top: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr61sp {
    margin-right: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb61sp {
    margin-bottom: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml61sp {
    margin-left: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt61sp {
    padding-top: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr61sp {
    padding-right: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb61sp {
    padding-bottom: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl61sp {
    padding-left: 61px !important;
  }
}

.pt61 {
  padding-top: 61px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pl61 {
  padding-left: 61px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.ml62 {
  margin-left: 62px !important;
}

@media screen and (max-width: 767px) {
  .mt62sp {
    margin-top: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr62sp {
    margin-right: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb62sp {
    margin-bottom: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml62sp {
    margin-left: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt62sp {
    padding-top: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr62sp {
    padding-right: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb62sp {
    padding-bottom: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl62sp {
    padding-left: 62px !important;
  }
}

.pt62 {
  padding-top: 62px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pl62 {
  padding-left: 62px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.ml63 {
  margin-left: 63px !important;
}

@media screen and (max-width: 767px) {
  .mt63sp {
    margin-top: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr63sp {
    margin-right: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb63sp {
    margin-bottom: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml63sp {
    margin-left: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt63sp {
    padding-top: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr63sp {
    padding-right: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb63sp {
    padding-bottom: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl63sp {
    padding-left: 63px !important;
  }
}

.pt63 {
  padding-top: 63px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pl63 {
  padding-left: 63px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

@media screen and (max-width: 767px) {
  .mt64sp {
    margin-top: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr64sp {
    margin-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb64sp {
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml64sp {
    margin-left: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt64sp {
    padding-top: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr64sp {
    padding-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb64sp {
    padding-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl64sp {
    padding-left: 64px !important;
  }
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

@media screen and (max-width: 767px) {
  .mt65sp {
    margin-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr65sp {
    margin-right: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb65sp {
    margin-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml65sp {
    margin-left: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt65sp {
    padding-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr65sp {
    padding-right: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb65sp {
    padding-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl65sp {
    padding-left: 65px !important;
  }
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.ml66 {
  margin-left: 66px !important;
}

@media screen and (max-width: 767px) {
  .mt66sp {
    margin-top: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr66sp {
    margin-right: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb66sp {
    margin-bottom: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml66sp {
    margin-left: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt66sp {
    padding-top: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr66sp {
    padding-right: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb66sp {
    padding-bottom: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl66sp {
    padding-left: 66px !important;
  }
}

.pt66 {
  padding-top: 66px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pl66 {
  padding-left: 66px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.ml67 {
  margin-left: 67px !important;
}

@media screen and (max-width: 767px) {
  .mt67sp {
    margin-top: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr67sp {
    margin-right: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb67sp {
    margin-bottom: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml67sp {
    margin-left: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt67sp {
    padding-top: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr67sp {
    padding-right: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb67sp {
    padding-bottom: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl67sp {
    padding-left: 67px !important;
  }
}

.pt67 {
  padding-top: 67px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pl67 {
  padding-left: 67px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml68 {
  margin-left: 68px !important;
}

@media screen and (max-width: 767px) {
  .mt68sp {
    margin-top: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr68sp {
    margin-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb68sp {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml68sp {
    margin-left: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt68sp {
    padding-top: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr68sp {
    padding-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb68sp {
    padding-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl68sp {
    padding-left: 68px !important;
  }
}

.pt68 {
  padding-top: 68px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pl68 {
  padding-left: 68px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.ml69 {
  margin-left: 69px !important;
}

@media screen and (max-width: 767px) {
  .mt69sp {
    margin-top: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr69sp {
    margin-right: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb69sp {
    margin-bottom: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml69sp {
    margin-left: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt69sp {
    padding-top: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr69sp {
    padding-right: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb69sp {
    padding-bottom: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl69sp {
    padding-left: 69px !important;
  }
}

.pt69 {
  padding-top: 69px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pl69 {
  padding-left: 69px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

@media screen and (max-width: 767px) {
  .mt70sp {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr70sp {
    margin-right: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb70sp {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml70sp {
    margin-left: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt70sp {
    padding-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr70sp {
    padding-right: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb70sp {
    padding-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl70sp {
    padding-left: 70px !important;
  }
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.ml71 {
  margin-left: 71px !important;
}

@media screen and (max-width: 767px) {
  .mt71sp {
    margin-top: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr71sp {
    margin-right: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb71sp {
    margin-bottom: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml71sp {
    margin-left: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt71sp {
    padding-top: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr71sp {
    padding-right: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb71sp {
    padding-bottom: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl71sp {
    padding-left: 71px !important;
  }
}

.pt71 {
  padding-top: 71px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pl71 {
  padding-left: 71px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

@media screen and (max-width: 767px) {
  .mt72sp {
    margin-top: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr72sp {
    margin-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb72sp {
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml72sp {
    margin-left: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt72sp {
    padding-top: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr72sp {
    padding-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb72sp {
    padding-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl72sp {
    padding-left: 72px !important;
  }
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.mt73 {
  margin-top: 73px !important;
}

.mr73 {
  margin-right: 73px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.ml73 {
  margin-left: 73px !important;
}

@media screen and (max-width: 767px) {
  .mt73sp {
    margin-top: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr73sp {
    margin-right: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb73sp {
    margin-bottom: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml73sp {
    margin-left: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt73sp {
    padding-top: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr73sp {
    padding-right: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb73sp {
    padding-bottom: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl73sp {
    padding-left: 73px !important;
  }
}

.pt73 {
  padding-top: 73px !important;
}

.pr73 {
  padding-right: 73px !important;
}

.pb73 {
  padding-bottom: 73px !important;
}

.pl73 {
  padding-left: 73px !important;
}

.mt74 {
  margin-top: 74px !important;
}

.mr74 {
  margin-right: 74px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.ml74 {
  margin-left: 74px !important;
}

@media screen and (max-width: 767px) {
  .mt74sp {
    margin-top: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr74sp {
    margin-right: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb74sp {
    margin-bottom: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml74sp {
    margin-left: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt74sp {
    padding-top: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr74sp {
    padding-right: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb74sp {
    padding-bottom: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl74sp {
    padding-left: 74px !important;
  }
}

.pt74 {
  padding-top: 74px !important;
}

.pr74 {
  padding-right: 74px !important;
}

.pb74 {
  padding-bottom: 74px !important;
}

.pl74 {
  padding-left: 74px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

@media screen and (max-width: 767px) {
  .mt75sp {
    margin-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr75sp {
    margin-right: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb75sp {
    margin-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml75sp {
    margin-left: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt75sp {
    padding-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr75sp {
    padding-right: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb75sp {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl75sp {
    padding-left: 75px !important;
  }
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt76 {
  margin-top: 76px !important;
}

.mr76 {
  margin-right: 76px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.ml76 {
  margin-left: 76px !important;
}

@media screen and (max-width: 767px) {
  .mt76sp {
    margin-top: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr76sp {
    margin-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb76sp {
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml76sp {
    margin-left: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt76sp {
    padding-top: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr76sp {
    padding-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb76sp {
    padding-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl76sp {
    padding-left: 76px !important;
  }
}

.pt76 {
  padding-top: 76px !important;
}

.pr76 {
  padding-right: 76px !important;
}

.pb76 {
  padding-bottom: 76px !important;
}

.pl76 {
  padding-left: 76px !important;
}

.mt77 {
  margin-top: 77px !important;
}

.mr77 {
  margin-right: 77px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.ml77 {
  margin-left: 77px !important;
}

@media screen and (max-width: 767px) {
  .mt77sp {
    margin-top: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr77sp {
    margin-right: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb77sp {
    margin-bottom: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml77sp {
    margin-left: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt77sp {
    padding-top: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr77sp {
    padding-right: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb77sp {
    padding-bottom: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl77sp {
    padding-left: 77px !important;
  }
}

.pt77 {
  padding-top: 77px !important;
}

.pr77 {
  padding-right: 77px !important;
}

.pb77 {
  padding-bottom: 77px !important;
}

.pl77 {
  padding-left: 77px !important;
}

.mt78 {
  margin-top: 78px !important;
}

.mr78 {
  margin-right: 78px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.ml78 {
  margin-left: 78px !important;
}

@media screen and (max-width: 767px) {
  .mt78sp {
    margin-top: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr78sp {
    margin-right: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb78sp {
    margin-bottom: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml78sp {
    margin-left: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt78sp {
    padding-top: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr78sp {
    padding-right: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb78sp {
    padding-bottom: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl78sp {
    padding-left: 78px !important;
  }
}

.pt78 {
  padding-top: 78px !important;
}

.pr78 {
  padding-right: 78px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pl78 {
  padding-left: 78px !important;
}

.mt79 {
  margin-top: 79px !important;
}

.mr79 {
  margin-right: 79px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.ml79 {
  margin-left: 79px !important;
}

@media screen and (max-width: 767px) {
  .mt79sp {
    margin-top: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr79sp {
    margin-right: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb79sp {
    margin-bottom: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml79sp {
    margin-left: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt79sp {
    padding-top: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr79sp {
    padding-right: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb79sp {
    padding-bottom: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl79sp {
    padding-left: 79px !important;
  }
}

.pt79 {
  padding-top: 79px !important;
}

.pr79 {
  padding-right: 79px !important;
}

.pb79 {
  padding-bottom: 79px !important;
}

.pl79 {
  padding-left: 79px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

@media screen and (max-width: 767px) {
  .mt80sp {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr80sp {
    margin-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb80sp {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml80sp {
    margin-left: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt80sp {
    padding-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr80sp {
    padding-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb80sp {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl80sp {
    padding-left: 80px !important;
  }
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt81 {
  margin-top: 81px !important;
}

.mr81 {
  margin-right: 81px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.ml81 {
  margin-left: 81px !important;
}

@media screen and (max-width: 767px) {
  .mt81sp {
    margin-top: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr81sp {
    margin-right: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb81sp {
    margin-bottom: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml81sp {
    margin-left: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt81sp {
    padding-top: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr81sp {
    padding-right: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb81sp {
    padding-bottom: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl81sp {
    padding-left: 81px !important;
  }
}

.pt81 {
  padding-top: 81px !important;
}

.pr81 {
  padding-right: 81px !important;
}

.pb81 {
  padding-bottom: 81px !important;
}

.pl81 {
  padding-left: 81px !important;
}

.mt82 {
  margin-top: 82px !important;
}

.mr82 {
  margin-right: 82px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.ml82 {
  margin-left: 82px !important;
}

@media screen and (max-width: 767px) {
  .mt82sp {
    margin-top: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr82sp {
    margin-right: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb82sp {
    margin-bottom: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml82sp {
    margin-left: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt82sp {
    padding-top: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr82sp {
    padding-right: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb82sp {
    padding-bottom: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl82sp {
    padding-left: 82px !important;
  }
}

.pt82 {
  padding-top: 82px !important;
}

.pr82 {
  padding-right: 82px !important;
}

.pb82 {
  padding-bottom: 82px !important;
}

.pl82 {
  padding-left: 82px !important;
}

.mt83 {
  margin-top: 83px !important;
}

.mr83 {
  margin-right: 83px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.ml83 {
  margin-left: 83px !important;
}

@media screen and (max-width: 767px) {
  .mt83sp {
    margin-top: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr83sp {
    margin-right: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb83sp {
    margin-bottom: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml83sp {
    margin-left: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt83sp {
    padding-top: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr83sp {
    padding-right: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb83sp {
    padding-bottom: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl83sp {
    padding-left: 83px !important;
  }
}

.pt83 {
  padding-top: 83px !important;
}

.pr83 {
  padding-right: 83px !important;
}

.pb83 {
  padding-bottom: 83px !important;
}

.pl83 {
  padding-left: 83px !important;
}

.mt84 {
  margin-top: 84px !important;
}

.mr84 {
  margin-right: 84px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.ml84 {
  margin-left: 84px !important;
}

@media screen and (max-width: 767px) {
  .mt84sp {
    margin-top: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr84sp {
    margin-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb84sp {
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml84sp {
    margin-left: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt84sp {
    padding-top: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr84sp {
    padding-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb84sp {
    padding-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl84sp {
    padding-left: 84px !important;
  }
}

.pt84 {
  padding-top: 84px !important;
}

.pr84 {
  padding-right: 84px !important;
}

.pb84 {
  padding-bottom: 84px !important;
}

.pl84 {
  padding-left: 84px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

@media screen and (max-width: 767px) {
  .mt85sp {
    margin-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr85sp {
    margin-right: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb85sp {
    margin-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml85sp {
    margin-left: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt85sp {
    padding-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr85sp {
    padding-right: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb85sp {
    padding-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl85sp {
    padding-left: 85px !important;
  }
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt86 {
  margin-top: 86px !important;
}

.mr86 {
  margin-right: 86px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.ml86 {
  margin-left: 86px !important;
}

@media screen and (max-width: 767px) {
  .mt86sp {
    margin-top: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr86sp {
    margin-right: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb86sp {
    margin-bottom: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml86sp {
    margin-left: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt86sp {
    padding-top: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr86sp {
    padding-right: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb86sp {
    padding-bottom: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl86sp {
    padding-left: 86px !important;
  }
}

.pt86 {
  padding-top: 86px !important;
}

.pr86 {
  padding-right: 86px !important;
}

.pb86 {
  padding-bottom: 86px !important;
}

.pl86 {
  padding-left: 86px !important;
}

.mt87 {
  margin-top: 87px !important;
}

.mr87 {
  margin-right: 87px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.ml87 {
  margin-left: 87px !important;
}

@media screen and (max-width: 767px) {
  .mt87sp {
    margin-top: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr87sp {
    margin-right: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb87sp {
    margin-bottom: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml87sp {
    margin-left: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt87sp {
    padding-top: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr87sp {
    padding-right: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb87sp {
    padding-bottom: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl87sp {
    padding-left: 87px !important;
  }
}

.pt87 {
  padding-top: 87px !important;
}

.pr87 {
  padding-right: 87px !important;
}

.pb87 {
  padding-bottom: 87px !important;
}

.pl87 {
  padding-left: 87px !important;
}

.mt88 {
  margin-top: 88px !important;
}

.mr88 {
  margin-right: 88px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.ml88 {
  margin-left: 88px !important;
}

@media screen and (max-width: 767px) {
  .mt88sp {
    margin-top: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr88sp {
    margin-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb88sp {
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml88sp {
    margin-left: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt88sp {
    padding-top: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr88sp {
    padding-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb88sp {
    padding-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl88sp {
    padding-left: 88px !important;
  }
}

.pt88 {
  padding-top: 88px !important;
}

.pr88 {
  padding-right: 88px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

.pl88 {
  padding-left: 88px !important;
}

.mt89 {
  margin-top: 89px !important;
}

.mr89 {
  margin-right: 89px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.ml89 {
  margin-left: 89px !important;
}

@media screen and (max-width: 767px) {
  .mt89sp {
    margin-top: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr89sp {
    margin-right: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb89sp {
    margin-bottom: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml89sp {
    margin-left: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt89sp {
    padding-top: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr89sp {
    padding-right: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb89sp {
    padding-bottom: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl89sp {
    padding-left: 89px !important;
  }
}

.pt89 {
  padding-top: 89px !important;
}

.pr89 {
  padding-right: 89px !important;
}

.pb89 {
  padding-bottom: 89px !important;
}

.pl89 {
  padding-left: 89px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

@media screen and (max-width: 767px) {
  .mt90sp {
    margin-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr90sp {
    margin-right: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb90sp {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml90sp {
    margin-left: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt90sp {
    padding-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr90sp {
    padding-right: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb90sp {
    padding-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl90sp {
    padding-left: 90px !important;
  }
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt91 {
  margin-top: 91px !important;
}

.mr91 {
  margin-right: 91px !important;
}

.mb91 {
  margin-bottom: 91px !important;
}

.ml91 {
  margin-left: 91px !important;
}

@media screen and (max-width: 767px) {
  .mt91sp {
    margin-top: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr91sp {
    margin-right: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb91sp {
    margin-bottom: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml91sp {
    margin-left: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt91sp {
    padding-top: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr91sp {
    padding-right: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb91sp {
    padding-bottom: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl91sp {
    padding-left: 91px !important;
  }
}

.pt91 {
  padding-top: 91px !important;
}

.pr91 {
  padding-right: 91px !important;
}

.pb91 {
  padding-bottom: 91px !important;
}

.pl91 {
  padding-left: 91px !important;
}

.mt92 {
  margin-top: 92px !important;
}

.mr92 {
  margin-right: 92px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.ml92 {
  margin-left: 92px !important;
}

@media screen and (max-width: 767px) {
  .mt92sp {
    margin-top: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr92sp {
    margin-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb92sp {
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml92sp {
    margin-left: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt92sp {
    padding-top: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr92sp {
    padding-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb92sp {
    padding-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl92sp {
    padding-left: 92px !important;
  }
}

.pt92 {
  padding-top: 92px !important;
}

.pr92 {
  padding-right: 92px !important;
}

.pb92 {
  padding-bottom: 92px !important;
}

.pl92 {
  padding-left: 92px !important;
}

.mt93 {
  margin-top: 93px !important;
}

.mr93 {
  margin-right: 93px !important;
}

.mb93 {
  margin-bottom: 93px !important;
}

.ml93 {
  margin-left: 93px !important;
}

@media screen and (max-width: 767px) {
  .mt93sp {
    margin-top: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr93sp {
    margin-right: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb93sp {
    margin-bottom: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml93sp {
    margin-left: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt93sp {
    padding-top: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr93sp {
    padding-right: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb93sp {
    padding-bottom: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl93sp {
    padding-left: 93px !important;
  }
}

.pt93 {
  padding-top: 93px !important;
}

.pr93 {
  padding-right: 93px !important;
}

.pb93 {
  padding-bottom: 93px !important;
}

.pl93 {
  padding-left: 93px !important;
}

.mt94 {
  margin-top: 94px !important;
}

.mr94 {
  margin-right: 94px !important;
}

.mb94 {
  margin-bottom: 94px !important;
}

.ml94 {
  margin-left: 94px !important;
}

@media screen and (max-width: 767px) {
  .mt94sp {
    margin-top: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr94sp {
    margin-right: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb94sp {
    margin-bottom: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml94sp {
    margin-left: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt94sp {
    padding-top: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr94sp {
    padding-right: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb94sp {
    padding-bottom: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl94sp {
    padding-left: 94px !important;
  }
}

.pt94 {
  padding-top: 94px !important;
}

.pr94 {
  padding-right: 94px !important;
}

.pb94 {
  padding-bottom: 94px !important;
}

.pl94 {
  padding-left: 94px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

@media screen and (max-width: 767px) {
  .mt95sp {
    margin-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr95sp {
    margin-right: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb95sp {
    margin-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml95sp {
    margin-left: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt95sp {
    padding-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr95sp {
    padding-right: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb95sp {
    padding-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl95sp {
    padding-left: 95px !important;
  }
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt96 {
  margin-top: 96px !important;
}

.mr96 {
  margin-right: 96px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.ml96 {
  margin-left: 96px !important;
}

@media screen and (max-width: 767px) {
  .mt96sp {
    margin-top: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr96sp {
    margin-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb96sp {
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml96sp {
    margin-left: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt96sp {
    padding-top: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr96sp {
    padding-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb96sp {
    padding-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl96sp {
    padding-left: 96px !important;
  }
}

.pt96 {
  padding-top: 96px !important;
}

.pr96 {
  padding-right: 96px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.pl96 {
  padding-left: 96px !important;
}

.mt97 {
  margin-top: 97px !important;
}

.mr97 {
  margin-right: 97px !important;
}

.mb97 {
  margin-bottom: 97px !important;
}

.ml97 {
  margin-left: 97px !important;
}

@media screen and (max-width: 767px) {
  .mt97sp {
    margin-top: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr97sp {
    margin-right: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb97sp {
    margin-bottom: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml97sp {
    margin-left: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt97sp {
    padding-top: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr97sp {
    padding-right: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb97sp {
    padding-bottom: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl97sp {
    padding-left: 97px !important;
  }
}

.pt97 {
  padding-top: 97px !important;
}

.pr97 {
  padding-right: 97px !important;
}

.pb97 {
  padding-bottom: 97px !important;
}

.pl97 {
  padding-left: 97px !important;
}

.mt98 {
  margin-top: 98px !important;
}

.mr98 {
  margin-right: 98px !important;
}

.mb98 {
  margin-bottom: 98px !important;
}

.ml98 {
  margin-left: 98px !important;
}

@media screen and (max-width: 767px) {
  .mt98sp {
    margin-top: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr98sp {
    margin-right: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb98sp {
    margin-bottom: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml98sp {
    margin-left: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt98sp {
    padding-top: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr98sp {
    padding-right: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb98sp {
    padding-bottom: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl98sp {
    padding-left: 98px !important;
  }
}

.pt98 {
  padding-top: 98px !important;
}

.pr98 {
  padding-right: 98px !important;
}

.pb98 {
  padding-bottom: 98px !important;
}

.pl98 {
  padding-left: 98px !important;
}

.mt99 {
  margin-top: 99px !important;
}

.mr99 {
  margin-right: 99px !important;
}

.mb99 {
  margin-bottom: 99px !important;
}

.ml99 {
  margin-left: 99px !important;
}

@media screen and (max-width: 767px) {
  .mt99sp {
    margin-top: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr99sp {
    margin-right: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb99sp {
    margin-bottom: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml99sp {
    margin-left: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt99sp {
    padding-top: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr99sp {
    padding-right: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb99sp {
    padding-bottom: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl99sp {
    padding-left: 99px !important;
  }
}

.pt99 {
  padding-top: 99px !important;
}

.pr99 {
  padding-right: 99px !important;
}

.pb99 {
  padding-bottom: 99px !important;
}

.pl99 {
  padding-left: 99px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

@media screen and (max-width: 767px) {
  .mt100sp {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr100sp {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb100sp {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml100sp {
    margin-left: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt100sp {
    padding-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr100sp {
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb100sp {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl100sp {
    padding-left: 100px !important;
  }
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.cb {
  clear: both;
}

.cba::after {
  content: "";
  clear: both;
  display: block;
}

.fadeitem0 {
  transition: all 0.5s ease !important;
  transform: translateY(20px);
  opacity: 0;
}
.fadeitem0.active {
  transform: none;
  opacity: 1;
}

.fadeitem1 {
  transition: all 1s ease !important;
  transform: translateY(50px);
  opacity: 0;
}
.fadeitem1.active {
  transform: none;
  opacity: 1;
}

.fadeitem2 {
  transition: all 4s ease !important;
  transform: translateY(40px);
  opacity: 0;
}
.fadeitem2.active {
  transform: none;
  opacity: 1;
}

.slideEffectLeft {
  transition: all 1s ease !important;
  transform: translateX(-150%);
}
.slideEffectLeft.active {
  transition: all 0.5s ease-out;
  transform: none;
  opacity: 1;
}

.slideEffectRight {
  transition: all 1s ease !important;
  transform: translateX(150%);
}
.slideEffectRight.active {
  transition: all 0.5s ease-out;
  transform: none;
  opacity: 1;
}

@keyframes CutIn {
  0% {
    transform: translateX(-100%);
  }
  40% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(150%);
  }
}
@keyframes Fade {
  0% {
    opacity: 1;
  }
  39% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes EffectType0 {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.4);
    filter: brightness(2);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}
@keyframes EffectType0_ov {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  100% {
    transform: scale(1.6);
    filter: brightness(2);
  }
}
@keyframes EffectType1 {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes ScrollEffect {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes Updown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes UpMove {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(5px);
  }
}
@keyframes ScaleXShow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.imgScaleEffect img {
  transition: all 0.5s ease-out;
  transform-origin: center;
}
.imgScaleEffect:hover img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: scale(1.02);
  filter: brightness(1.1);
}

.effect_delay1 {
  transition: all 0.25s ease !important;
}

.effect_delay2 {
  transition: all 0.5s ease !important;
}

.effect_delay3 {
  transition: all 0.75s ease !important;
}

.effect_delay4 {
  transition: all 1s ease !important;
}

.effect_delay5 {
  transition: all 1.25s ease !important;
}

.effect_delay6 {
  transition: all 1.5s ease !important;
}

.effectBottomUp {
  transform: translateY(40px);
  opacity: 0;
}
.effectBottomUp.active {
  transform: none;
  opacity: 1;
}

.effectSlideLeft {
  transform: translateX(-150%);
  opacity: 0;
}
.effectSlideLeft.active {
  transform: none;
  opacity: 1;
}

.effectSlideRight {
  transform: translateX(150%);
  opacity: 0;
}
.effectSlideRight.active {
  transform: none;
  opacity: 1;
}

.modalView {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  display: flex !important;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 100;
  transition: 0.2s all ease;
  cursor: pointer;
}
.modalView--hide {
  opacity: 0;
  pointer-events: none;
}
.modalView img {
  height: 90%;
  padding: 10px;
  box-sizing: border-box;
  -o-object-fit: contain;
     object-fit: contain;
}

.modalbtn {
  cursor: pointer;
}

.subpage .mapbox .searchBox.tohoku .buttonArea, .subpage .mapbox .searchBox.kanto .buttonArea, .subpage .mapbox .searchBox.tokai .buttonArea, .subpage .mapbox .searchBox.sikoku .buttonArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.subpage .mapbox {
  padding-bottom: 30px;
  position: relative;
}
.subpage .mapbox button {
  outline: 0;
  border: 0;
}
.subpage .mapbox button:focus {
  outline: 0;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox.pt0sp {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .subpage .mapbox.pb0sp {
    padding-bottom: 0;
  }
}
.subpage .mapbox.pb0 {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox.pb0 {
    padding-bottom: 0;
  }
}
.subpage .mapbox.mt30 {
  margin-top: 30px;
}
.subpage .mapbox.mb0 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox.searchBox {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .subpage .mapbox {
    padding: 10px;
  }
}
.subpage .mapbox__titleArea {
  margin-bottom: 40px;
}
.subpage .mapbox h2 {
  font-size: 2.8rem;
  background-color: #25408f;
  color: white;
  padding: 10px 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox h2 {
    font-size: 2rem;
    padding: 5px 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .subpage .mapbox h2.todofukenTitle {
    margin-bottom: 0px;
  }
}
.subpage .mapbox__info {
  padding: 15px 20px;
  display: flex;
  background-color: #eeeeee;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__info {
    display: block;
    padding: 10px 6px 15px;
  }
}
.subpage .mapbox__backbtnArea {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 30px 0;
}
.subpage .mapbox__backbtnArea a {
  text-decoration: none;
}
.subpage .mapbox__text {
  font-size: 20px;
  display: flex;
  justify-content: start;
  align-items: center;
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__text {
    justify-content: flex-start;
    padding: 0 0 15px 0;
  }
}
.subpage .mapbox__select {
  overflow: hidden;
  width: 320px;
  text-align: center;
  position: relative;
  border-radius: 2px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ffffff;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__select {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
  }
}
.subpage .mapbox__select::before {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 13px solid #000000;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__select::before {
    top: 17px;
    right: 17px;
  }
}
.subpage .mapbox__select select {
  font-size: 18px;
  width: 100%;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 20px;
}
.subpage .mapbox__select select::-ms-expand {
  display: none;
}
.subpage .mapbox__select.numberSelect {
  width: 115px;
  display: inline-block;
  margin: 0;
}
.subpage .mapbox__infomap {
  border: 6px solid #cccccc;
  position: relative;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__infomap {
    display: none;
  }
}
.subpage .mapbox .searchbtn {
  width: 130px;
  padding: 5px !important;
  border-radius: 5px !important;
  font-size: 18px !important;
  border: none;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .searchbtn {
    width: 30% !important;
    height: 40px;
    margin: 0 auto;
    min-width: 150px;
  }
}
.subpage .mapbox .backbtn {
  width: 250px;
  height: 60px;
  padding: 5px !important;
  border-radius: 5px !important;
  font-size: 1.8rem !important;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .backbtn {
    width: 60% !important;
    height: 50px;
    margin: 0 auto;
    min-width: 250px;
  }
}
.subpage .mapbox .searchBox {
  color: white;
  width: 105px;
  text-align: center;
  font-size: 2.2rem;
  border-radius: 5px;
  padding: 5px 2px;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .searchBox {
    width: 100% !important;
    position: relative;
    top: auto !important;
    left: auto !important;
    margin-bottom: 10px;
  }
}
.subpage .mapbox .searchBox h3 {
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.subpage .mapbox .searchBox .buttonArea .searchBox--btn:nth-child(1) {
  padding-top: 0;
}
.subpage .mapbox .searchBox .buttonArea a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .searchBox .buttonArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
  }
}
.subpage .mapbox .searchBox--btn {
  background-color: white;
  display: block;
  margin: 5px;
  padding: 2px 0;
  border-radius: 5px;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s ease all;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .searchBox--btn {
    width: 47% !important;
    margin: 1.8% !important;
    padding: 10px 0 !important;
  }
  .subpage .mapbox .searchBox--btn:nth-child(even) {
    margin-left: 0 !important;
  }
}
.subpage .mapbox .searchBox.okinawa {
  top: 610px;
  left: 57px;
  background-color: #a17da0;
}
.subpage .mapbox .searchBox.okinawa .searchBox--btn {
  color: #a17da0;
}
.subpage .mapbox .searchBox.okinawa .searchBox--btn:hover {
  color: white;
  background-color: #6e3c6e;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .searchBox.okinawa .searchBox--btn {
    width: 100% !important;
  }
}
.subpage .mapbox .searchBox.kyusyu {
  top: 162px;
  left: 57px;
  background-color: #a17da0;
}
.subpage .mapbox .searchBox.kyusyu .searchBox--btn {
  color: #a17da0;
}
.subpage .mapbox .searchBox.kyusyu .searchBox--btn:hover {
  color: white;
  background-color: #6e3c6e;
}
.subpage .mapbox .searchBox.tyugoku {
  top: 220px;
  left: 178px;
  background-color: #7595a8;
}
.subpage .mapbox .searchBox.tyugoku .searchBox--btn {
  color: #7595a8;
}
.subpage .mapbox .searchBox.tyugoku .searchBox--btn:hover {
  color: white;
  background-color: #4d6775;
}
.subpage .mapbox .searchBox.kinki {
  top: 140px;
  left: 300px;
  background-color: #d497a2;
}
.subpage .mapbox .searchBox.kinki .searchBox--btn {
  color: #d497a2;
}
.subpage .mapbox .searchBox.kinki .searchBox--btn:hover {
  color: white;
  background-color: #97646e;
}
.subpage .mapbox .searchBox.hokusin {
  top: 96px;
  left: 427px;
  background-color: #dcc47a;
}
.subpage .mapbox .searchBox.hokusin .searchBox--btn {
  color: #dcc47a;
}
.subpage .mapbox .searchBox.hokusin .searchBox--btn:hover {
  color: white;
  background-color: #9b8851;
}
.subpage .mapbox .searchBox.hokkaido {
  top: 93px;
  left: 684px;
  background-color: #789f74;
}
.subpage .mapbox .searchBox.hokkaido .searchBox--btn {
  color: #789f74;
}
.subpage .mapbox .searchBox.hokkaido .searchBox--btn:hover {
  color: white;
  background-color: #4c6949;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .searchBox.hokkaido .searchBox--btn {
    width: 100% !important;
  }
}
.subpage .mapbox .searchBox.sikoku {
  top: 580px;
  left: 300px;
  background-color: #818181;
  width: 205px;
}
.subpage .mapbox .searchBox.sikoku .searchBox--btn {
  color: #818181;
  width: 45%;
  margin: 5px 0;
}
.subpage .mapbox .searchBox.sikoku .searchBox--btn:hover {
  color: white;
  background-color: #4e4b4b;
}
.subpage .mapbox .searchBox.tokai {
  top: 602px;
  left: 534px;
  background-color: #66b089;
  width: 205px;
}
.subpage .mapbox .searchBox.tokai .searchBox--btn {
  color: #66b089;
  width: 45%;
  margin: 5px 0;
}
.subpage .mapbox .searchBox.tokai .searchBox--btn:hover {
  color: white;
  background-color: #3d7256;
}
.subpage .mapbox .searchBox.kanto {
  top: 459px;
  left: 563px;
  background-color: #c16554;
  width: 395px;
}
.subpage .mapbox .searchBox.kanto .searchBox--btn {
  color: #c16554;
  width: 22%;
  margin: 5px 0;
}
.subpage .mapbox .searchBox.kanto .searchBox--btn:hover {
  color: white;
  background-color: #7e4339;
}
.subpage .mapbox .searchBox.kanto .searchBox--btn:last-child {
  opacity: 0;
  pointer-events: none;
}
.subpage .mapbox .searchBox.tohoku {
  top: 274px;
  left: 686px;
  background-color: #728bb0;
  width: 205px;
}
.subpage .mapbox .searchBox.tohoku .searchBox--btn {
  color: #728bb0;
  width: 45%;
  margin: 5px 0;
}
.subpage .mapbox .searchBox.tohoku .searchBox--btn:hover {
  color: white;
  background-color: #4f5f75;
}
.subpage .mapbox.helpText {
  font-size: 2.7rem;
  padding-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox.helpText {
    padding-top: 0;
    margin-top: 0;
    font-size: 2rem;
    padding-bottom: 20px;
  }
}
.subpage .mapbox__itemselect {
  padding-top: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__itemselect {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.subpage .mapbox__itemselect .mapselectBtn {
  width: calc(24.9% - 60px / 4);
  height: 80px;
  margin: 0 20px 20px 0;
  border-radius: 5px;
  box-shadow: 0px 3px 0 #e1bc4b;
  background: #ffe082;
  color: black;
  padding: 0;
  font-size: 20px;
  color: #000000;
}
.subpage .mapbox__itemselect .mapselectBtn:hover, .subpage .mapbox__itemselect .mapselectBtn:active, .subpage .mapbox__itemselect .mapselectBtn:focus {
  color: #000000;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__itemselect .mapselectBtn {
    width: calc(49.8% - 28px / 4);
    height: 60px;
    font-size: 1.6rem;
    margin: 0 14px 14px 0;
  }
  .subpage .mapbox__itemselect .mapselectBtn:nth-child(2n) {
    margin-right: 0;
  }
}
.subpage .mapbox__itemselect .mapselectBtn:hover {
  color: black;
}
.subpage .mapbox__itemselect .mapselectBtn.disable {
  box-shadow: 0px 3px 0 #cccccc;
  background: #eeeeee;
  color: #999999;
  pointer-events: none;
  color: #999999;
}
.subpage .mapbox__itemselect .mapselectBtn.disable:hover, .subpage .mapbox__itemselect .mapselectBtn.disable:active, .subpage .mapbox__itemselect .mapselectBtn.disable:focus {
  color: #999999;
}
.subpage .mapbox__itemselect .mapselectBtn.disable:hover {
  color: #999999;
}
.subpage .mapbox__itemselect .mapselectBtn:nth-child(4n) {
  margin-right: 0;
}
.subpage .mapbox.notes {
  padding-top: 0;
}
.subpage .mapbox.notes p {
  border-top: 1px #cccccc solid;
  padding-top: 20px;
}
.subpage .mapbox__hospitalItemArea {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.subpage .mapbox__maptitle {
  display: flex;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__maptitle {
    display: block;
  }
}
.subpage .mapbox__maptitle__text {
  width: 85%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__maptitle__text {
    width: 100%;
    font-size: 2rem;
  }
}
.subpage .mapbox__maptitle__text h2 {
  background: none;
  color: #00a590;
  padding: 0;
}
.subpage .mapbox__maptitle__select {
  width: 15%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__maptitle__select {
    width: 100%;
    margin-top: 10px;
  }
}
.subpage .mapbox__maptitle__sysmes {
  margin: 70px 0 40px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__maptitle__sysmes {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.subpage .mapbox__mapinfo {
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.subpage .mapbox__mapinfo.mapIconBox {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__mapinfo.mapIconBox {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__mapinfo {
    justify-self: flex-start;
    display: block;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.subpage .mapbox__mapinfo__help {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__mapinfo__help {
    width: 100%;
  }
}
.subpage .mapbox__mapinfo__help:first-child {
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__mapinfo__help:first-child {
    padding-right: 0;
    margin: 5px 0;
  }
}
.subpage .mapbox__mapinfo__help img {
  width: 23px;
  height: auto;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__mapinfo__help img {
    width: 18px;
  }
}
.subpage .mapbox__mapinfo__help p {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox__mapinfo__help p {
    font-size: 1.4rem;
  }
}
.subpage .mapbox .hospitalData {
  width: calc(50% - 40px / 2);
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  border-left: 4px solid #ef7672;
  padding: 15px;
  margin: 0 40px 40px 0;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .hospitalData {
    width: 100%;
    margin: 0 0 20px 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.subpage .mapbox .hospitalData:nth-child(2n) {
  margin-right: 0;
}
.subpage .mapbox .hospitalData__tel::after {
  content: " : ";
}
.subpage .mapbox .hospitalData__name {
  color: #ef7672;
  font-size: 2.4rem;
  font-weight: bold;
  text-decoration: none;
}
.subpage .mapbox .hospitalData__name a {
  color: #ef7672;
  font-size: 2.4rem;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .hospitalData__name {
    margin-bottom: 0;
    font-size: 2rem;
  }
}
.subpage .mapbox .hospitalData__addr {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .hospitalData__addr {
    font-size: 1.8rem;
  }
}
.subpage .mapbox .hospitalData__printbtn {
  font-size: 20px;
  border-radius: 5px;
  box-shadow: 0px 3px 0 #e1bc4b;
  background: #ffe082;
  color: #222222;
  margin: 10px 10px 10px 0;
  width: 80%;
}
.subpage .mapbox .hospitalData__printbtn a {
  text-decoration: none;
  color: #222222;
}
.subpage .mapbox .hospitalData__printbtn a:hover, .subpage .mapbox .hospitalData__printbtn a:active, .subpage .mapbox .hospitalData__printbtn a:focus {
  color: #222222;
}
.subpage .mapbox .hospitalData__printbtn span {
  color: #222222 !important;
}
@media screen and (max-width: 767px) {
  .subpage .mapbox .hospitalData__printbtn {
    width: 90%;
    padding: 10px 15px;
    font-size: 1.8rem;
  }
}
.subpage .mapbox .hospitalData__printbtn:hover {
  color: #222222;
  transform: scale(1.05);
}
.subpage .mapbox .hospitalData__printbtn::before {
  content: "";
  background-image: url("/img/common/printicon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  padding-right: 10px;
}
.subpage .pager {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .subpage .pager {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 0%;
    min-width: 250px;
    width: 95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subpage .pager {
    margin: 0 auto 20px;
  }
}
.subpage .pager__left {
  width: 30px;
  height: 30px;
  background-image: url("/img//common/iconLeft.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 9px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .subpage .pager__left {
    width: 25px;
    height: 25px;
    margin-right: 0;
    margin-top: 0;
  }
}
.subpage .pager__right {
  width: 30px;
  height: 30px;
  background-image: url("/img//common/iconRight.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 9px;
}
@media screen and (max-width: 767px) {
  .subpage .pager__right {
    width: 25px;
    height: 25px;
    margin-top: 0;
  }
}
.subpage .pager__item {
  width: 50px;
  height: 50px;
  background-color: #999999;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.2s ease all;
}
.subpage .pager__item:hover {
  background-color: #acacac;
}
.subpage .pager__item.current {
  background-color: #253F8F;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .subpage .pager__item {
    width: 32px;
    height: 32px;
    margin-right: 0;
    font-size: 1.7rem;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.topbackLink {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .topbackLink {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.topbackLink a {
  font-size: 1.8rem;
}
.topbackLink a::before {
  background-image: url("/img/common/arrow01.png");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  padding-left: 30px;
}

#mapRoot {
  margin-top: 20px;
  width: 100%;
  height: 600px;
  border: 6px solid #cccccc;
}
@media screen and (max-width: 767px) {
  #mapRoot {
    margin-top: 10px;
    height: 300px;
  }
}

.faqArea {
  flex-wrap: wrap;
  font-size: 2.2rem !important;
  padding-bottom: 200px !important;
  position: relative;
}
.faqArea sup {
  font-size: 1.4rem !important;
}
@media screen and (max-width: 767px) {
  .faqArea sup {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 767px) {
  .faqArea {
    padding: 10px;
    margin-bottom: 0;
    font-size: 1.6rem !important;
    padding-bottom: 10px !important;
  }
}
.faqArea__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: #f8b551 4px solid;
  margin-bottom: 20px;
  color: white;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .faqArea__header {
    margin-bottom: 10px;
  }
}
.faqArea__header.bottom {
  margin-top: 35px;
}
.faqArea__header p {
  background-color: #f8b551;
  padding: 10px 20px;
  width: 44%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  background-clip: padding-box;
  background-color: #f8b551;
}
@media screen and (max-width: 767px) {
  .faqArea__header p {
    width: 42%;
    padding: 10px;
    text-align: center;
    line-height: 2rem;
  }
}
_:-ms-fullscreen, :root .faqArea__header p {
  padding-top: 0.6em;
}

.faqArea__header p.disable {
  background-color: #dddddd;
  color: #adadad;
}
.faqArea__content {
  width: 100%;
  position: relative;
}
.faqArea__content.blue .faqItem__ttl {
  background-color: #c2d4eb;
  box-shadow: 0px 3px 0 #adc8ed;
}
.faqArea__content.blue .faqItem__ttl.show {
  background-color: #adc8ed;
}
.faqArea__content.blue .faqItem__info {
  border: 4px solid #adc8ed;
  border-top: none;
}
.faqArea__content.orange .faqItem__ttl {
  background-color: #f4d1b6;
  box-shadow: 0px 3px 0 #f5c49e;
}
.faqArea__content.orange .faqItem__ttl.show {
  background-color: #f5c49e;
}
.faqArea__content.orange .faqItem__info {
  border: 4px solid #f5c49e;
  border-top: none;
}
.faqArea .faqItem {
  width: 100%;
}
.faqArea .faqItem.dn {
  display: none;
}
.faqArea .faqItem__ttl {
  width: 100%;
  padding: 10px 20px;
  position: relative;
  border-radius: 5px;
  cursor: pointer;
}
.faqArea .faqItem__ttl.show {
  box-shadow: none;
  border-radius: 5px 5px 0 0;
}
.faqArea .faqItem__ttl.show::after {
  transform: rotate(90deg);
}
_:-ms-fullscreen, :root .faqArea .faqItem__ttl {
  padding-top: 1em;
}

@media screen and (max-width: 767px) {
  .faqArea .faqItem__ttl {
    padding: 10px;
  }
}
.faqArea .faqItem__ttl p {
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__ttl p {
    padding-left: 20px;
    padding-right: 30px;
  }
}
.faqArea .faqItem__ttl::before {
  content: "Q.";
  position: absolute;
}
.faqArea .faqItem__ttl::after {
  content: "";
  background-image: url("/img/faq/faqArror.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 35%;
  right: 10px;
  transition: 0.2s ease all;
}
.faqArea .faqItem__info {
  width: 100%;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info {
    padding: 5px;
    padding-bottom: 10px;
  }
}
.faqArea .faqItem__info__box {
  margin-left: 34px;
  width: 95%;
  line-height: 3.5rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__box {
    margin-left: 24px;
    width: 91%;
    line-height: 2.4rem;
  }
}
.faqArea .faqItem__info__text {
  margin-left: 14px;
  width: 95%;
  line-height: 3.5rem;
  font-size: 1.8rem;
}
.faqArea .faqItem__info__text.nottl {
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.nottl {
    margin-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text {
    margin-left: 10px;
    width: 91%;
    line-height: 2.4rem;
  }
}
.faqArea .faqItem__info__text h2 {
  font-weight: bold;
}
.faqArea .faqItem__info__text p .bold {
  font-weight: bold;
}
.faqArea .faqItem__info__text.refBoxRoot {
  width: 95%;
  margin-top: 40px;
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.refBoxRoot {
    margin-top: 20px;
    margin-left: 25px;
    width: 90%;
  }
}
.faqArea .faqItem__info__text.refBoxRoot.imgmargin {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.refBoxRoot.imgmargin {
    margin-top: 15px;
    margin-bottom: 5px;
  }
}
.faqArea .faqItem__info__text.refBoxRoot.imagecenter {
  display: flex;
  justify-content: center;
}
.faqArea .faqItem__info__text.refBoxRoot.imagecenter .tac {
  text-align: center;
}
.faqArea .faqItem__info__text.refBoxRoot.imagecenter img {
  border: none;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.refBoxRoot.imagecenter img {
    width: 100%;
  }
}
.faqArea .faqItem__info__text.refBoxRoot img {
  border: 1px solid #cccccc;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.refBoxRoot img {
    margin-bottom: 10px;
  }
}
.faqArea .faqItem__info__text.subBoxRoot {
  font-size: 1.6rem;
  margin-top: 30px;
  margin-left: 40px;
}
.faqArea .faqItem__info__text.subBoxRoot.mt20 {
  margin-top: 20px;
}
.faqArea .faqItem__info__text.subBoxRoot.mt0 {
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.subBoxRoot {
    font-size: 1.2rem;
    margin-left: 25px;
    margin-top: 10px;
    line-height: 1.7rem;
  }
}
.faqArea .faqItem__info__text.subBoxRoot a {
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.subBoxRoot a {
    text-decoration: underline;
    word-break: break-all;
  }
}
.faqArea .faqItem__info__text.subBoxRoot a:hover {
  text-decoration: none;
}
.faqArea .faqItem__info__text.subBoxRoot a:hover::after {
  display: none;
}
.faqArea .faqItem__info__text.subBoxRoot a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #4a6cd0;
  position: absolute;
  bottom: 2px;
  left: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__text.subBoxRoot a::after {
    display: none;
  }
}
_:-ms-fullscreen, :root .faqArea .faqItem__info__text.subBoxRoot a {
  text-decoration: underline;
}
_:-ms-fullscreen:hover, :root .faqArea .faqItem__info__text.subBoxRoot a:hover {
  text-decoration: none;
}
_:-ms-fullscreen::after, :root .faqArea .faqItem__info__text.subBoxRoot a::after {
  display: none;
}

.faqArea .faqItem__info__text .refBox {
  border: 1px #cccccc solid;
  width: 100%;
}
.faqArea .faqItem__info__ref {
  margin-top: 15px;
  font-size: 1.6rem;
  width: 100%;
  text-align: right;
  line-height: 3rem;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__ref {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.faqArea .faqItem__info__ref.tlpc {
  text-align: left;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__ref.tlpc {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__ref.trsp {
    text-align: right;
  }
}
.faqArea .faqItem__info__ref .ref1 {
  margin-bottom: 6px;
}
.faqArea .faqItem__info__ref .ref1::before {
  content: "1）";
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__ref .ref1 {
    margin-bottom: 0;
  }
}
.faqArea .faqItem__info__ref .ref2::before {
  content: "2）";
}
.faqArea .faqItem__info__ref.multiLine {
  width: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info__ref.multiLine {
    margin-left: 25px;
  }
}
.faqArea .faqItem__info__ref.multiLine .ref1 {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}
.faqArea .faqItem__info__ref.multiLine .ref2 {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}
.faqArea .faqItem__info .fr {
  float: right;
  width: 255px;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info .fr {
    width: 50%;
    margin-left: 15px;
  }
}
.faqArea .faqItem__info .fr.size1 {
  margin-bottom: 0px;
  margin-left: 60px;
  width: 340px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info .fr.size1 {
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
  }
}
.faqArea .faqItem__info .fr.size2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem__info .fr.size2 {
    margin-bottom: 10px;
  }
}
.faqArea .faqItem__info::before {
  content: "A.";
  position: relative;
  display: inline-block;
}
.faqArea .faqItem:nth-child(n+2) {
  margin-top: 22px;
}
@media screen and (max-width: 767px) {
  .faqArea .faqItem:nth-child(n+2) {
    margin-top: 12px;
  }
}

.faqsapmle {
  position: absolute;
  top: 350px;
  left: 90px;
  opacity: 0.8;
  margin: 0 auto;
  width: 77%;
  display: none;
}

.usefulArea {
  position: relative;
  padding-bottom: 0 !important;
}
.usefulArea .infoArea__item--ttl {
  width: 100%;
}
.usefulArea .footerlink {
  font-size: 1.2rem;
}
.usefulArea.indexPage {
  margin-bottom: 200px !important;
}
@media screen and (max-width: 767px) {
  .usefulArea.indexPage {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .usefulArea {
    padding: 10px;
  }
}
.usefulArea__content {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.usefulArea__content.linkpage {
  display: block;
}
@media screen and (max-width: 767px) {
  .usefulArea__content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.usefulArea__content__linkInfo {
  margin-top: 35px;
  margin-bottom: 60px;
}
.usefulArea__content__linkInfo .openmodal {
  cursor: pointer;
}
.usefulArea__content__linkInfo .ttl img {
  width: 25px;
  margin-right: 10px;
  transform: translateY(5px);
}
.usefulArea__content__linkInfo .ttl a {
  font-weight: bold;
  display: inline;
  font-size: 2rem;
  color: #000;
}
.usefulArea__content__linkInfo .ttl a:hover, .usefulArea__content__linkInfo .ttl a:active, .usefulArea__content__linkInfo .ttl a:focus {
  color: #000;
}
.usefulArea__content__linkInfo .detail {
  margin-top: 18px;
  display: flex;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .usefulArea__content__linkInfo .detail {
    display: block;
  }
}
.usefulArea__content__linkInfo .detail .siteimg {
  width: 250px;
  height: auto;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .usefulArea__content__linkInfo .detail .siteimg {
    width: 100%;
    height: auto;
  }
}
.usefulArea__content__linkInfo .detail .annotation {
  font-size: 1.4rem;
  margin-top: 25px;
}
.usefulArea__content__item {
  width: calc(50% - 20px);
  background-color: #61a500;
  border-bottom: 1px solid #4e8400;
  border-radius: 10px;
  padding: 20px 25px;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease background-color;
  color: #fff;
  margin-bottom: 40px;
}
.usefulArea__content__item:hover, .usefulArea__content__item:active, .usefulArea__content__item:focus {
  color: #fff;
}
.usefulArea__content__item.preparation {
  pointer-events: none;
  background-color: #cccccc;
  border-bottom: 1px solid #aaaaaa;
}
.usefulArea__content__item.preparation .ttl {
  border-bottom: 1px solid #aaaaaa;
}
.usefulArea__content__item.preparation .info {
  border-top: 1px solid #f5f5f5;
}
@media screen and (max-width: 767px) {
  .usefulArea__content__item {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}
.usefulArea__content__item:hover {
  background-color: #6ab305;
}
.usefulArea__content__item .ttl {
  font-size: 2.6rem;
  padding: 18px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #4e8400;
  font-weight: bold;
}
.usefulArea__content__item .ttl img {
  width: auto;
  height: 45px;
  margin-right: 10px;
}
.usefulArea__content__item .info {
  border-top: 1px solid #81ce14;
  font-size: 2rem;
  padding: 25px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.linkModal {
  border-radius: 20px;
  padding: 0 !important;
}
.linkModal .ttlArea {
  padding-top: 23px;
  padding-bottom: 23px;
}
.linkModal .ttlArea .ttl {
  font-size: 2.2rem;
  font-weight: bold;
}
.linkModal .infoArea {
  font-size: 1.8rem;
}
.linkModal .infoArea .annotation {
  font-size: 1.35rem;
  padding-top: 10px;
}
.linkModal .btnArea {
  padding-top: 23px;
  padding-bottom: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkModal .btnArea .modalBtn {
  font-size: 1.6rem;
  padding: 6px 30px;
  border-radius: 30px;
  background-color: #25408F;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.linkModal .btnArea .modalBtn.cansel {
  background-color: #A2A2A2;
}
.linkModal .btnArea .modalBtn:first-child {
  margin-right: 10px;
}

.usefulInfoArea {
  position: relative;
  margin-bottom: 70px;
  border: 4px solid #61a500;
  padding: 35px;
  margin-left: 35px;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea {
    margin-left: 0;
    padding: 0px 20px;
    padding-top: 50px;
  }
}
.usefulInfoArea::after {
  content: "";
  clear: both;
  display: block;
}
.usefulInfoArea:first-of-type {
  margin-top: 30px;
}
.usefulInfoArea:last-of-type {
  margin-bottom: 30px;
}
.usefulInfoArea.type02 .imgArea {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea.type02 .imgArea {
    width: 45%;
    float: right;
  }
}
.usefulInfoArea.type03 .imgArea {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea.type03 .imgArea {
    width: 100%;
  }
}
.usefulInfoArea.type04 .imgArea {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea.type04 .imgArea {
    width: 50%;
    float: right;
    margin-left: 15px;
  }
}
.usefulInfoArea .imgArea {
  width: 65%;
  margin-left: 20px;
  float: right;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea .imgArea {
    width: 100%;
    margin: 0;
    float: none;
  }
}
.usefulInfoArea .imgArea img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea .imgArea img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .usefulInfoArea .textArea {
    margin-bottom: 20px;
  }
}
.usefulInfoArea .numberBox {
  position: absolute;
  left: -40px;
  top: -40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #61a500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #61a500;
  font-weight: bold;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea .numberBox {
    left: -4px;
  }
}

.usefulInfoArea2 {
  position: relative;
  display: block;
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea2 {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.usefulInfoArea2:first-of-type {
  margin-top: 30px;
}
.usefulInfoArea2:last-of-type {
  margin-bottom: 30px;
}
.usefulInfoArea2::after {
  content: "";
  clear: both;
  display: block;
}
.usefulInfoArea2.type02 .imgArea {
  width: calc(60% - 40px);
}
@media screen and (max-width: 767px) {
  .usefulInfoArea2.type02 .imgArea {
    width: 60%;
    float: right;
  }
}
.usefulInfoArea2 .imgArea {
  float: right;
  width: calc(60% - 40px);
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea2 .imgArea {
    width: 100%;
    float: none;
    margin: 0;
  }
}
.usefulInfoArea2 .imgArea img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .usefulInfoArea2 .imgArea img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .usefulInfoArea2 .textArea {
    width: 100%;
  }
}

.usefulImgArea {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.usefulImgArea img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .usefulImgArea img {
    width: 90%;
  }
}

.usefulttl {
  font-size: 2.8rem;
  color: #61a500;
  position: relative;
  padding: 0px 22px;
  margin-bottom: 20px;
  border: 2px solid #61a500;
  display: inline-block;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .usefulttl {
    font-size: 2.8rem;
    padding: 10px 20px;
  }
}

.usefulAnnotation {
  font-size: 1.4rem;
  margin-left: 1.8rem;
  position: relative;
}
.usefulAnnotation::before {
  content: "※";
  text-indent: -1.8rem;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .usefulAnnotation {
    font-size: 1.4rem;
    margin-left: 1.8rem;
  }
  .usefulAnnotation::before {
    text-indent: -1.8rem;
  }
}

.themecolor {
  color: #61a500;
}

.cooperation {
  text-align: right;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .cooperation {
    font-size: 1.4rem;
    margin-top: 30px;
  }
}

.usefulInfoBox {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .usefulInfoBox {
    margin-top: 50px;
  }
}

.printHideArea {
  display: none;
}
@media screen and (max-width: 767px) {
  .printHideArea {
    display: block;
  }
}

.nopager {
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  .nopager {
    padding-top: 0;
  }
}

.webAppArea .dn {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .webAppArea {
    font-size: 2.2rem;
    padding: 0;
  }
}
@media print {
  .webAppArea.printFull {
    width: 100% !important;
  }
}

.guidBox {
  padding-bottom: 40px;
}
.guidBox__ttl {
  background-color: #25408f;
  color: white;
  font-size: 2.8rem;
  padding: 20px 35px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .guidBox__ttl {
    padding: 15px;
    text-align: center;
    font-size: 1.8rem;
  }
}
.guidBox__inner {
  padding: 25px 35px;
  background-color: #f2f2f2;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .guidBox__inner {
    padding: 20px;
    font-size: 1.8rem;
  }
}
.guidBox__inner .ttl {
  color: #f47b20;
  padding-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .guidBox__inner .ttl {
    padding-bottom: 5px;
  }
}
.guidBox__inner ul {
  padding-bottom: 25px;
  list-style-type: none;
}
@media screen and (max-width: 767px) {
  .guidBox__inner ul {
    padding-bottom: 25px;
  }
}
.guidBox__inner ul:last-child {
  padding-bottom: 0;
}
.guidBox__inner ul li {
  font-size: 1.8rem;
  padding-left: 2.4rem;
  line-height: 4rem;
  background-image: url("/img/fvc/list.png");
  background-repeat: no-repeat;
  background-size: 0.6rem;
  background-position: left center;
  line-height: 3rem;
}

.dl-pdf {
  margin-bottom: 50px;
}
.dl-pdf ul {
  display: flex;
  justify-content: center;
}
.dl-pdf ul li {
  text-align: center;
  transition: 0.2s all ease;
}
.dl-pdf ul li img {
  width: 80px;
}
.dl-pdf ul li:first-child {
  margin-right: 40px;
}
.dl-pdf ul li:hover {
  transform: scale(1.1);
}

.stepboxArea:last-child {
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .stepboxArea:last-child {
    padding-bottom: 0;
  }
}
.stepboxArea .stepbox {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.stepboxArea .stepbox .step {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #25408f;
  border-radius: 30px;
  color: white;
  width: 100px;
  height: 30px;
  line-height: 1;
  margin-right: 20px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .stepboxArea .stepbox .step {
    margin-right: 15px;
    font-size: 1.8rem;
  }
}
.stepboxArea .stepbox .label {
  line-height: 1;
  color: #25408f;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .stepboxArea .stepbox .label {
    line-height: 1.4;
  }
}

.stepboxInfo0 {
  font-size: 1.8rem;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .stepboxInfo0 {
    font-size: 1.8rem;
  }
}

.stepboxInfo {
  font-size: 1.8rem;
  padding-bottom: 10px;
  padding-top: 10px;
}
.stepboxInfo.orange {
  color: #f47b20;
  font-weight: bold;
}
.stepboxInfo.detail {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .stepboxInfo {
    font-size: 1.8rem;
    text-align: center;
  }
}

.guidPageInfo {
  font-size: 1.8rem;
  padding-bottom: 25px;
}
.guidPageInfo.orange {
  color: #f47b20;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .guidPageInfo {
    font-size: 1.8rem;
  }
}

.guide-img {
  width: 80%;
  margin: auto;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .guide-img {
    width: 95%;
  }
}
.guide-img.nrw {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .guide-img.nrw {
    width: 85%;
  }
}

.reginfoboxArea {
  padding-top: 25px;
  border-top: 2px dotted #a7a7a7;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .reginfoboxArea {
    padding-top: 30px;
    border-top: none;
    border-bottom: none;
  }
}
.reginfoboxArea .ttl {
  color: #25408f;
  padding-bottom: 10px;
  font-weight: bold;
}
.reginfoboxArea .reginfobox {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .reginfoboxArea .reginfobox {
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
.reginfoboxArea .reginfobox .detail {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .reginfoboxArea .reginfobox .detail {
    width: 100%;
  }
}
.reginfoboxArea .reginfobox .img {
  width: calc(50% - 45px);
}
@media screen and (max-width: 767px) {
  .reginfoboxArea .reginfobox .img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .reginfoboxArea .reginfobox .img img {
    vertical-align: bottom;
    padding-bottom: 25px;
  }
}
.reginfoboxArea .reginfobox.pc {
  display: flex;
}
@media screen and (max-width: 767px) {
  .reginfoboxArea .reginfobox.pc {
    display: none;
  }
}
.reginfoboxArea .reginfobox.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .reginfoboxArea .reginfobox.sp {
    display: block;
  }
}

.webappInfoFooter {
  display: flex;
  justify-content: center;
}
.webappInfoFooter .footerText {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .webappInfoFooter {
    display: none;
  }
}

.webappFormTitleArea {
  background-color: #142d75;
  padding: 10px 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  color: white;
}
@media screen and (max-width: 767px) {
  .webappFormTitleArea {
    padding: 15px;
    font-size: 1.8rem;
  }
}
.webappFormTitleArea.orange {
  background-color: #f47b20;
}
.webappFormTitleArea.yellow {
  background-color: #f3b714;
}
.webappFormTitleArea.lightblue {
  background-color: #00a2ff;
}
.webappFormTitleArea.white {
  background: #cccccc;
  color: #333333;
}
.webappFormTitleArea.toggle {
  background-color: #3d57a5;
  border-top: 1px solid white;
  cursor: pointer;
  position: relative;
  padding: 15px 15px 15px 30px;
}
.webappFormTitleArea.toggle .icon {
  display: block;
  position: absolute;
  right: 30px;
  top: 35%;
  transform-origin: 50% 50%;
  transform: translateY(-50%);
  transform: rotate(0);
  transition: 0.2s ease transform;
}
.webappFormTitleArea.toggle h2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .webappFormTitleArea.toggle h2 {
    justify-content: flex-start;
    width: 100%;
  }
}
.webappFormTitleArea.toggle span {
  font-size: 2rem;
}
.webappFormTitleArea.open .icon {
  transform: rotate(90deg);
}
.webappFormTitleArea h2 {
  font-size: 2.8rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .webappFormTitleArea h2 {
    font-size: 2.4rem;
  }
}

.webappFormBox {
  background-color: #f2f2f2;
  padding: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .webappFormBox {
    padding: 20px;
    margin-bottom: 0px;
    font-size: 1.8rem;
  }
}
.webappFormBox h2 {
  width: 100%;
}
.webappFormBox .day {
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .webappFormBox .day {
    font-size: 2.2rem;
  }
}
.webappFormBox .footerbuttonArea {
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .webappFormBox .footerbuttonArea {
    padding-top: 10px;
  }
}
.webappFormBox .footerbuttonArea .webappBtn {
  width: calc(50% - 12px);
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .webappFormBox .footerbuttonArea .webappBtn {
    font-size: 1.8rem;
    width: calc(50% - 3px);
    min-width: initial;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox .footerbuttonArea .webappBtn .inner {
    padding: 15px 3px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox .footerbuttonArea .webappBtn.wdL {
    width: 60%;
  }
}
.webappFormBox .footerbuttonArea .webappBtn:nth-child(n+3) {
  margin-top: 20px;
}
.webappFormBox.margin {
  margin: 30px 0;
}
.webappFormBox.tableArea {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea {
    padding-bottom: 0;
    padding: 10px;
  }
}
.webappFormBox.tableArea .bold {
  font-weight: bold;
}
.webappFormBox.tableArea table {
  border: 1;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 2.2rem;
  background-color: white;
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table.tableType00 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table.tableType00 th {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table.tableType00 td {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table.tableType01 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table.tableType01 th {
    height: 50px;
  }
  .webappFormBox.tableArea table.tableType01 th:nth-child(1) {
    width: 25%;
  }
  .webappFormBox.tableArea table.tableType01 th:nth-child(2) {
    width: 17.8%;
  }
  .webappFormBox.tableArea table.tableType01 th:nth-child(3) {
    width: 13.2%;
  }
  .webappFormBox.tableArea table.tableType01 th:nth-child(4) {
    width: 13.2%;
  }
  .webappFormBox.tableArea table.tableType01 th:nth-child(5) {
    width: 18.4%;
  }
  .webappFormBox.tableArea table.tableType01 th:nth-child(6) {
    width: 12.4%;
  }
}
.webappFormBox.tableArea table.tableType01 td {
  height: 40px;
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table.tableType01 td {
    height: 30px;
  }
}
.webappFormBox.tableArea table span {
  font-size: 1.4rem;
}
.webappFormBox.tableArea table th {
  background-color: #f2f2f2;
  border: solid 1px #cccccc;
  height: 60px;
  text-align: center;
}
.webappFormBox.tableArea table td {
  border: solid 1px #cccccc;
  height: 60px;
  text-align: center;
}
.webappFormBox.tableArea table td img {
  width: auto;
  height: 16px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table td img {
    width: 20px;
    height: auto;
  }
}
.webappFormBox.tableArea table .color1 {
  background-color: #e9ecf4;
}
.webappFormBox.tableArea table .color1 div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table .color1 div {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table .color1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table .color1 span {
    display: block;
  }
}
.webappFormBox.tableArea table .color2 {
  background-color: #fef8e7;
}
.webappFormBox.tableArea table .color2 div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table .color2 div {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table .color2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox.tableArea table .color2 span {
    display: block;
  }
}
.webappFormBox.tableArea table .sleep {
  background-color: #e9ecf4;
}
.webappFormBox.tableArea table .wakeup {
  background-color: #fef8e7;
}
.webappFormBox.tableArea table .row1 td:first-child {
  border-right: none;
}
.webappFormBox.tableArea table .row1 td:not(:first-child):not(:last-child) {
  border-left: none;
  border-right: none;
}
.webappFormBox.tableArea table .row1 td:last-child {
  border-left: none;
}
.webappFormBox .time {
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .webappFormBox .time {
    font-size: 2.2rem;
  }
}
.webappFormBox .ttl {
  font-size: 2.8rem;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .webappFormBox .ttl {
    font-size: 1.8rem;
  }
}
.webappFormBox .ttl2 {
  font-size: 4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .webappFormBox .ttl2 {
    font-size: 3.4rem;
  }
}
.webappFormBox .detail {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .webappFormBox .detail {
    font-size: 1.8rem;
  }
}
.webappFormBox .center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.webappFormBox .formGroupe {
  margin: 30px 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .webappFormBox .formGroupe {
    justify-content: center;
    margin: 20px 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .webappFormBox .formGroupe.wrapSP {
    flex-wrap: wrap;
  }
}
.webappFormBox .formGroupe.topline {
  border-top: 1px dotted #9e9e9e;
  padding-top: 30px;
}
.webappFormBox .formGroupe:not(:first-child) {
  margin-top: 0;
}
.webappFormBox .formGroupe:last-child {
  margin-bottom: 35px;
}
.webappFormBox .formGroupe2 {
  margin: 20px 30px;
}
@media screen and (max-width: 767px) {
  .webappFormBox .formGroupe2 {
    margin: 20px 30px;
  }
}
.webappFormBox .tac {
  text-align: center;
}
.webappFormBox .fullSize {
  width: 100%;
}
.webappFormBox span {
  margin: 0 30px 0 10px;
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .webappFormBox span {
    margin: 0 7px 0 3px;
  }
}
.webappFormBox .penIcon {
  display: flex;
  justify-content: center;
  align-content: center;
}

.btnArea {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.btnArea.between {
  justify-content: space-between;
}
.btnArea .noicon {
  max-width: 250px;
}
.btnArea.resetBtn {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .btnArea.resetBtn {
    flex-wrap: wrap;
  }
}

.webappInputSelectRoot {
  overflow: hidden;
  width: 600px;
  height: 55px;
  text-align: center;
  position: relative;
  border-radius: 2px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #ffffff;
  padding-right: 10px;
}
.webappInputSelectRoot.year {
  width: 140px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .webappInputSelectRoot.year {
    width: auto;
  }
}
.webappInputSelectRoot.day {
  width: 90px;
  margin: 0;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .webappInputSelectRoot.day {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .webappInputSelectRoot {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
  }
}
.webappInputSelectRoot::before {
  position: absolute;
  top: 20px;
  right: 6px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #000000;
  pointer-events: none;
}
.webappInputSelectRoot .webappInput {
  width: 100%;
  height: 100%;
  font-size: 2.8rem;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  font-weight: normal;
  /*
  @include ios-only{
      width: auto;
  }
  */
}
@media screen and (max-width: 767px) {
  .webappInputSelectRoot .webappInput {
    font-size: 2.4rem;
    padding: 0 5vw;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .loginInputForm {
    width: 100%;
  }
}

.webappInput {
  width: 600px;
  height: 55px;
  border: 1px solid #cccccc;
  margin: 30px;
  font-size: 2.8rem;
  padding: 5px;
  text-align: center;
  background-color: white;
}
@media screen and (max-width: 767px) {
  .webappInput {
    width: 100%;
    padding: 0;
  }
}
.webappInput ::-ms-expand {
  display: none;
}
.webappInput::-moz-placeholder {
  color: #B9B9C8;
}
.webappInput::placeholder {
  color: #B9B9C8;
}
.webappInput:focus::-moz-placeholder {
  color: transparent;
}
.webappInput:focus::placeholder {
  color: transparent;
}
.webappInput.ml {
  width: 220px;
  height: 55px;
  margin: 0;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .webappInput.ml {
    margin-bottom: 20px;
    width: 80%;
  }
}
.webappInput.kg {
  width: 250px;
  height: 55px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .webappInput.loginInput {
    margin: 20px 0;
  }
}

.webappCheck {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .webappCheck {
    margin-right: 10px;
  }
}

label {
  margin-right: 35px;
}
label :last-child {
  margin-right: 0;
}

/*
.webappBtn {
    background-color: $webappBGColor;
    box-shadow: 0px 3px 0 #091b50;
    position: relative;
    margin: 30px auto !important;
    width: auto !important;
    padding: 15px 50px !important;

    @include MediaSP {
        padding: 7px !important;
        margin: 20px auto !important;
        width: 90% !important;
    }
}
*/
.webappMenuBtn {
  font-size: 2.2rem;
  color: white;
  background-color: #142d75 !important;
  padding: 15px 0;
  padding-left: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  transition: 0.2s ease background-color;
  color: white;
}
.webappMenuBtn:hover {
  background-color: #3c5ab7 !important;
}
.webappMenuBtn:last-child {
  margin-bottom: 0;
}
.webappMenuBtn.printBtn {
  justify-content: center;
  padding-left: 0;
}
.webappMenuBtn:hover, .webappMenuBtn:active, .webappMenuBtn:focus {
  color: white;
}

.printBtnBox {
  margin-bottom: 30px;
}
.printBtnBox::after {
  content: "";
  margin-top: 30px;
  border-bottom: 1px dotted #a5a5a5;
  display: block;
}

.printMenuBox {
  margin-bottom: 30px;
  border-bottom: 1px dotted #9e9e9e;
  display: none;
}
.printMenuBox .webappMenuBtn {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  margin-bottom: 30px;
  background-color: #25408f;
  box-shadow: 0px 3px 0 #091b50;
}

.iconBaseSize {
  width: auto;
  height: 35px;
  padding-right: 15px;
}

.webappHeader {
  background: #142d75;
  font-size: 3rem;
  color: white;
}
@media screen and (max-width: 767px) {
  .webappHeader {
    font-size: 2.4rem;
  }
}
.webappHeader.yellow {
  background-color: #f3b714;
}
.webappHeader .textArea {
  text-align: center;
  padding: 20px;
}
.webappHeader .textArea img {
  width: 26px;
  padding: 0 20px;
}
.webappHeader .textArea p {
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .webappHeader .textArea p {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.webappHeader .textArea p:last-child {
  padding-bottom: 0;
  font-weight: bold;
}
.webappHeader .detail {
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .webappHeader .detail {
    font-size: 1.8rem;
  }
}

.webappBtnArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  text-decoration: none;
  position: relative;
  margin: 30px;
}
@media screen and (max-width: 767px) {
  .webappBtnArea {
    margin: 20px 0;
    padding-bottom: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .webappBtnArea {
    display: flex;
    justify-content: center;
    margin: 0;
    width: 100%;
  }
}
.webappBtnArea.center {
  justify-content: center;
}
.webappBtnArea.edit {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .webappBtnArea.edit {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .webappBtnArea.edit .webappBtn {
    min-width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .webappBtnArea.edit .webappBtn.gray {
    width: 32%;
    min-width: initial;
  }
}
.webappBtnArea.edit .webappBtn:nth-child(n+2) {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .webappBtnArea.edit .webappBtn:nth-child(n+2) {
    margin-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .webappBtnArea.deleteMode .webappBtn {
    width: 60%;
  }
}
.webappBtnArea.topline {
  border-top: 1px dotted #9e9e9e;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .webappBtnArea.topline {
    padding-top: 20px;
    margin-top: 20px;
    border-bottom: 1px dotted #9e9e9e;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.webappBtnArea.diaryFooterButton {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .webappBtnArea.diaryFooterButton {
    width: 100%;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .webappBtnArea.diaryFooterButton .webappBtn {
    width: 70%;
  }
}
.webappBtnArea:last-child {
  padding-bottom: 0;
}
.webappBtnArea .halfSize {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .webappBtnArea .halfSize {
    width: calc(100% - 10px);
  }
}
.webappBtnArea .fullSize {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .webappBtnArea .halfSizeSP {
    width: 80%;
  }
}
.webappBtnArea .detail {
  font-size: 1.8rem;
  text-align: center;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .webappBtnArea .detail {
    padding-top: 0;
  }
}
.webappBtnArea .mainpageIcon {
  height: 30px;
  padding-right: 10px;
}

.webappBtn {
  outline: none;
  border: none;
  color: white;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  text-decoration: none;
  position: relative;
  background: #00a2ff;
  box-shadow: 0px 3px 0 #0082cd;
  min-width: 260px;
  font-size: 2rem !important;
  white-space: nowrap;
  color: #fff;
}
.webappBtn:hover, .webappBtn:active, .webappBtn:focus {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .webappBtn {
    font-size: 2.4rem;
    margin-bottom: 20px;
    min-width: 200px;
  }
}
.webappBtn.login {
  width: 250px;
}
@media screen and (max-width: 767px) {
  .webappBtn.login {
    width: auto;
  }
}
.webappBtn.orange {
  background: #f47b20;
  box-shadow: 0px 3px 0 #c55f13;
}
.webappBtn.largeSP {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webappBtn.yellow {
  background: #f3b714;
  box-shadow: 0px 3px 0 #d69f0a;
}
.webappBtn.white {
  background: #eeeeee;
  box-shadow: 0px 3px 0 #cccccc;
  color: #333333;
}
.webappBtn.gray {
  background: #b9b9b9;
  box-shadow: 0px 3px 0 #a7a7a7;
  color: #fff;
  width: auto;
  min-width: initial;
}
.webappBtn.gray a {
  color: #fff;
  text-decoration: none;
}
.webappBtn.gray a:hover, .webappBtn.gray a:active, .webappBtn.gray a:focus {
  color: #fff;
}
.webappBtn.blue {
  background: #25408f;
  box-shadow: 0px 3px 0 #091b50;
}
.webappBtn.fontsize2 {
  font-size: 2.2rem;
}
.webappBtn .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .webappBtn .inner {
    padding: 10px;
  }
}
.webappBtn .innerL {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 80px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .webappBtn .innerL {
    padding: 10px;
  }
}
.webappBtn img {
  width: auto;
  height: 27px;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .webappBtn img {
    height: 20px;
    padding-right: 6px;
  }
}
.webappBtn img.rightIcon {
  padding-left: 20px;
  padding-right: 0;
}
.webappBtn.largebtn {
  min-height: 90px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webappBtn.largebtn .inner {
  font-size: 2.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .webappBtn.drinkbtn {
    min-height: initial;
  }
}
.webappBtn.kirokubtn {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .webappBtn.kirokubtn {
    width: 80%;
  }
}
.webappBtn.weightbtn {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .webappBtn.weightbtn {
    width: 80%;
  }
}
.webappBtn.weightbtn .inner {
  font-weight: bold;
}

.borderboxArea {
  position: relative;
  display: flex;
  background: repeating-linear-gradient(-45deg, #97a2ff 0, #97a2ff 8px, white 8px, white 16px);
  padding: 10px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .borderboxArea {
    margin-top: 30px;
    font-size: 1.8rem;
  }
}
.borderboxArea p {
  background-color: white;
  padding: 25px;
  font-size: 2.4rem;
}

.webappBtn2 {
  width: calc(50% - 20px);
  background-color: #f47b20;
  border-bottom: 1px solid #c55f13;
  border-radius: 10px;
  padding: 0px 25px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease background-color;
  color: #fff;
}
.webappBtn2:hover, .webappBtn2:active, .webappBtn2:focus {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .webappBtn2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.webappBtn2:hover {
  background-color: rgb(251, 143, 60);
}
.webappBtn2.gray {
  background-color: #777777;
  border-bottom: 1px solid #555555;
}
.webappBtn2.gray:hover {
  background-color: #989898;
}
.webappBtn2.gray .ttl {
  border-bottom: 1px solid #555555;
}
.webappBtn2.gray .info {
  border-top: 1px solid #999999;
}
.webappBtn2.preparation {
  pointer-events: none;
  background-color: #cccccc;
  border-bottom: 1px solid #aaaaaa;
}
.webappBtn2.preparation .ttl {
  border-bottom: 1px solid #aaaaaa;
}
.webappBtn2.preparation .info {
  border-top: 1px solid #f5f5f5;
}
.webappBtn2 .ttl {
  font-size: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #c55f13;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
}
.webappBtn2 .ttl img {
  width: auto;
  height: 45px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .webappBtn2 .ttl {
    font-size: 2rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.webappBtn2 .info {
  border-top: 1px solid #f8954a;
  font-size: 2rem;
  min-height: 110px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .webappBtn2 .info {
    font-size: 1.4rem;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 60px;
  }
}

.footermenuSP {
  display: none;
}
@media screen and (max-width: 767px) {
  .footermenuSP {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    margin-top: 30px;
  }
}
.footermenuSP .webappMenuBtn {
  width: calc(33% - 10px);
  padding: 10px 0 5px 0;
  padding-left: 0;
  margin: 0;
  display: block;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 1.4rem;
  background-color: #25408f !important;
}
.footermenuSP .webappMenuBtn .iconBaseSize {
  padding: 0;
}

@media screen and (max-width: 767px) {
  footer.footerMenuArea {
    margin-top: 0;
  }
}

.login-error {
  text-align: center;
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .login-error {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .login-error.sp-small {
    font-size: 85%;
  }
}

.errorModalView {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease opacity;
  z-index: 0;
}
.errorModalView.show {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
}
.errorModalView .messageArea {
  width: 50%;
  min-width: 800px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #f2f2f2;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .errorModalView .messageArea {
    width: 80%;
    min-width: initial;
  }
}
.errorModalView .errorTitleArea {
  background-color: #142d75;
  padding: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  color: white;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.errorModalView .errorMessageArea {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 50px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .errorModalView .errorMessageArea {
    padding: 20px;
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
}
.errorModalView .errorMessageArea .errorText {
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.errorModalView .errorMessageArea .buttonArea {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .errorModalView .errorMessageArea .buttonArea {
    flex-wrap: wrap;
  }
}
.errorModalView .modalButton,
.errorModalView .errorCloseButton {
  width: auto;
  text-align: center;
  position: relative;
  margin-top: 50px;
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .errorModalView .modalButton,
  .errorModalView .errorCloseButton {
    width: 70%;
  }
}
.errorModalView .modalButton .inner,
.errorModalView .errorCloseButton .inner {
  cursor: pointer;
  font-size: 2.2rem;
  color: white;
  background-color: #142d75 !important;
  padding: 15px 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: 0.2s ease background-color;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .errorModalView .modalButton .inner,
  .errorModalView .errorCloseButton .inner {
    padding: 15px;
    justify-content: center;
  }
}
.errorModalView .modalButton {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .errorModalView .modalButton {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .errorModalView .modalButton:last-child {
    margin-top: 20px;
  }
}

.webappSubTitle {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .webappSubTitle {
    text-align: center;
  }
}
.webappSubTitle.orange {
  color: #f47b20;
}

.createAccountBtn {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .createAccountBtn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .createAccountBtn p {
    font-size: 2.2rem !important;
  }
}

.printlogoArea {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  position: relative;
  display: none;
}
.printlogoArea .ttllogo {
  width: 20%;
}
@media print {
  .printlogoArea {
    display: block;
    display: flex;
    justify-content: flex-end;
  }
}

@media print {
  .noprint {
    display: none !important;
  }
}

.printButton {
  cursor: pointer;
}

.printPage .printMenuBox {
  display: block;
}
@media print {
  .printPage {
    display: block !important;
  }
}

@media print {
  .printNextPage {
    page-break-before: always;
  }
}

.deleteBtn {
  width: 100%;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .deleteBtn {
    margin-top: 0;
  }
}
.deleteBtn .deleteicon {
  height: 20px;
  width: auto;
  transform: translateY(-2.5px);
  margin-right: 4px;
}
.deleteBtn span {
  font-size: 1.8rem;
  text-decoration: underline;
  margin: 0;
}
.deleteBtn span:hover {
  text-decoration: none;
}

.source {
  font-size: 1.2rem;
  padding-top: 10px;
  text-indent: -1em;
  margin-left: 1em;
}

.sup-wei {
  font-size: 1.4rem;
}

.privacy {
  font-size: 1.2rem;
}
.privacy .red {
  font-weight: bold;
  color: red !important;
}

.midoriText {
  color: #00a590;
  font-weight: bold;
}

.paragraph3 {
  padding-bottom: 40px;
  font-size: 2.2rem;
}
.paragraph3:last-of-type {
  padding-bottom: 20px;
}
.paragraph3 span {
  color: #25408f;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .paragraph3 {
    padding-bottom: 30px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .movieMessageArea .imgarea {
    width: 100% !important;
    padding: 0 !important;
  }
  .movieMessageArea .imgarea img {
    width: 100%;
    border-radius: 0 !important;
  }
}

.titleArea {
  display: flex;
  align-items: flex-end;
  border-bottom: 4px solid #dddddd;
  margin-bottom: 20px;
}
.titleArea::after {
  border-bottom: 4px solid #00a590;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: inherit;
  content: "";
}
.titleArea img {
  width: 220px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .titleArea img {
    width: 36%;
  }
}
.titleArea .ttl {
  font-size: 2.8rem;
  color: #00a590;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .titleArea .ttl {
    line-height: 1.2;
    margin-bottom: 0;
  }
}
.titleArea .SupervisionArea {
  display: flex;
  justify-content: flex-start;
}
.titleArea .SupervisionArea .text {
  font-size: 1.6rem;
  width: auto;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .titleArea .SupervisionArea .text {
    font-size: 1.4rem;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .titleArea .SupervisionArea {
    font-size: 1.2rem;
  }
}

.chatArea {
  background-color: #e6f6f4;
  padding: 20px;
  margin-top: 20px;
  background-image: url("/img/about/counselor/chatBG.png");
  background-repeat: repeat;
  background-size: 20%;
  min-height: 400px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .chatArea {
    padding: 20px 8px;
    font-size: 1.2rem;
  }
}
.chatArea .chatBoxCopyArea {
  margin-top: 30px;
  display: none;
}
.chatArea .chatbtn {
  font-size: 2.2rem;
}
.chatArea .chatbtn.complate {
  pointer-events: none;
}
.chatArea .chatbtn.restart {
  margin-top: 40px !important;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .chatArea .chatbtn.restart {
    margin-top: 20px !important;
    margin-bottom: 20px;
  }
}
.chatArea .chatBox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 2.2rem;
}
.chatArea .chatBox:nth-child(n+2) {
  margin-top: 30px;
}
.chatArea .chatBox .chatText {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .chatText {
    font-size: 1.8rem;
  }
}
.chatArea .chatBox.left .chatText {
  position: relative;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox.left .chatText {
    margin-left: 20px;
  }
}
.chatArea .chatBox.left .chatText::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/img/about/counselor/fukidashiLeft.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
  background-position-y: top;
  left: -20px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox.left .chatText::before {
    left: -15px;
    width: 15px;
    height: 15px;
  }
}
.chatArea .chatBox.right {
  flex-direction: row-reverse;
}
.chatArea .chatBox.right .iconArea {
  display: none;
}
.chatArea .chatBox.right .chatText {
  position: relative;
  margin-right: 30px;
  background-color: #3fd24a;
}
.chatArea .chatBox.right .chatText::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/img/about/counselor/fukidashiRight.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: left;
  background-position-y: top;
  right: -20px;
  width: 20px;
  height: 20px;
}
.chatArea .chatBox .text:nth-child(n+2) {
  margin-top: 35px;
}
.chatArea .chatBox .text.list {
  margin-left: 2rem;
  position: relative;
}
.chatArea .chatBox .text.list::before {
  content: "・";
  text-indent: -2rem;
  position: absolute;
  left: 0;
  top: 0;
  color: #00a590;
  font-weight: bold;
}
.chatArea .chatBox .iconArea {
  width: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .iconArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 15%;
  }
}
.chatArea .chatBox .iconArea img {
  width: 100%;
}
.chatArea .chatBox .iconArea p {
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .iconArea p {
    font-size: 1.2rem;
    white-space: nowrap;
  }
}
.chatArea .chatBox .chatText {
  line-height: 1.6;
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  width: auto;
  max-width: calc(100% - 200px);
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .chatText {
    max-width: 85%;
    padding: 10px;
  }
}
.chatArea .chatBox .linkText {
  color: #25408f;
  font-weight: bold;
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .linkText {
    font-size: 1.8rem;
    margin-bottom: 20px;
    margin-top: 5px;
  }
}
.chatArea .chatBox .linkText a {
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.4rem;
}
.chatArea .chatBox .linkText::before {
  content: "";
  display: block;
  background-image: url("/img/about/counselor/icon_arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}
.chatArea .chatBox .gridArea {
  display: flex;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  margin: 20px 0;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .gridArea {
    gap: 10px 5px;
  }
}
.chatArea .chatBox .gridArea .gridButton {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
  color: white;
  text-align: center;
  border-radius: 10px;
  background-color: #00a590;
  position: relative;
  cursor: pointer;
  transition: 0.2s ease filter;
}
.chatArea .chatBox .gridArea .gridButton:hover {
  filter: brightness(1.1);
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .gridArea .gridButton {
    padding: 5px;
  }
}
.chatArea .chatBox .gridArea .gridButton .textArea {
  font-size: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 100px);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .gridArea .gridButton .textArea {
    height: 70px;
    font-size: 1.4rem;
    letter-spacing: -0.1rem;
  }
}
.chatArea .chatBox .gridArea .gridButton .imgArea {
  border-radius: 10px;
  width: 100%;
  height: 80px;
  background-color: white;
  margin-top: 20px;
}
.chatArea .chatBox .gridArea .gridButton .imgArea.imgRadius {
  background-color: #00a590;
}
.chatArea .chatBox .gridArea .gridButton .imgArea.imgRadius img {
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .gridArea .gridButton .imgArea {
    border-radius: 10px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    overflow: hidden;
  }
}
.chatArea .chatBox .gridArea .gridButton .imgArea img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .gridArea .gridButton .imgArea img {
    width: 100%;
    height: auto;
  }
}
.chatArea .chatBox .buttonArea {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}
.chatArea .chatBox .buttonArea a {
  text-decoration: none;
}
.chatArea .chatBox .buttonArea.max {
  display: block;
}
.chatArea .chatBox .buttonArea.max .btn {
  width: 100%;
  margin-top: 10px;
}
.chatArea .chatBox .buttonArea.max .btn.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .buttonArea.max .btn.icon {
    gap: 10px;
    padding: 12px 0;
  }
}
.chatArea .chatBox .buttonArea.max .btn.icon .icon {
  width: auto;
  height: 60px;
  margin-top: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .buttonArea.max .btn.icon .icon {
    width: 14%;
    height: auto;
    max-height: 50px;
  }
}
.chatArea .chatBox .buttonArea .btn {
  font-size: 2.2rem;
  font-weight: bold;
  color: white;
  width: calc(50% - 10px);
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #00a590;
  box-shadow: #006659;
  box-shadow: 2px 2px 0 #006659;
  cursor: pointer;
  transition: 0.2s ease filter;
}
.chatArea .chatBox .buttonArea .btn:hover {
  filter: brightness(1.1);
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .buttonArea .btn {
    font-size: 1.4rem;
    padding: 10px;
    width: 50%;
    border-radius: 12px;
  }
}
.chatArea .chatBox .buttonArea .btn.color2 {
  color: black;
  background-color: #e6f6f4;
  box-shadow: #b5d7d3;
  box-shadow: 2px 2px 0 #b5d7d3;
  transition: 0.2s ease background-color;
}
.chatArea .chatBox .buttonArea .btn.color2:hover {
  filter: none;
  background-color: #b5dfda;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .buttonArea .btn.icon {
    font-size: 1.4rem;
    padding: 20px 5px 22px;
    border-radius: 12px;
    white-space: nowrap;
  }
}
.chatArea .chatBox .buttonArea .btn.icon .min {
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .buttonArea .btn.icon .min {
    font-size: 1rem;
  }
}
.chatArea .chatBox .buttonArea .btn.icon .icon {
  width: 40%;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .chatArea .chatBox .buttonArea .btn.icon .icon {
    width: 40%;
    margin-top: 10px;
  }
}
.chatArea .linkBanner img {
  border: 2px solid rgb(200, 200, 200);
  transition: 0.2s ease opacity;
}
.chatArea .linkBanner img:hover {
  opacity: 0.8;
}

.titleArea.counselor .nameArea {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .titleArea.counselor .nameArea {
    margin-top: 10px;
    margin-bottom: 3px;
  }
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  position: relative;
}
@media screen and (max-width: 767px) {
  html {
    overflow-x: hidden;
  }
}

body {
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 1200px;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  body {
    min-width: auto;
    font-size: 1.4rem;
  }
}

img {
  width: 100%;
  height: auto;
  font-family: "object-fit:cover;";
}

div {
  box-sizing: border-box;
}

a {
  color: #25408f;
}
a:hover, a:active, a:focus {
  color: #25408f;
}
a:hover {
  text-decoration: none;
}

div,
li,
a {
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .showSPMenu {
    position: fixed;
  }
}

#content--main {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
}
#content--main .mainImgArea {
  max-height: 685px;
  overflow: hidden;
  position: relative;
}
#content--main .mainImgArea img {
  display: block;
}
#content--main .mainTextRoot {
  width: 100%;
  height: 235px;
  position: absolute;
  top: 10%;
  left: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot {
    top: auto;
    left: auto;
    bottom: 0;
    height: 45%;
  }
  #content--main .mainTextRoot.h_auto {
    height: auto;
    min-height: 26vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#content--main .mainTextRoot__bgArea {
  background: rgba(255, 255, 255, 0.6);
  width: 50%;
  height: 100%;
  position: absolute;
}
#content--main .mainTextRoot__bgArea.w40p {
  width: 40%;
}
#content--main .mainTextRoot__bgArea.w30p {
  width: 30%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__bgArea {
    width: 100%;
  }
}
#content--main .mainTextRoot__content {
  display: flex;
  justify-content: flex-start;
  max-width: 1000px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
#content--main .mainTextRoot__content.bgArea {
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 0;
  z-index: 9;
  width: 48%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.bgArea {
    width: 100%;
  }
}
#content--main .mainTextRoot__content.textAreaBG {
  height: 80%;
  top: 100px;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textAreaBG {
    height: 100%;
    top: 0;
  }
}
#content--main .mainTextRoot__content.logoArea {
  height: auto;
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  top: -40px;
}
#content--main .mainTextRoot__content.logoArea.logotype01 {
  width: 350px;
  right: 58%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.logoArea.logotype01 {
    width: 40%;
    top: 2vw;
    left: 2vw;
    right: initial;
  }
}
#content--main .mainTextRoot__content.logoArea.logotype02 {
  width: 580px;
  right: 48%;
  top: -25%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.logoArea.logotype02 {
    width: 50%;
    top: -5%;
    left: 0;
    right: initial;
  }
}
#content--main .mainTextRoot__content.logoArea.logotype03 {
  width: 650px;
  right: 41%;
  top: -75%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.logoArea.logotype03 {
    width: 50%;
    top: -5%;
    left: -7vw;
    right: initial;
  }
}
#content--main .mainTextRoot__content.logoArea.logotype05 {
  width: 550px;
  right: 51%;
  top: -6%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.logoArea.logotype05 {
    width: 60%;
    top: 3vw;
    left: 3vw;
    right: initial;
  }
}
#content--main .mainTextRoot__content.logoArea.logotype06 {
  width: 640px;
  right: 40%;
  top: -15%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.logoArea.logotype06 {
    width: 100%;
    top: 3vw;
    left: 3vw;
    right: initial;
  }
}
#content--main .mainTextRoot__content.logoArea.logotype06_img {
  width: 420px;
  left: 50%;
  top: 1%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.logoArea {
    position: absolute;
  }
}
#content--main .mainTextRoot__content.textArea {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  flex-wrap: wrap;
  width: 500px;
  height: 80%;
  position: absolute;
  right: 52%;
  z-index: 10;
  padding: 10px 20px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.3;
  top: 100px;
}
#content--main .mainTextRoot__content.textArea.page4 {
  height: 60%;
  top: 125px;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textArea.page4 {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textArea {
    width: 100%;
    right: initial;
    position: relative;
    font-size: 2.6vw;
    padding: 1.3vw;
    top: 0;
  }
}
#content--main .mainTextRoot__content.textArea p {
  width: auto;
  display: inline;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textArea p {
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
  }
}
#content--main .mainTextRoot__content.textArea p .titleText {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textArea p .titleText {
    font-size: 3.12vw;
  }
}
#content--main .mainTextRoot__content.textArea .annotationText {
  font-size: 1.2rem;
  line-height: 1.4;
  display: inline-block;
  margin: 5px 0;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textArea .annotationText {
    font-size: 2.03vw;
    line-height: 1.2;
  }
}
#content--main .mainTextRoot__content.textArea .buttonArea {
  border-radius: 15px;
  padding: 4px 30px;
  height: 50px;
  text-decoration: none;
  color: white;
  background-color: #25408f;
  transition: filter 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 250px;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content.textArea .buttonArea {
    margin: 0;
    padding: 1.7vw;
    height: auto;
    min-width: 40%;
    margin-top: 1vw;
    border-radius: 10px;
  }
}
#content--main .mainTextRoot__content.textArea .buttonArea:hover {
  filter: brightness(1.2);
}
#content--main .mainTextRoot__content.textArea .buttonArea.orange {
  background-color: #f47b20;
}
#content--main .mainTextRoot__content.textArea .buttonArea.pink {
  background-color: #ef7672;
}
#content--main .mainTextRoot__content.textArea .buttonArea.green {
  background-color: #00a590;
}
#content--main .mainTextRoot__content .imgArea {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
#content--main .mainTextRoot__content .imgArea img {
  width: 80%;
}
@media screen and (max-width: 767px) {
  #content--main .mainTextRoot__content .imgArea {
    width: 100%;
  }
  #content--main .mainTextRoot__content .imgArea img {
    width: 60%;
  }
}
#content--main .mainNavRoot {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #dddddd;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #content--main .mainNavRoot {
    position: relative;
    width: 100%;
    border-bottom: none;
  }
}
#content--main .mainNavRoot .navItem {
  padding: 25px 10px 0 10px;
  text-align: center;
  border-right: 1px solid #fafbfa;
  display: block;
  text-decoration: none;
  /*
  h1 {
      font-size: $fontBigSize3;
      font-weight: bold;
      min-height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;

      @include MediaSP {
          font-size: $fontBigSize_sp !important;
          max-height: 60px;
          padding-bottom: 10px;
      }
  }
  */
}
@media screen and (max-width: 767px) {
  #content--main .mainNavRoot .navItem {
    padding: 35px 0.5% 0 0.5%;
    border-bottom: 1px solid #cccccc;
  }
}
#content--main .mainNavRoot .navItem:nth-child(1) {
  border-left: 1px solid #dddddd;
}
#content--main .mainNavRoot .navItem p.title {
  font-size: 1.8rem;
  font-weight: bold;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 2px 2px 5px #ffffff, -2px -2px 10px #ffffff, -2px -2px 10px #ffffff, -2px -2px 10px #ffffff;
}
@media screen and (max-width: 767px) {
  #content--main .mainNavRoot .navItem p.title {
    font-size: 1.8rem !important;
    max-height: 60px;
    padding-bottom: 10px;
  }
}
#content--main .mainNavRoot .navItem img {
  width: 50%;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  #content--main .mainNavRoot .navItem img {
    width: 8rem;
    padding: 15px 25px;
  }
}
#content--main .mainNavRoot .navItem p.detail {
  padding: 20px 0;
  color: #222222;
  border-top: 1px solid #cccccc;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #content--main .mainNavRoot .navItem p.detail {
    font-size: 1.4rem;
    width: 80%;
    margin: 0 auto;
  }
}
#content--main .mainNavRoot .navItem--green {
  color: #00a590;
}
#content--main .mainNavRoot .navItem--orange {
  color: #f47b20;
}
#content--main .mainNavRoot .navItem--blue {
  color: #1095f4;
}
#content--main .mainNavRoot .navItem--navy {
  color: #25408f;
}
#content--main .mainNavRoot .navItem--purple {
  color: #bf69df;
}
#content--main .mainNavRoot .navItem--yellow {
  color: #f8b551;
}
#content--main .mainNavRoot .navItem--green2 {
  color: #61a500;
}
#content--main .mainNavRoot__content {
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}
#content--main .mainNavRoot__content a {
  width: 50%;
  transition: 0.2s opacity ease;
}
#content--main .mainNavRoot__content a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #content--main .mainNavRoot__content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

#content--toplink {
  padding: 40px 10px 0;
  font-size: 80%;
  text-align: center;
}

.mainNavFvc {
  position: absolute;
  width: 14%;
  height: auto;
  top: -183px;
  /*
  left: 50%;
  transform: scale(1) translate(177%, 100%);
  */
  right: 5%;
  transform: scale(1) translateY(100%);
  transform-origin: center;
  width: 180px;
  z-index: 1;
}
.mainNavFvc img {
  transition: 0.2s ease all;
}
.mainNavFvc:hover img {
  transform: scale(1.03);
  filter: brightness(1.05);
}
@media screen and (max-width: 767px) {
  .mainNavFvc {
    display: none;
  }
}

.mainNavMap {
  position: absolute;
  width: 14%;
  height: auto;
  top: 0;
  top: 0;
  /*
  left: 50%;
  transform: scale(1) translate(177%, 100%);
  */
  right: 5%;
  transform: scale(1) translateY(100%);
  transform-origin: center;
  width: 180px;
  z-index: 1;
}
.mainNavMap img {
  transition: 0.2s ease all;
}
.mainNavMap:hover img {
  transform: scale(1.03);
  filter: brightness(1.05);
}
@media screen and (max-width: 767px) {
  .mainNavMap {
    display: none;
  }
}

.subNavMap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 50px;
  transition: 0.2s ease transform;
}
.subNavMap.faq {
  position: relative;
  position: fixed;
  margin-bottom: 100px;
  right: 1%;
  /*
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 840px;
  */
}
.subNavMap.subNavMapActive {
  position: fixed;
  bottom: 10px;
  margin-left: 38px;
  transform: scale(1);
  z-index: 100;
}
.subNavMap img {
  width: 175px;
}
.subNavMap:hover {
  transform: scale(1.08);
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .subNavMap {
    display: none;
  }
}

#content--supervision {
  background-color: #e9ecf4;
  padding: 40px 0;
}
#content--supervision .h-bold {
  margin-top: 10px;
  font-size: 2.3rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #content--supervision {
    padding: 10px 0;
  }
}
#content--supervision .content {
  background-color: white;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #content--supervision .content {
    margin: 10px;
    padding: 20px;
  }
}
#content--supervision .content .infoArea {
  display: flex;
  justify-content: space-between;
}
#content--supervision .content .infoArea .supervisionImg {
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea {
    display: block;
  }
}
#content--supervision .content .infoArea__left {
  width: 26%;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__left {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__left .imgRoot {
    width: 50%;
  }
  #content--supervision .content .infoArea__left .imgRoot img {
    width: 95%;
  }
}
#content--supervision .content .infoArea__left .supervisionInfoRoot {
  display: block;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__left .supervisionInfoRoot {
    width: 50%;
  }
}
#content--supervision .content .infoArea__left .center {
  text-align: center;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__left .center {
    padding: 0;
    margin-left: 25px;
    text-align: left;
  }
}
#content--supervision .content .infoArea__left .center .supervisionInfo {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__left .center .supervisionInfo {
    font-size: 1.2rem;
  }
}
#content--supervision .content .infoArea__left .center .supervisionName {
  font-size: 2.4rem;
  padding-top: 15px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__left .center .supervisionName {
    font-size: 1.8rem;
  }
}
#content--supervision .content .infoArea__right {
  width: 69%;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__right {
    width: 100%;
  }
}
#content--supervision .content .infoArea__right p {
  font-size: 2.4rem;
  line-height: 1.46em;
}
#content--supervision .content .infoArea__right p:nth-child(2) {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  #content--supervision .content .infoArea__right p {
    font-size: 1.8rem;
  }
  #content--supervision .content .infoArea__right p:nth-child(1) {
    padding-top: 15px;
  }
  #content--supervision .content .infoArea__right p:nth-child(2) {
    padding-top: 15px;
  }
}
#content--supervision .ttl {
  font-size: 2.8rem;
  color: #25408f;
  border-bottom: 4px solid #dddddd;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #content--supervision .ttl {
    font-size: 2.8rem;
  }
}
#content--supervision .ttl::after {
  border-bottom: 4px solid #25408f;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100px;
  height: inherit;
  content: "";
}
#content--supervision .ttl sup {
  font-size: 1.4rem;
}

#content--news {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #content--news {
    padding: 0 10px;
  }
}
#content--news .newsttl {
  padding-top: 15px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
#content--news .newsttl p {
  font-size: 2.4rem;
  color: #25408f;
}
@media screen and (max-width: 767px) {
  #content--news .newsttl p {
    font-size: 2rem;
  }
}
#content--news .newsttl img {
  width: auto;
  height: 35px;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  #content--news .newsttl img {
    padding: 10px;
  }
}
#content--news .newsArea__item {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#content--news .newsArea__item:nth-child(1) {
  border-top: 1px solid #eeeeee;
}
#content--news .item--day {
  width: 20%;
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  #content--news .item--day {
    padding-right: 5px;
    width: 30%;
  }
}
#content--news .item--info {
  padding-right: 30px;
  width: 80%;
}
@media screen and (max-width: 767px) {
  #content--news .item--info {
    padding-right: 0;
    width: 70%;
  }
}
#content--news .item--new {
  background: #ff0000;
  color: white;
  border-radius: 4px;
  font-size: 1.4rem;
  width: 60px;
  height: 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline;
  padding: 2px 10px;
}
@media screen and (max-width: 767px) {
  #content--news .item--new {
    padding: 0px 8px;
    font-size: 1.4rem;
  }
}

.subpage .ttlArea {
  background: #00a590;
  font-size: 3rem;
  color: white;
}
.subpage .ttlArea.webapp {
  background: #25408f !important;
}
@media screen and (max-width: 767px) {
  .subpage .ttlArea {
    font-size: 2.4rem;
  }
}
.subpage .ttlArea__text {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 20px 10px;
}
@media screen and (max-width: 767px) {
  .subpage .ttlArea__text {
    justify-content: center;
    padding: 30px 2rem;
  }
}
.subpage .ttlArea__text img {
  width: auto;
  height: 73px;
  padding-right: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .subpage .ttlArea__text img {
    width: auto;
    height: 50px;
    padding-right: 20px;
  }
}
@media print {
  .subpage .ttlArea__text .sp {
    display: none;
  }
}
.subpage .infoArea {
  font-size: 1.8rem;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 60px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea {
    display: block;
    font-size: 1.8rem;
    padding-bottom: 0;
  }
}
.subpage .infoArea__fullsize {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__fullsize {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
}
.subpage .infoArea__left {
  width: 72%;
  padding: 0 0;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__left {
    width: 100%;
    padding: 10px;
    padding-top: 20px;
  }
}
.subpage .infoArea__left .commentLink {
  text-decoration: underline;
}
.subpage .infoArea__left .commentLink:hover {
  text-decoration: none;
}
.subpage .infoArea__left .commentLink::after {
  content: "注）";
  font-size: 1.4rem;
  vertical-align: super;
  text-decoration: none !important;
  display: inline-block;
}
.subpage .infoArea__right {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__right {
    width: 100%;
  }
}
.subpage .infoArea__boxarea {
  width: 100%;
}
.subpage .infoArea__item {
  position: relative;
}
.subpage .infoArea__item--ttl {
  font-size: 2.8rem;
  color: #00a590;
  border-bottom: 4px solid #dddddd;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--ttl {
    font-size: 2.8rem;
  }
}
.subpage .infoArea__item--ttl::after {
  border-bottom: 4px solid #00a590;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100px;
  height: inherit;
  content: "";
}
.subpage .infoArea__item--ttl sup {
  font-size: 1.4rem;
}
.subpage .infoArea__item--ttl.noborder {
  margin-top: 20px;
  border-bottom: none;
}
.subpage .infoArea__item--ttl.noborder::after {
  content: "";
  display: none;
}
.subpage .infoArea__item--ttl2 {
  font-size: 2.8rem;
  color: #00a590;
  position: relative;
  padding: 6px 22px;
  margin-bottom: 20px;
  border: 2px solid #00a590;
  display: inline-block;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--ttl2 {
    font-size: 1.8rem;
    padding: 10px;
  }
}
.subpage .infoArea__item--bordertop {
  position: relative;
  padding-top: 50px;
}
.subpage .infoArea__item--bordertop::before {
  content: "";
  border-top: 1px solid #cccccc;
  width: 100%;
  height: 10px;
  display: block;
  padding: 15px 0;
}
.subpage .infoArea__item--img {
  padding-top: 40px;
  padding-bottom: 15px;
}
.subpage .infoArea__item--link {
  text-align: right;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--link {
    font-size: 1.4rem;
  }
}
.subpage .infoArea__item--link2 {
  text-align: right;
  font-size: 1.8rem;
  margin-top: 30px;
}
.subpage .infoArea__item--link2 a {
  display: block;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--link2 {
    font-size: 1.4rem;
  }
}
.subpage .infoArea__item--flex {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--flex {
    display: block;
  }
}
.subpage .infoArea__item--flex .item {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--flex .item {
    width: 100%;
  }
}
.subpage .infoArea__item--flex .itemLrg {
  width: 62%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--flex .itemLrg {
    width: 100%;
  }
}
.subpage .infoArea__item--flex .itemNrw {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--flex .itemNrw {
    width: 100%;
  }
}
.subpage .infoArea__item--zoombtn {
  font-size: 2rem;
  background: #00a590;
  border-radius: 10px;
  padding: 15px 20px;
  width: 23rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0px 3px 0 #006659;
  color: white;
  text-decoration: none;
  transition: 0.2s all ease;
  margin: 0 0 0 auto;
}
.subpage .infoArea__item--zoombtn:hover, .subpage .infoArea__item--zoombtn:active, .subpage .infoArea__item--zoombtn:focus {
  color: white;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--zoombtn {
    position: relative;
    margin: 0 auto;
    font-size: 1.8rem;
  }
}
.subpage .infoArea__item--zoombtn:hover {
  transform: scale(1.1);
}
.subpage .infoArea__item--zoombtn img {
  width: 35px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--zoombtn img {
    width: 30px;
    padding-right: 15px;
  }
}
.subpage .infoArea__item--zoombtn p {
  width: 65% !important;
}
.subpage .infoArea__item--dlbtn, .subpage .infoArea__item--lkbtn {
  font-size: 2.6rem;
  background: #00a590;
  box-shadow: 0px 3px 0 #006659;
  color: white;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  color: white;
  text-decoration: none;
  transition: 0.2s all ease;
}
.subpage .infoArea__item--dlbtn:hover, .subpage .infoArea__item--dlbtn:active, .subpage .infoArea__item--dlbtn:focus, .subpage .infoArea__item--lkbtn:hover, .subpage .infoArea__item--lkbtn:active, .subpage .infoArea__item--lkbtn:focus {
  color: white;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn, .subpage .infoArea__item--lkbtn {
    width: 100%;
    font-size: 1.8rem;
  }
}
.subpage .infoArea__item--dlbtn:hover, .subpage .infoArea__item--lkbtn:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn:hover, .subpage .infoArea__item--lkbtn:hover {
    transform: none;
  }
}
.subpage .infoArea__item--dlbtn p, .subpage .infoArea__item--lkbtn p {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn.sp-small, .subpage .infoArea__item--lkbtn.sp-small {
    font-size: 85%;
    padding: 15px 0;
  }
}
.subpage .infoArea__item--dlbtn .sizeInfo, .subpage .infoArea__item--lkbtn .sizeInfo {
  font-size: 1.6rem;
}
.subpage .infoArea__item--dlbtn.iconBox .icon, .subpage .infoArea__item--lkbtn.iconBox .icon {
  width: 35px;
  padding-right: 10px;
}
.subpage .infoArea__item--dlbtn.iconBox p, .subpage .infoArea__item--lkbtn.iconBox p {
  width: auto;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn.iconBox p, .subpage .infoArea__item--lkbtn.iconBox p {
    font-size: 1.8rem;
  }
}
.subpage .infoArea__item--dlbtn.noicon, .subpage .infoArea__item--lkbtn.noicon {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.8rem;
  width: 50%;
}
.subpage .infoArea__item--dlbtn--mg, .subpage .infoArea__item--lkbtn--mg {
  margin-top: 30px;
}
.subpage .infoArea__item--dlbtn--spmap, .subpage .infoArea__item--lkbtn--spmap {
  display: none;
  text-align: center;
  width: calc(100% - 20px);
  margin: 10px auto;
}
.subpage .infoArea__item--dlbtn--spmap img, .subpage .infoArea__item--lkbtn--spmap img {
  width: 45px;
  margin-right: 15px;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn--spmap, .subpage .infoArea__item--lkbtn--spmap {
    font-size: 1.8rem;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
  }
}
.subpage .infoArea__item--dlbtn.footerArea, .subpage .infoArea__item--lkbtn.footerArea {
  width: auto;
  margin: 10px 0 10px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  border-radius: 0 10px 0 0;
  padding: 8px 20px;
  margin-bottom: 3px;
}
.subpage .infoArea__item--dlbtn.footerArea img, .subpage .infoArea__item--lkbtn.footerArea img {
  width: 50px;
  margin-right: 20px;
}
.subpage .infoArea__item--dlbtn.footerArea div p, .subpage .infoArea__item--lkbtn.footerArea div p {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn.footerArea, .subpage .infoArea__item--lkbtn.footerArea {
    pointer-events: none;
    opacity: 0;
    text-align: left;
    transition: 0.2s ease all;
    justify-content: flex-start;
  }
}
.subpage .infoArea__item--dlbtn.footerArea.footerAreaActive, .subpage .infoArea__item--lkbtn.footerArea.footerAreaActive {
  display: none;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--dlbtn.footerArea.footerAreaActive, .subpage .infoArea__item--lkbtn.footerArea.footerAreaActive {
    opacity: 1;
    display: flex;
    pointer-events: auto;
  }
}
.subpage .infoArea__item--sideimg {
  position: relative;
}
.subpage .infoArea__item--sideimg p {
  display: block;
  width: 100%;
}
.subpage .infoArea__item--sideimg .imgarea {
  display: block;
  width: 50%;
  float: right;
  padding-right: 0;
  position: relative;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--sideimg .imgarea {
    width: 53%;
    padding-left: 0;
    padding-right: 0;
    padding-left: 10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--sideimg .imgarea--pc {
    width: 100%;
    float: none;
    padding-bottom: 27px;
  }
}
.subpage .infoArea__item--sideimg .imgarea .imgmenuArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.subpage .infoArea__item--sideimg .imgarea .imgmenuArea div {
  width: 87.5%;
  margin-top: 30px;
  margin-left: 7px;
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--sideimg .imgarea .imgmenuArea div {
    width: 94.2%;
    margin-left: 2.8%;
    margin-top: 16.5%;
  }
}
.subpage .infoArea__item--sideimg .imgarea .imgmenuArea a {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--sideimg .imgarea .imgmenuArea a {
    padding-bottom: 3%;
  }
}
.subpage .infoArea__item--sideimg .imgarea .imgmenuArea a img {
  display: block;
}
.subpage .infoArea__item--sideimg .p0 {
  padding: 0;
}
.subpage .infoArea__item--sideimg .fl {
  float: left;
  padding-left: 0;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item--sideimg .fl {
    padding-left: 0;
    padding-right: 0;
  }
}
.subpage .infoArea__item .textcardbox {
  width: 100%;
  border: 5px solid #d3d9e9;
  padding: 10px 10px 0px;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textcardbox {
    margin-bottom: 20px;
  }
}
.subpage .infoArea__item .textcardbox h2 {
  background-color: #25408f;
  text-align: center;
  color: white;
  border-radius: 5px;
  padding: 8px 0;
}
.subpage .infoArea__item .textcardbox sup {
  font-size: 1.4rem;
}
.subpage .infoArea__item .textcardbox ul {
  margin-top: 5px;
  padding: 10px;
}
.subpage .infoArea__item .textcardbox ul li {
  font-size: 2rem;
  text-indent: -2rem;
  padding-left: 2rem;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textcardbox ul li {
    font-size: 1.8rem;
  }
}
.subpage .infoArea__item .textcardbox ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  background-color: #000;
  border-radius: 50%;
  position: relative;
  top: -5px;
  margin-right: 10px;
  margin-left: 10px;
}
.subpage .infoArea__item .textcardbox ul p {
  padding-top: 10px;
  padding-left: 2px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textcardbox ul p {
    font-size: 1.4rem;
  }
}
.subpage .infoArea__item .textTableBox {
  background-color: #f9f9f9;
  display: flex;
  border: 1px solid #dddddd;
  font-size: 1.8rem;
  line-height: 1.8em;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox {
    font-size: 1.4rem;
  }
}
.subpage .infoArea__item .textTableBox .textTableBox__ttl {
  width: 35%;
  border-right: 2px solid #dddddd;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox .textTableBox__ttl {
    width: 40%;
  }
}
.subpage .infoArea__item .textTableBox .textTableBox__info {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox .textTableBox__info {
    width: 60%;
  }
}
.subpage .infoArea__item .textTableBox.titleBox {
  text-align: center;
  margin-top: 50px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.titleBox {
    margin-top: 0;
  }
}
.subpage .infoArea__item .textTableBox.titleBox .textTableBox__ttl {
  padding: 20px;
}
.subpage .infoArea__item .textTableBox.titleBox .textTableBox__info {
  padding: 20px;
}
.subpage .infoArea__item .textTableBox.infoBox {
  margin-top: 25px;
}
.subpage .infoArea__item .textTableBox.infoBox:last-child {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.infoBox:last-child {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.infoBox {
    margin-top: 10px;
  }
}
.subpage .infoArea__item .textTableBox.infoBox .textTableBox__ttl {
  padding: 15px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-left: 4px solid #f47b20;
  text-align: center;
  font-weight: bold;
}
.subpage .infoArea__item .textTableBox.infoBox .textTableBox__ttl span {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.infoBox .textTableBox__ttl span {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.infoBox .textTableBox__ttl {
    padding: 10px 10px;
  }
}
.subpage .infoArea__item .textTableBox.infoBox .textTableBox__info {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 15px 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.infoBox .textTableBox__info {
    padding: 10px;
  }
}
.subpage .infoArea__item .textTableBox.infoBox .textTableBox__info li {
  position: relative;
  padding-left: 2rem;
}
.subpage .infoArea__item .textTableBox.infoBox .textTableBox__info li::before {
  content: "・";
  left: 0;
  position: absolute;
}
.subpage .infoArea__item .textTableBox.infoBox .textTableBox__info p {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .textTableBox.infoBox .textTableBox__info p {
    padding-top: 10px;
    padding-left: 6px;
    font-size: 1.2rem;
  }
}
.subpage .infoArea__item .progressBox {
  border-top: 1px solid #cccccc;
  position: relative;
  margin-bottom: 50px;
  margin-top: 30px;
}
.subpage .infoArea__item .progressBox__fukidashi {
  background-color: #bf69df;
  color: white;
  padding: 7px 30px;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__fukidashi {
    width: 100%;
    text-align: center;
  }
}
.subpage .infoArea__item .progressBox__fukidashi::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 7px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: #bf69df transparent transparent transparent;
  border-width: 25px 10px 0 10px;
}
.subpage .infoArea__item .progressBox__fukidashi__info1 {
  margin-left: 227px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__fukidashi__info1 {
    margin-left: 0;
  }
  .subpage .infoArea__item .progressBox__fukidashi__info1::after {
    left: 30vw;
  }
}
.subpage .infoArea__item .progressBox__fukidashi__info2 {
  margin-left: 457px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__fukidashi__info2 {
    margin-left: 0;
  }
  .subpage .infoArea__item .progressBox__fukidashi__info2::after {
    left: 60vw;
  }
}
.subpage .infoArea__item .progressBox__fukidashi__info3 {
  margin-left: 547px;
}
.subpage .infoArea__item .progressBox__fukidashi__info3::after {
  right: 7px;
  left: initial;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__fukidashi__info3 {
    margin-left: 0;
  }
  .subpage .infoArea__item .progressBox__fukidashi__info3::after {
    left: 89vw;
  }
}
.subpage .infoArea__item .progressBox__sphere {
  position: relative;
}
.subpage .infoArea__item .progressBox__sphere .linkSphere {
  color: #25408f;
  font-size: 16px;
  height: auto;
  padding-top: 0rem;
  position: absolute;
  text-decoration: none;
  transform-origin: center center;
  z-index: 10;
  top: 0;
  transition: 0.2s ease all;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__sphere .linkSphere {
    font-size: 3.5vw;
  }
}
.subpage .infoArea__item .progressBox__sphere .linkSphere:hover {
  animation: none;
  transform: scale(1.6);
  color: #6088ff;
}
.subpage .infoArea__item .progressBox__sphere .linkSphere.hide {
  animation: none;
  cursor: default;
}
.subpage .infoArea__item .progressBox__sphere .linkSphere.hide:hover {
  transform: none;
  color: #25408f;
}
.subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(1) {
  left: 7px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(1) {
    left: 2%;
  }
}
.subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(2) {
  left: 237px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(2) {
    left: 32.5%;
  }
}
.subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(3) {
  left: 467px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(3) {
    left: 63.5%;
  }
}
.subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(4) {
  left: 696px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__sphere .linkSphere:nth-child(4) {
    left: 94%;
  }
}
.subpage .infoArea__item .progressBox__bar {
  position: relative;
  height: 50px;
}
.subpage .infoArea__item .progressBox__bar img {
  position: absolute;
  top: 1.3px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar img {
    top: 0.5%;
  }
}
.subpage .infoArea__item .progressBox__bar__info0 {
  left: 0px;
}
.subpage .infoArea__item .progressBox__bar__info1 {
  left: 210px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar__info1 {
    left: 27.5%;
  }
}
.subpage .infoArea__item .progressBox__bar__info2 {
  left: 435px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar__info2 {
    left: 57%;
  }
}
.subpage .infoArea__item .progressBox__bar__info3 {
  left: 650px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar__info3 {
    left: initial;
    right: 2%;
  }
}
.subpage .infoArea__item .progressBox__bar .barpagelink {
  color: #25408f;
  font-size: 16px;
  position: absolute;
  top: 30px;
  height: 50px;
  text-decoration: none;
  transition: 0.2s ease all;
  transform-origin: top center;
}
.subpage .infoArea__item .progressBox__bar .barpagelink:hover {
  transform: scale(1.4);
  color: #536ebe;
}
.subpage .infoArea__item .progressBox__bar .barpagelink:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #536ebe;
  animation-name: ScaleXShow;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar .barpagelink:hover::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar .barpagelink:hover {
    transform: none;
  }
}
.subpage .infoArea__item .progressBox__bar .barpagelink.hide {
  display: none;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar .barpagelink.hide {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__item .progressBox__bar .barpagelink {
    font-size: 1.3rem;
    top: 40px;
  }
}
.subpage .infoArea__box {
  padding: 35px 30px;
  border: 4px solid #d3d9e9;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__box {
    padding: 15px 20px;
  }
}
.subpage .infoArea__box h4 {
  color: #25408f;
  margin-bottom: 16px;
  font-weight: bold;
}
.subpage .infoArea__box .txt_blue {
  color: #25408f;
  margin-bottom: 16px;
  font-weight: bold;
}
.subpage .infoArea__box .leftBar {
  display: flex;
  align-items: center;
  height: 33px;
  background: url(/img/common/ttl_left_border_bold.png) no-repeat left center;
  background-size: 12px 100%;
  padding-left: 28px;
  margin-top: 0.5rem;
}
.subpage .infoArea__box .leftBar img {
  height: 100%;
  width: 12px;
  padding-right: 15px;
}
.subpage .infoArea__box .leftBar p {
  padding-top: 1px;
}
.subpage .infoArea__box2 {
  padding: 20px 20px;
  border: 4px solid #d3d9e9;
  margin-bottom: 60px;
  margin-top: 30px;
}
.subpage .infoArea__box2__sup {
  font-size: 1.8rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__box2__sup {
    font-size: 1.2rem;
  }
}
.subpage .infoArea__box2__flexbox {
  display: flex;
}
.subpage .infoArea__box2__item {
  display: flex;
  margin-bottom: 30px;
}
.subpage .infoArea__box2__item--img {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  position: absolute;
}
.subpage .infoArea__box2__item--img img {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__box2__item--img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
  .subpage .infoArea__box2__item--img img {
    width: 25px;
    height: 25px;
  }
}
.subpage .infoArea__box2__item--text {
  margin-left: 60px;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__box2__item--text {
    margin-left: 40px;
  }
}
.subpage .infoArea__box2__item span {
  flex: 1;
}
.subpage .infoArea__box2__item sup {
  font-size: 1.4rem;
}
.subpage .infoArea__box2__item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__box2 {
    padding: 15px 20px 15px 15px;
  }
}
.subpage .infoArea__sidemenu {
  background: white;
}
.subpage .infoArea__sidemenu .menuBox {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__sidemenu .menuBox {
    display: flex;
    flex-wrap: wrap;
  }
}
.subpage .infoArea__sidemenu--ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  background: #00a590;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__sidemenu--ttl {
    display: none;
  }
}
.subpage .infoArea__sidemenu--ttl p {
  padding: 22px 25px;
}
.subpage .infoArea__sidemenu--link {
  display: flex;
  align-items: center;
  text-align: left;
  color: #111111;
  font-size: 2rem;
  cursor: pointer;
}
.subpage .infoArea__sidemenu--link a {
  color: #111111;
  text-decoration: none;
}
.subpage .infoArea__sidemenu--link a:hover, .subpage .infoArea__sidemenu--link a:active, .subpage .infoArea__sidemenu--link a:focus {
  color: #111111;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__sidemenu--link {
    font-size: 1.4rem;
    width: 50%;
    padding: 15px 10px;
    max-height: 70px;
    box-sizing: border-box;
  }
  .subpage .infoArea__sidemenu--link.wide {
    width: 100%;
  }
}
.subpage .infoArea__sidemenu--link:hover {
  background: #e6f6f4;
}
.subpage .infoArea__sidemenu--link a {
  padding: 22px 30px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__sidemenu--link a {
    padding: 25px 5px;
  }
  .subpage .infoArea__sidemenu--link a.long {
    width: 95%;
    font-size: 90%;
  }
}
.subpage .infoArea__sidemenu .current {
  background: #e6f6f4;
  pointer-events: none;
}
.subpage .infoArea__sidemenu .infoArea__sidemenu__item {
  border: 1px solid #dddddd;
  position: relative;
}
.subpage .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  content: ">";
  color: #00a590;
  font-weight: bold;
  position: absolute;
  top: calc(50% - 16px);
  right: 10px;
}
.subpage .infoArea__sidemenu .infoArea__sidemenu__item:not(:nth-child(1)) {
  border-top: none;
}
@media screen and (max-width: 767px) {
  .subpage .infoArea__sidemenu .infoArea__sidemenu__item:not(:nth-child(1)) {
    border: 1px solid #dddddd;
  }
}
.subpage .areaImg {
  padding-bottom: 15px;
  text-align: center;
}
.subpage .areaImg img {
  width: inherit;
}
@media screen and (max-width: 767px) {
  .subpage .areaImg img {
    width: 90%;
  }
}
.subpage .notes {
  font-size: 1.6rem;
  padding-top: 25px;
}
.subpage .notes.left {
  text-align: right;
  padding-top: 0;
}
.subpage .notes.right {
  text-align: right;
  padding-top: 5px;
}
.subpage .notes.link {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .subpage .notes {
    font-size: 1.4rem;
  }
}
.subpage .videoArea {
  margin-bottom: 30px;
  margin-top: 25px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .subpage .videoArea {
    width: 100%;
    height: 0;
    padding-top: 55%;
    margin-top: 20px;
  }
}
.subpage .videoArea img {
  width: 540px;
  margin: 0 auto;
  display: block;
}
.subpage .videoViewButton {
  transition: 0.2s ease all;
  cursor: pointer;
}
.subpage .videoViewButton:hover {
  opacity: 0.8;
}
.subpage--green .ttlArea {
  background: #00a590;
}
.subpage--green .infoArea__item--ttl {
  color: #00a590;
}
.subpage--green .infoArea__item--ttl::after {
  border-bottom: 4px solid #00a590;
}
.subpage--green .infoArea__item--ttl2 {
  color: #00a590;
  border: 2px solid #00a590;
}
.subpage--green .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #006659;
  background: #00a590;
}
.subpage--green .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #006659;
  background: #00a590;
}
.subpage--green .infoArea__sidemenu--ttl {
  background: #00a590;
}
.subpage--green .infoArea__sidemenu--link:hover {
  background: #e6f6f4;
}
.subpage--green .infoArea__sidemenu .current {
  background: #e6f6f4;
}
.subpage--green .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #00a590;
}
.subpage--orange .ttlArea {
  background: #f47b20;
}
.subpage--orange .infoArea__item--ttl {
  color: #f47b20;
}
.subpage--orange .infoArea__item--ttl span {
  font-size: 65%;
}
.subpage--orange .infoArea__item--ttl::after {
  border-bottom: 4px solid #f47b20;
}
.subpage--orange .infoArea__item--ttl2 {
  color: #f47b20;
  border: 2px solid #f47b20;
}
.subpage--orange .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #c55f13;
  background: #f47b20;
}
.subpage--orange .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #c55f13;
  background: #f47b20;
}
.subpage--orange .infoArea__item--lkbtn {
  box-shadow: 0px 3px 0 #031752;
  background: #25408f;
}
.subpage--orange .infoArea__sidemenu--ttl {
  background: #f47b20;
}
.subpage--orange .infoArea__sidemenu--link:hover {
  background: #fff2e8;
}
.subpage--orange .infoArea__sidemenu .current {
  background: #fff2e8;
}
.subpage--orange .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #f47b20;
}
.subpage--purple .ttlArea {
  background: #bf69df;
}
.subpage--purple .infoArea__item--ttl {
  color: #bf69df;
}
.subpage--purple .infoArea__item--ttl::after {
  border-bottom: 4px solid #bf69df;
}
.subpage--purple .infoArea__item--ttl2 {
  color: #bf69df;
  border: 2px solid #bf69df;
}
.subpage--purple .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #a030c9;
  background: #bf69df;
}
.subpage--purple .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #c55f13;
  background: #f47b20;
}
.subpage--purple .infoArea__item--lkbtn {
  box-shadow: 0px 3px 0 #031752;
  background: #25408f;
}
.subpage--purple .infoArea__sidemenu--ttl {
  background: #bf69df;
}
.subpage--purple .infoArea__sidemenu--link:hover {
  background: #f9f0fc;
}
.subpage--purple .infoArea__sidemenu .current {
  background: #f9f0fc;
}
.subpage--purple .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #bf69df;
}
.subpage--purple .ttlbtn::before {
  color: #f47b20 !important;
}
.subpage--purple .ttlbtn.harf {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .subpage--purple .ttlbtn.harf {
    width: 100%;
  }
}
.subpage--purple .ttlbtn--listtype::before {
  color: #111111 !important;
}
.subpage--blue .ttlArea {
  background: #1095f4;
}
.subpage--blue .infoArea__item--ttl {
  color: #1095f4;
}
.subpage--blue .infoArea__item--ttl::after {
  border-bottom: 4px solid #1095f4;
}
.subpage--blue .infoArea__item--ttl2 {
  color: #1095f4;
  border: 2px solid #1095f4;
}
.subpage--blue .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #1876b9;
  background: #1095f4;
}
.subpage--blue .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #1876b9;
  background: #1095f4;
}
.subpage--blue .infoArea__sidemenu--ttl {
  background: #1095f4;
}
.subpage--blue .infoArea__sidemenu--link:hover {
  background: #e8f5fe;
}
.subpage--blue .infoArea__sidemenu .current {
  background: #e8f5fe;
}
.subpage--blue .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #1095f4;
}
.subpage--blue .ttlbtn::before {
  color: #f47b20 !important;
}
.subpage--blue .ttlbtn.harf {
  width: 50%;
}
.subpage--blue .ttlbtn--listtype::before {
  color: #111111 !important;
}
.subpage--navy .ttlArea {
  background: #25408f;
}
.subpage--navy .infoArea__item--ttl {
  color: #25408f;
}
.subpage--navy .infoArea__item--ttl::after {
  border-bottom: 4px solid #25408f;
}
.subpage--navy .infoArea__item--ttl2 {
  color: #25408f;
  border: 2px solid #25408f;
}
.subpage--navy .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #031752;
  background: #25408f;
}
.subpage--navy .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #031752;
  background: #25408f;
}
.subpage--navy .infoArea__sidemenu--ttl {
  background: #25408f;
}
.subpage--navy .infoArea__sidemenu--link:hover {
  background: #576180;
}
.subpage--navy .infoArea__sidemenu .current {
  background: #576180;
}
.subpage--navy .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #25408f;
}
.subpage--navy .ttlbtn::before {
  color: #f47b20 !important;
}
.subpage--navy .ttlbtn.harf {
  width: 50%;
}
.subpage--navy .ttlbtn--listtype::before {
  color: #111111 !important;
}
.subpage--pink .ttlArea {
  background: #ef7672;
}
.subpage--pink .infoArea__item--ttl {
  color: #ef7672;
}
.subpage--pink .infoArea__item--ttl::after {
  border-bottom: 4px solid #ef7672;
}
.subpage--pink .infoArea__item--ttl2 {
  color: #ef7672;
  border: 2px solid #ef7672;
}
.subpage--pink .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #b84744;
  background: #ef7672;
}
.subpage--pink .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #b84744;
  background: #ef7672;
}
.subpage--pink .infoArea__sidemenu--ttl {
  background: #ef7672;
}
.subpage--pink .infoArea__sidemenu--link:hover {
  background: #FDF2F1;
}
.subpage--pink .infoArea__sidemenu .current {
  background: #FDF2F1;
}
.subpage--pink .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #ef7672;
}
.subpage--yellow .ttlArea {
  background: #f8b551;
}
.subpage--yellow .infoArea__item--ttl {
  color: #f8b551;
}
.subpage--yellow .infoArea__item--ttl::after {
  border-bottom: 4px solid #f8b551;
}
.subpage--yellow .infoArea__item--ttl2 {
  color: #f8b551;
  border: 2px solid #f8b551;
}
.subpage--yellow .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #be7d1a;
  background: #f8b551;
}
.subpage--yellow .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #c55f13;
  background: #f47b20;
}
.subpage--yellow .infoArea__item--lkbtn {
  box-shadow: 0px 3px 0 #031752;
  background: #25408f;
}
.subpage--yellow .infoArea__sidemenu--ttl {
  background: #f8b551;
}
.subpage--yellow .infoArea__sidemenu--link:hover {
  background: #ffe4bb;
}
.subpage--yellow .infoArea__sidemenu .current {
  background: #ffe4bb;
}
.subpage--yellow .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #f8b551;
}
.subpage--green2 .ttlArea {
  background: #61a500;
}
.subpage--green2 .infoArea__item--ttl {
  color: #61a500;
}
.subpage--green2 .infoArea__item--ttl::after {
  border-bottom: 4px solid #61a500;
}
.subpage--green2 .infoArea__item--ttl2 {
  color: #61a500;
  border: 2px solid #61a500;
}
.subpage--green2 .infoArea__item--zoombtn {
  box-shadow: 0px 3px 0 #61a500;
  background: #61a500;
}
.subpage--green2 .infoArea__item--dlbtn {
  box-shadow: 0px 3px 0 #004e0d;
  background: #61a500;
}
.subpage--green2 .infoArea__sidemenu--ttl {
  background: #61a500;
}
.subpage--green2 .infoArea__sidemenu--link:hover {
  background: #F0F6E6;
}
.subpage--green2 .infoArea__sidemenu .current {
  background: #F0F6E6;
}
.subpage--green2 .infoArea__sidemenu .infoArea__sidemenu__item:not(:first-child)::after {
  color: #61a500;
}
.subpage .paragraph {
  padding-bottom: 40px;
}
.subpage .paragraph span {
  color: #25408f;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .subpage .paragraph {
    padding-bottom: 30px;
  }
}
.subpage .paragraph2 {
  padding-bottom: 40px;
}
.subpage .paragraph2 span {
  color: #25408f;
}
@media screen and (max-width: 767px) {
  .subpage .paragraph2 {
    padding-bottom: 10px;
  }
}
.subpage .ttlbtn {
  padding-left: 3.5rem;
  padding-bottom: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .subpage .ttlbtn {
    padding-left: 25px;
    padding-bottom: 20px;
  }
}
.subpage .ttlbtn::before {
  content: "●";
  color: #25408f;
  position: absolute;
  left: 0;
}
.subpage .ttlbtn--textonly {
  position: relative;
}
.subpage .ttlbtn--textonly .ttl {
  color: #25408f;
  display: block;
  font-weight: bold;
}
.subpage .ttlbtn--textonly .info {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .subpage .ttlbtn--textonly .info {
    font-size: 1.4rem;
  }
}
.subpage .ttlbtn--textonly::before {
  content: "";
}
.subpage .ttlbtn--textonly img {
  display: block;
}
.subpage .ttlbtn--listtype {
  padding-left: 6rem;
  position: relative;
  font-size: 1.8rem;
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
  .subpage .ttlbtn--listtype {
    padding-left: 4rem;
    font-size: 1.6rem;
  }
}
.subpage .ttlbtn--listtype .ttl {
  color: #25408f;
  display: block;
  font-weight: bold;
}
.subpage .ttlbtn--listtype .info {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .subpage .ttlbtn--listtype .info {
    font-size: 1.4rem;
  }
}
.subpage .ttlbtn--listtype::before {
  content: "・";
  position: absolute;
  left: 3rem;
}
@media screen and (max-width: 767px) {
  .subpage .ttlbtn--listtype::before {
    left: 2rem;
  }
}
.subpage .ttlbtn--listtype.noicon {
  padding-top: 20px;
}
.subpage .ttlbtn--listtype.noicon::before {
  content: "";
}
.subpage .ttlbtn--listtype img {
  display: block;
}
.subpage .ttlbtn2::before {
  content: "◎";
}
.subpage .a_link {
  border-bottom: 1px solid #cccccc;
  position: relative;
  margin-bottom: 50px;
  margin-top: 30px;
  padding-bottom: 40px;
}
.subpage .a_link li a::after {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
}
.subpage .a_link li a {
  background-color: #ffffff;
  text-decoration: none;
  border: 2px solid #1095f4;
  color: #1095f4;
  font-weight: bold;
  margin-bottom: 0.5em;
  display: block;
  padding: 10px 35px 10px 10px;
  border-radius: 5px;
  display: flex;
  font-size: 2rem;
  position: relative;
  align-items: center;
}
.subpage .a_link li a.none {
  pointer-events: none;
  cursor: auto;
  border: 2px solid #c5c5c5;
  color: #c5c5c5;
}
.subpage .a_link li a span:first-child {
  margin-right: 0.8em;
  white-space: nowrap;
}
.subpage .a_link li a:hover {
  background-color: #1095f4;
  color: #FFF;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .subpage .a_link li a {
    font-size: 1.8rem;
  }
}
.subpage .ttl-a_link {
  background-color: #1095f4;
  text-decoration: none;
  border: 2px solid #1095f4;
  font-weight: bold;
  margin-bottom: 30px;
  display: block;
  padding: 10px 35px 10px 10px;
  border-radius: 5px;
  display: flex;
  font-size: 2rem;
  position: relative;
  align-items: center;
  margin-top: 50px;
}
.subpage .ttl-a_link span {
  color: #ffffff !important;
}
.subpage .ttl-a_link span:first-child {
  margin-right: 0.8em;
  white-space: nowrap;
}

.movie-ttl {
  font-weight: bold;
  font-size: 2rem;
  display: flex;
  align-items: center;
  background: url(/img/common/ttl_left_border_bold.png) no-repeat left center;
  background-size: 12px 100%;
  padding-left: 28px;
  margin-top: 0.5rem;
  margin-bottom: 0.5em;
}

.breadcrumbList {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0 45px;
}
@media screen and (max-width: 767px) {
  .breadcrumbList {
    display: none;
  }
}
.breadcrumbList p {
  display: inline-block;
}
.breadcrumbList a {
  color: #25408f;
}
.breadcrumbList a:hover, .breadcrumbList a:active, .breadcrumbList a:focus {
  color: #25408f;
}

.headerArea {
  position: relative;
  border-top: 5px solid #25408f;
  overflow-x: hidden;
}
.headerArea__content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  padding: 30px 0 10px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .headerArea__content {
    display: block;
    padding: 10px;
  }
}
.headerArea--left {
  width: 35%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .headerArea--left {
    width: 50%;
  }
}
.headerArea--left .ttllogo {
  width: 100%;
  padding-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .headerArea--left .ttllogo {
    padding-bottom: 10px;
  }
}
.headerArea--right {
  width: 65%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .headerArea--right {
    width: 100%;
  }
}
.headerArea .txtBtnArea {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .headerArea .txtBtnArea {
    display: none;
  }
}
.headerArea .txtBtnArea__label {
  padding-right: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}
.headerArea .txtBtnArea__btn {
  display: flex;
}
.headerArea .txtBtnArea__btn p {
  padding: 4px 10px;
  min-width: 50px;
  text-align: center;
  background: #cccccc;
  color: black;
  cursor: pointer;
}
.headerArea .txtBtnArea__btn--current {
  background: #25408f !important;
  color: white !important;
}
.headerArea--name {
  width: 100%;
  text-align: right;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .headerArea--name {
    text-align: left;
    font-size: 1rem !important;
  }
}
.headerArea.green #navArea {
  background: #e6f6f4;
}
.headerArea.orange #navArea {
  background: #fff2e8;
}
.headerArea.purple #navArea {
  background: #f9f0fc;
}
.headerArea.blue #navArea {
  background: #e8f5fe;
}
.headerArea.pink #navArea {
  background: #FDF2F1;
}
.headerArea.yellow #navArea {
  background: #ffe4bb;
}
.headerArea.green2 #navArea {
  background: #F0F6E6;
}
.headerArea.webApp #navArea {
  background: #fef2e9;
}

#spMenu {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  box-sizing: border-box;
  width: 12%;
  padding: 18px 10px 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #spMenu {
    display: block;
  }
}

#spMenuBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  transition: 0.2s all ease;
  left: 100%;
  overflow-y: auto;
  display: none;
}
#spMenuBox .show {
  left: 0% !important;
}
@media screen and (max-width: 767px) {
  #spMenuBox {
    display: block;
  }
}

.spMenuItem {
  width: 100%;
  height: 100%;
  right: 0;
  position: absolute;
  color: white;
  background: white;
}
@media screen and (max-width: 767px) {
  .spMenuItem {
    height: 150%;
  }
}
.spMenuItem a,
.spMenuItem p {
  position: relative;
  padding: 10px;
  padding-left: 40px;
  border-top: 1px dotted rgb(255, 255, 255);
  text-align: left;
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #111111;
}
.spMenuItem a:hover, .spMenuItem a:active, .spMenuItem a:focus,
.spMenuItem p:hover,
.spMenuItem p:active,
.spMenuItem p:focus {
  color: #111111;
}
.spMenuItem a:last-child,
.spMenuItem p:last-child {
  border-bottom: 1px dotted rgb(255, 255, 255);
}
.spMenuItem a:hover,
.spMenuItem p:hover {
  text-decoration: underline;
}
.spMenuItem p {
  font-size: 2rem;
  pointer-events: none;
}
.spMenuItem p.linktext {
  padding-left: 60px;
  padding-right: 60px;
  background: white;
  color: #aaa !important;
}
.spMenuItem p.linktext::after {
  content: ">";
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 25%;
}
.spMenuItem a {
  padding-left: 60px;
  padding-right: 60px;
}
.spMenuItem a::after {
  content: ">";
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 25%;
}
.spMenuItem__top {
  border-top: 5px solid #25408f;
  height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 10px 10px;
}
.spMenuItem__top a {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  box-sizing: border-box;
  padding: 0;
}
.spMenuItem__top a::after {
  content: "";
  display: none;
}
.spMenuItem__top .spMenuClose {
  cursor: pointer;
  height: 30px;
}
.spMenuItem__top .spMenuClose img {
  height: 100%;
  width: auto;
}
.spMenuItem .green {
  background: #00a590;
}
.spMenuItem .green p {
  color: #eeeeee;
}
.spMenuItem .green a {
  background: white;
}
.spMenuItem .green a:hover {
  background: #e6f6f4;
}
.spMenuItem .green a::after {
  color: #00a590;
}
.spMenuItem .orange {
  background: #f47b20;
}
.spMenuItem .orange p {
  color: #eeeeee;
}
.spMenuItem .orange a {
  background: white;
}
.spMenuItem .orange a:hover {
  background: #fff2e8;
}
.spMenuItem .orange a::after {
  color: #f47b20;
}
.spMenuItem .purple {
  background: #bf69df;
}
.spMenuItem .purple p {
  color: #eeeeee;
}
.spMenuItem .purple a {
  background: white;
}
.spMenuItem .purple a:hover {
  background: #f9f0fc;
}
.spMenuItem .purple a::after {
  color: #bf69df;
}
.spMenuItem .blue {
  background: #1095f4;
}
.spMenuItem .blue p {
  color: #eeeeee;
}
.spMenuItem .blue a {
  background: white;
}
.spMenuItem .blue a:hover {
  background: #e8f5fe;
}
.spMenuItem .blue a::after {
  color: #1095f4;
}
.spMenuItem .pink {
  background: #ef7672;
}
.spMenuItem .pink p {
  color: #eeeeee;
}
.spMenuItem .pink a {
  background: white;
}
.spMenuItem .pink a:hover {
  background: #FDF2F1;
}
.spMenuItem .pink a::after {
  color: #ef7672;
}
.spMenuItem .yellow {
  background: #f8b551;
}
.spMenuItem .yellow p {
  color: #eeeeee;
}
.spMenuItem .yellow a {
  background: white;
}
.spMenuItem .yellow a:hover {
  background: #ffe4bb;
}
.spMenuItem .yellow a::after {
  color: #f8b551;
}
.spMenuItem .green2 {
  background: #61a500;
}
.spMenuItem .green2 p {
  color: #eeeeee;
}
.spMenuItem .green2 a {
  background: white;
}
.spMenuItem .green2 a:hover {
  background: #F0F6E6;
}
.spMenuItem .green2 a::after {
  color: #61a500;
}

#navArea {
  width: 100%;
  background: #f4f4f3;
  border: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
  #navArea {
    display: none;
  }
}

.topnav {
  color: white;
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 2.8rem;
  line-height: 0.9em;
}
.topnav a {
  text-align: center;
  padding: 7px 0;
  width: 50%;
  transition: 0.5s opacity ease;
  font-size: 2rem;
  border-left: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topnav a:last-child {
  border-right: 1px solid #dddddd;
}
.topnav a:hover {
  opacity: 0.7;
}
.topnav--green {
  background: #00a590;
}
.topnav--orange {
  background: #f47b20;
}
.topnav--purple {
  background: #bf69df;
}
.topnav--blue {
  background: #1095f4;
}
.topnav--navy {
  color: #25408f;
}
.topnav--pink {
  color: #ef7672;
}
.topnav--yellow {
  background: #f8b551;
}
.topnav--green2 {
  background: #61a500;
}
.topnav a {
  text-decoration: none;
  color: white;
}
.topnav a:hover, .topnav a:active, .topnav a:focus {
  color: white;
}

footer {
  margin-top: 50px;
  border-top: 5px solid #25408f;
  background: #eeeeee;
  width: 100%;
}
@media screen and (max-width: 767px) {
  footer {
    margin-top: 20px;
  }
}

#content__footer {
  max-width: 1000px;
  margin: 0 auto;
  background: #eeeeee;
}
#content__footer .infoBoxArea {
  display: flex;
  justify-content: flex-start;
}
#content__footer .infoBox {
  padding: 35px 35px 35px 0;
  line-height: 1.5em;
  min-width: 370px;
}
@media screen and (max-width: 767px) {
  #content__footer .infoBox {
    display: none;
  }
}
#content__footer .infoBox__ttlArea {
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  padding-bottom: 10px;
}
#content__footer .infoBox__ttlArea img {
  height: 3px;
  width: 6px;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0;
}
#content__footer .infoBox--ttl {
  color: #25408f;
  font-size: 2rem;
}
#content__footer .infoBox--info {
  font-size: 1.6rem;
  padding-left: 5px;
}
#content__footer .infoBox li {
  position: relative;
  padding-left: 2rem;
}
#content__footer .infoBox li a {
  color: #111111;
  text-decoration: none;
}
#content__footer .infoBox li a:hover, #content__footer .infoBox li a:active, #content__footer .infoBox li a:focus {
  color: #111111;
}
#content__footer .infoBox li a:hover {
  text-decoration: underline;
}
#content__footer .infoBox li::before {
  content: "・";
  position: absolute;
  left: 0px;
}
#content__footer .copylightArea {
  position: relative;
}
#content__footer .copylightArea hr {
  border: 0;
  background-image: url("/img/common/footerLine.png");
  background-repeat: repeat-x;
  background-position: top left;
  width: 100%;
  height: 5px;
}
#content__footer .copylightArea__link {
  padding: 10px 20px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#content__footer .copylightArea__link .linkitem {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #content__footer .copylightArea__link .linkitem {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #content__footer .copylightArea__link .linkitem:nth-child(1) {
    padding-bottom: 20px;
  }
}
#content__footer .copylightArea__link .linkitem p::after {
  content: " :";
}
#content__footer .copylightArea__link .linkitem a {
  padding: 0 5px;
}
@media screen and (max-width: 767px) {
  #content__footer .copylightArea__link .linkitem a {
    padding: 0;
  }
}
#content__footer .copylightArea .copylightArea {
  text-align: right;
}
@media screen and (max-width: 767px) {
  #content__footer .copylightArea .copylightArea {
    text-align: center;
  }
}
#content__footer .copylightArea .copylightArea__text {
  color: #999999;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #content__footer .copylightArea .copylightArea__text {
    font-size: 1.2rem;
    padding: 10px;
  }
}
#content__footer .company {
  padding: 40px 0 110px 0;
  width: 100%;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #content__footer .company {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 10px;
  }
}
#content__footer .company__ttl {
  font-size: 2rem;
  padding-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #content__footer .company__ttl {
    font-size: 1.4rem;
  }
}
#content__footer .company__logoArea {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #content__footer .company__logoArea {
    display: block;
  }
}
#content__footer .company__logoArea a {
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #content__footer .company__logoArea a {
    width: 60%;
  }
  #content__footer .company__logoArea a:nth-child(1) {
    padding-bottom: 20px;
  }
}
#content__footer .company__logoArea a:nth-child(1) {
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  #content__footer .company__logoArea a:nth-child(1) {
    padding-right: 0;
  }
}

#topMoveBtn {
  width: 62px;
  height: 62px;
  position: fixed;
  right: 5%;
  bottom: 3%;
  cursor: pointer;
  transition: 0.2s all ease;
  opacity: 0;
  z-index: 2000;
}
#topMoveBtn:hover {
  transform: scale(1.1);
}

.topMvActive {
  opacity: 1 !important;
}

.spboximg {
  display: none;
}
@media screen and (max-width: 767px) {
  .spboximg {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cccccc;
    width: 100%;
    margin: 10px 0;
  }
}

.regist .subpage,
.lp .subpage {
  background-color: #e5eaf9;
  padding: 50px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .regist .subpage,
  .lp .subpage {
    padding: 10px;
  }
}
.regist #navArea,
.lp #navArea {
  display: none;
}
.regist #supervisionName,
.lp #supervisionName {
  display: none;
}
.regist #spMenu,
.lp #spMenu {
  display: none;
}
.regist .infoArea,
.lp .infoArea {
  display: block;
  background-color: white;
  padding: 50px;
  border-radius: 10px;
}
.regist .infoArea.regist h2,
.lp .infoArea.regist h2 {
  background-color: #f47b20;
  color: white;
  padding: 3px 25px;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 7px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .regist .infoArea.regist h2,
  .lp .infoArea.regist h2 {
    font-size: 2.4rem;
  }
}
.regist .infoArea__one,
.lp .infoArea__one {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .regist .infoArea__one,
  .lp .infoArea__one {
    display: block;
    font-size: 1.9rem;
    padding-bottom: 0;
  }
}
.regist .infoArea__one__item,
.lp .infoArea__one__item {
  position: relative;
  width: 48%;
}
@media screen and (max-width: 767px) {
  .regist .infoArea__one__item,
  .lp .infoArea__one__item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .regist .infoArea__one__item:nth-child(1),
  .lp .infoArea__one__item:nth-child(1) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .regist .infoArea__one__img,
  .lp .infoArea__one__img {
    padding-top: 15px !important;
  }
}
.regist .infoArea__one__img:nth-child(2),
.lp .infoArea__one__img:nth-child(2) {
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  .regist .infoArea__one__img:nth-child(2),
  .lp .infoArea__one__img:nth-child(2) {
    padding: 0;
  }
}
.regist .infoArea__info,
.lp .infoArea__info {
  font-size: 1.75rem;
  padding-bottom: 40px;
  color: #222222;
}
@media screen and (max-width: 767px) {
  .regist .infoArea__info,
  .lp .infoArea__info {
    padding-top: 20px;
    font-size: 1.5rem;
  }
}
.regist .infoArea__info2,
.lp .infoArea__info2 {
  position: relative;
  font-size: 1.55rem;
  background-color: #f2f2f2;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .regist .infoArea__info2,
  .lp .infoArea__info2 {
    font-size: 1.5rem;
  }
}
.regist .infoArea__info2 p,
.lp .infoArea__info2 p {
  position: relative;
  padding-left: 20px;
  color: #222222;
}
.regist .infoArea__info2 p::before,
.lp .infoArea__info2 p::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.regist .infoArea.regButtonAreaBox,
.lp .infoArea.regButtonAreaBox {
  background-color: #e5eaf9;
}
.regist .infoArea.regButtonArea,
.lp .infoArea.regButtonArea {
  background: none;
  display: flex;
  justify-content: center;
  background-color: #5e73af;
  padding: 20px;
  border-radius: 0;
  position: relative;
}
.regist .infoArea.regButtonArea.fixpos,
.lp .infoArea.regButtonArea.fixpos {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.regist .infoArea.regButtonArea .regButton,
.lp .infoArea.regButtonArea .regButton {
  background-color: #f47b20;
  color: white;
  padding: 14px 50px;
  display: inline-block;
  border-radius: 10px;
  font-size: 2.4rem;
  box-shadow: 0px 3px 0 0 #c55f13;
  text-decoration: none;
  transition: 0.5s ease all;
  transform: scale(1);
}
.regist .infoArea.regButtonArea .regButton:hover,
.lp .infoArea.regButtonArea .regButton:hover {
  transform: scale(1.1);
  background-color: #f58e3f;
}
@media screen and (max-width: 767px) {
  .regist .infoArea,
  .lp .infoArea {
    padding: 15px;
  }
}
.regist .lp-cont01,
.lp .lp-cont01 {
  background-color: #FFF5EA;
  padding: 20px;
}
.regist .lp-cont01 .flex,
.lp .lp-cont01 .flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: end;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont01 .flex,
  .lp .lp-cont01 .flex {
    display: block;
  }
}
.regist .lp-cont01 .flex .flex-cont01,
.lp .lp-cont01 .flex .flex-cont01 {
  width: 50%;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont01 .flex .flex-cont01,
  .lp .lp-cont01 .flex .flex-cont01 {
    width: 100%;
    padding-left: 0;
  }
}
.regist .lp-cont01 .flex .new,
.lp .lp-cont01 .flex .new {
  background-color: #61a500;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  margin: 20px -20px 20px auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 30px 0;
}
.regist .lp-cont01 .flex .ttl-use,
.lp .lp-cont01 .flex .ttl-use {
  color: #61a500;
  background: none;
  font-weight: bold;
  display: block;
  padding: 0;
}
.regist .lp-cont01 .flex .ttl-use::before,
.lp .lp-cont01 .flex .ttl-use::before {
  content: "";
  width: 80px;
  height: 80px;
  background-image: url(/img/ttl/topnav_6.png);
  background-size: contain;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.regist .lp-cont01 .flex .ttl-use span,
.lp .lp-cont01 .flex .ttl-use span {
  font-size: 170%;
}
.regist .lp-cont01 .flex .ttl-use::after,
.lp .lp-cont01 .flex .ttl-use::after {
  clear: both;
}
.regist .lp-cont01 .flex .bold,
.lp .lp-cont01 .flex .bold {
  font-weight: bold;
}
.regist .lp-cont01 .flex02,
.lp .lp-cont01 .flex02 {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont01 .flex02,
  .lp .lp-cont01 .flex02 {
    display: block;
  }
}
.regist .lp-cont01 .flex02 .flex02-cont,
.lp .lp-cont01 .flex02 .flex02-cont {
  border: 5px solid #61a500;
  border-radius: 15px;
  background-color: #fff;
  width: 40%;
  padding: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont01 .flex02 .flex02-cont,
  .lp .lp-cont01 .flex02 .flex02-cont {
    width: 100%;
  }
}
.regist .lp-cont01 .flex02 .flex02-cont:not(:first-child),
.lp .lp-cont01 .flex02 .flex02-cont:not(:first-child) {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont01 .flex02 .flex02-cont:not(:first-child),
  .lp .lp-cont01 .flex02 .flex02-cont:not(:first-child) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.regist .lp-cont01 .flex02 .flex02-cont .ttl-use02,
.lp .lp-cont01 .flex02 .flex02-cont .ttl-use02 {
  background-color: #61a500;
  color: #fff;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}
.regist .lp-cont01 .flex02 .flex02-cont .ttl-use02 img,
.lp .lp-cont01 .flex02 .flex02-cont .ttl-use02 img {
  width: 20px;
  vertical-align: bottom;
  margin-right: 10px;
}
.regist .lp-cont01 .flex02 .flex02-cont .thum img,
.lp .lp-cont01 .flex02 .flex02-cont .thum img {
  margin: 20px 10px 5px;
  display: block;
  width: 96%;
}
.regist .lp-cont01 .flex02 .flex02-cont .txt01,
.lp .lp-cont01 .flex02 .flex02-cont .txt01 {
  text-align: center;
  color: #61a500;
  padding: 20px;
  font-weight: bold;
}
.regist .lp-cont01 .flex02 .flex02-cont .btn,
.lp .lp-cont01 .flex02 .flex02-cont .btn {
  text-align: center;
}
.regist .lp-cont01 .flex02 .flex02-cont .btn a,
.lp .lp-cont01 .flex02 .flex02-cont .btn a {
  color: #25408f;
  font-weight: bold;
  border: 2px solid #687AB1;
  padding: 2px 20px 0 10px;
  border-radius: 20px;
  display: inline-block;
  margin: auto;
  text-decoration: none;
}
.regist .lp-cont01 .flex02 .flex02-cont .btn a:hover,
.lp .lp-cont01 .flex02 .flex02-cont .btn a:hover {
  background-color: #687AB1;
  color: #fff;
}
.regist .lp-cont01 .flex02 .flex02-cont .btn a::before,
.lp .lp-cont01 .flex02 .flex02-cont .btn a::before {
  content: url(/img/lp/mar01.png);
  vertical-align: middle;
  padding-right: 10px;
}
.regist .lp-cont02,
.lp .lp-cont02 {
  margin: 40px 0;
}
.regist .lp-cont02 .ttl-use03,
.lp .lp-cont02 .ttl-use03 {
  color: #ED7900;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
.regist .lp-cont02 .ttl-use03 span,
.lp .lp-cont02 .ttl-use03 span {
  color: #0C3286;
}
.regist .lp-cont02 .box-DBregist,
.lp .lp-cont02 .box-DBregist {
  border: 2px solid #ED7900;
  border-radius: 10px;
  margin: 20px auto 0;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont02 .box-DBregist,
  .lp .lp-cont02 .box-DBregist {
    width: 100%;
  }
}
.regist .lp-cont02 .box-DBregist .ttl-use04,
.lp .lp-cont02 .box-DBregist .ttl-use04 {
  color: #fff;
  background-color: #ED7900;
  font-size: 2.2rem;
  text-align: center;
  padding: 5px 0 3px;
  font-weight: bold;
}
.regist .lp-cont02 .box-DBregist .txt-01,
.lp .lp-cont02 .box-DBregist .txt-01 {
  color: #000;
  padding: 20px 20px 0;
  font-weight: bold;
}
.regist .lp-cont02 .box-DBregist .txt-02,
.lp .lp-cont02 .box-DBregist .txt-02 {
  font-size: 1.2rem;
  text-align: right;
  padding-right: 20px;
}
.regist .lp-cont02 .box-DBregist .flex03,
.lp .lp-cont02 .box-DBregist .flex03 {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 20px;
}
.regist .lp-cont02 .box-DBregist .flex03 > div:not(:first-child),
.lp .lp-cont02 .box-DBregist .flex03 > div:not(:first-child) {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont02 .box-DBregist .flex03 > div:not(:first-child),
  .lp .lp-cont02 .box-DBregist .flex03 > div:not(:first-child) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .regist .lp-cont02 .box-DBregist .flex03,
  .lp .lp-cont02 .box-DBregist .flex03 {
    display: block;
  }
}
.regist .lp-cont02 .box-DBregist .flex03 .ttl-use05,
.lp .lp-cont02 .box-DBregist .flex03 .ttl-use05 {
  color: #000;
  font-weight: bold;
}
.regist .lp-cont02 .box-DBregist .flex03 .ttl-use05::before,
.lp .lp-cont02 .box-DBregist .flex03 .ttl-use05::before {
  content: "●";
  color: #0C3286;
}
.regist .lp-cont03,
.lp .lp-cont03 {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  padding: 20px 40px;
  font-size: smaller;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont03,
  .lp .lp-cont03 {
    display: block;
    padding: 20px 0;
  }
}
.regist .lp-cont03 li,
.lp .lp-cont03 li {
  margin-bottom: 0.2em;
  margin-left: 2.3em;
}
.regist .lp-cont03 li .maru,
.lp .lp-cont03 li .maru {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background-color: #3389CA;
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
  margin-left: -2.3em;
}
.regist .lp-cont03 .triangle,
.lp .lp-cont03 .triangle {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #0C3286;
  margin-left: 100px;
}
.regist .lp-cont03 .img-cont02-04,
.lp .lp-cont03 .img-cont02-04 {
  margin-left: 10px;
  width: 18%;
}
@media screen and (max-width: 767px) {
  .regist .lp-cont03 .img-cont02-04,
  .lp .lp-cont03 .img-cont02-04 {
    width: 50%;
    margin: 20px auto;
  }
}
.regist .lp-cont04,
.lp .lp-cont04 {
  margin: 20px auto;
  text-align: center;
}
.regist .lp-cont04 .regButton,
.lp .lp-cont04 .regButton {
  background-color: #f47b20;
  color: white;
  padding: 14px 50px;
  display: inline-block;
  border-radius: 10px;
  font-size: 2.4rem;
  box-shadow: 0px 3px 0 0 #c55f13;
  text-decoration: none;
  transition: 0.5s ease all;
  transform: scale(1);
}
.regist .lp-cont04 .regButton:hover,
.lp .lp-cont04 .regButton:hover {
  transform: scale(1.1);
  background-color: #f58e3f;
}
.regist footer,
.lp footer {
  margin-top: 0;
}

.footerpager {
  padding: 40px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.footerpager a {
  text-decoration: none;
  padding: 20px;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  width: 200px;
  text-align: center;
  transition: 0.2s ease all;
  color: black;
}
@media screen and (max-width: 767px) {
  .footerpager a {
    width: 47%;
    max-width: 200px;
    padding: 15px;
    border-radius: 15px;
  }
}
.footerpager a:hover {
  background: #eeeeee;
  color: #252728;
}
.footerpager a.dn {
  opacity: 0;
  pointer-events: none;
}
.footerpager a.prev::before {
  content: "<";
  width: 20px;
  padding-right: 15px;
}
.footerpager a.next::after {
  content: ">";
  width: 20px;
  padding-left: 15px;
}

.docNum {
  font-size: 1.4rem;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 60px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .docNum {
    padding-right: 5px;
  }
}

.videoframe {
  width: 900px;
  height: 675px;
}
@media screen and (max-width: 767px) {
  .videoframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

#videoViewArea {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 9999;
}
#videoViewArea.show {
  display: flex;
}

#viewRootArea {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modalCloseButton {
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
  height: auto;
  z-index: 100;
  cursor: pointer;
}

.txt_s {
  font-size: 70%;
}
@media screen and (max-width: 767px) {
  .txt_s {
    font-size: 80%;
    padding: 0 10px;
  }
}

.swiper-button-prev {
  left: 15px !important;
}
.swiper-button-prev::after {
  color: #ffffff;
}

.swiper-button-next {
  right: 15px !important;
}
.swiper-button-next::after {
  color: #ffffff;
}/*# sourceMappingURL=main.css.map */