/* font-size
**************************************** */
.fz8 { font-size: max(6px, 0.5rem);}
@media screen and (max-width: 767px) {
  .fz8 { font-size: 0.5rem;  }
  .fz-sp8 { font-size: 0.5714285714rem !important;  }
}

.fz9 { font-size: max(7px, 0.5625rem);}
@media screen and (max-width: 767px) {
  .fz9 { font-size: 0.5625rem;  }
  .fz-sp9 { font-size: 0.6428571429rem !important;  }
}

.fz10 { font-size: max(8px, 0.625rem);}
@media screen and (max-width: 767px) {
  .fz10 { font-size: 0.625rem;  }
  .fz-sp10 { font-size: 0.7142857143rem !important;  }
}

.fz11 { font-size: max(9px, 0.6875rem);}
@media screen and (max-width: 767px) {
  .fz11 { font-size: 0.6875rem;  }
  .fz-sp11 { font-size: 0.7857142857rem !important;  }
}

.fz12 { font-size: max(10px, 0.75rem);}
@media screen and (max-width: 767px) {
  .fz12 { font-size: 0.75rem;  }
  .fz-sp12 { font-size: 0.8571428571rem !important;  }
}

.fz13 { font-size: max(11px, 0.8125rem);}
@media screen and (max-width: 767px) {
  .fz13 { font-size: 0.8125rem;  }
  .fz-sp13 { font-size: 0.9285714286rem !important;  }
}

.fz14 { font-size: max(12px, 0.875rem);}
@media screen and (max-width: 767px) {
  .fz14 { font-size: 0.875rem;  }
  .fz-sp14 { font-size: 1rem !important;  }
}

.fz15 { font-size: max(13px, 0.9375rem);}
@media screen and (max-width: 767px) {
  .fz15 { font-size: 0.9375rem;  }
  .fz-sp15 { font-size: 1.0714285714rem !important;  }
}

.fz16 { font-size: max(14px, 1rem);}
@media screen and (max-width: 767px) {
  .fz16 { font-size: 1rem;  }
  .fz-sp16 { font-size: 1.1428571429rem !important;  }
}

.fz17 { font-size: max(15px, 1.0625rem);}
@media screen and (max-width: 767px) {
  .fz17 { font-size: 1.0625rem;  }
  .fz-sp17 { font-size: 1.2142857143rem !important;  }
}

.fz18 { font-size: max(16px, 1.125rem);}
@media screen and (max-width: 767px) {
  .fz18 { font-size: 1.125rem;  }
  .fz-sp18 { font-size: 1.2857142857rem !important;  }
}

.fz19 { font-size: max(17px, 1.1875rem);}
@media screen and (max-width: 767px) {
  .fz19 { font-size: 1.1875rem;  }
  .fz-sp19 { font-size: 1.3571428571rem !important;  }
}

.fz20 { font-size: max(18px, 1.25rem);}
@media screen and (max-width: 767px) {
  .fz20 { font-size: 1.25rem;  }
  .fz-sp20 { font-size: 1.4285714286rem !important;  }
}

.fz21 { font-size: max(19px, 1.3125rem);}
@media screen and (max-width: 767px) {
  .fz21 { font-size: 1.3125rem;  }
  .fz-sp21 { font-size: 1.5rem !important;  }
}

.fz22 { font-size: max(20px, 1.375rem);}
@media screen and (max-width: 767px) {
  .fz22 { font-size: 1.375rem;  }
  .fz-sp22 { font-size: 1.5714285714rem !important;  }
}

.fz23 { font-size: max(21px, 1.4375rem);}
@media screen and (max-width: 767px) {
  .fz23 { font-size: 1.4375rem;  }
  .fz-sp23 { font-size: 1.6428571429rem !important;  }
}

.fz24 { font-size: max(22px, 1.5rem);}
@media screen and (max-width: 767px) {
  .fz24 { font-size: 1.5rem;  }
  .fz-sp24 { font-size: 1.7142857143rem !important;  }
}

.fz25 { font-size: 1.5625rem;}
@media screen and (max-width: 767px) {
  .fz25 { font-size: 1.5625rem;  }
  .fz-sp25 { font-size: 1.7857142857rem !important;  }
}

.fz26 { font-size: 1.625rem;}
@media screen and (max-width: 767px) {
  .fz26 { font-size: 1.625rem;  }
  .fz-sp26 { font-size: 1.8571428571rem !important;  }
}

.fz27 { font-size: 1.6875rem;}
@media screen and (max-width: 767px) {
  .fz27 { font-size: 1.6875rem;  }
  .fz-sp27 { font-size: 1.9285714286rem !important;  }
}

.fz28 { font-size: 1.75rem;}
@media screen and (max-width: 767px) {
  .fz28 { font-size: 1.75rem;  }
  .fz-sp28 { font-size: 2rem !important;  }
}

.fz29 { font-size: 1.8125rem;}
@media screen and (max-width: 767px) {
  .fz29 { font-size: 1.8125rem;  }
  .fz-sp29 { font-size: 2.0714285714rem !important;  }
}

.fz30 { font-size: 1.875rem;}
@media screen and (max-width: 767px) {
  .fz30 { font-size: 1.875rem;  }
  .fz-sp30 { font-size: 2.1428571429rem !important;  }
}

.fz31 { font-size: 1.9375rem;}
@media screen and (max-width: 767px) {
  .fz31 { font-size: 1.9375rem;  }
  .fz-sp31 { font-size: 2.2142857143rem !important;  }
}

.fz32 { font-size: 2rem;}
@media screen and (max-width: 767px) {
  .fz32 { font-size: 2rem;  }
  .fz-sp32 { font-size: 2.2857142857rem !important;  }
}

.fz33 { font-size: 2.0625rem;}
@media screen and (max-width: 767px) {
  .fz33 { font-size: 2.0625rem;  }
  .fz-sp33 { font-size: 2.3571428571rem !important;  }
}

.fz34 { font-size: 2.125rem;}
@media screen and (max-width: 767px) {
  .fz34 { font-size: 2.125rem;  }
  .fz-sp34 { font-size: 2.4285714286rem !important;  }
}

.fz35 { font-size: 2.1875rem;}
@media screen and (max-width: 767px) {
  .fz35 { font-size: 2.1875rem;  }
  .fz-sp35 { font-size: 2.5rem !important;  }
}

.fz36 { font-size: 2.25rem;}
@media screen and (max-width: 767px) {
  .fz36 { font-size: 2.25rem;  }
  .fz-sp36 { font-size: 2.5714285714rem !important;  }
}

.fz37 { font-size: 2.3125rem;}
@media screen and (max-width: 767px) {
  .fz37 { font-size: 2.3125rem;  }
  .fz-sp37 { font-size: 2.6428571429rem !important;  }
}

.fz38 { font-size: 2.375rem;}
@media screen and (max-width: 767px) {
  .fz38 { font-size: 2.375rem;  }
  .fz-sp38 { font-size: 2.7142857143rem !important;  }
}

.fz39 { font-size: 2.4375rem;}
@media screen and (max-width: 767px) {
  .fz39 { font-size: 2.4375rem;  }
  .fz-sp39 { font-size: 2.7857142857rem !important;  }
}

.fz40 { font-size: 2.5rem;}
@media screen and (max-width: 767px) {
  .fz40 { font-size: 2.5rem;  }
  .fz-sp40 { font-size: 2.8571428571rem !important;  }
}

.fz41 { font-size: 2.5625rem;}
@media screen and (max-width: 767px) {
  .fz41 { font-size: 2.5625rem;  }
  .fz-sp41 { font-size: 2.9285714286rem !important;  }
}

.fz42 { font-size: 2.625rem;}
@media screen and (max-width: 767px) {
  .fz42 { font-size: 2.625rem;  }
  .fz-sp42 { font-size: 3rem !important;  }
}

.fz43 { font-size: 2.6875rem;}
@media screen and (max-width: 767px) {
  .fz43 { font-size: 2.6875rem;  }
  .fz-sp43 { font-size: 3.0714285714rem !important;  }
}

.fz44 { font-size: 2.75rem;}
@media screen and (max-width: 767px) {
  .fz44 { font-size: 2.75rem;  }
  .fz-sp44 { font-size: 3.1428571429rem !important;  }
}

.fz45 { font-size: 2.8125rem;}
@media screen and (max-width: 767px) {
  .fz45 { font-size: 2.8125rem;  }
  .fz-sp45 { font-size: 3.2142857143rem !important;  }
}

.fz46 { font-size: 2.875rem;}
@media screen and (max-width: 767px) {
  .fz46 { font-size: 2.875rem;  }
  .fz-sp46 { font-size: 3.2857142857rem !important;  }
}

.fz47 { font-size: 2.9375rem;}
@media screen and (max-width: 767px) {
  .fz47 { font-size: 2.9375rem;  }
  .fz-sp47 { font-size: 3.3571428571rem !important;  }
}

.fz48 { font-size: 3rem;}
@media screen and (max-width: 767px) {
  .fz48 { font-size: 3rem;  }
  .fz-sp48 { font-size: 3.4285714286rem !important;  }
}

.fz49 { font-size: 3.0625rem;}
@media screen and (max-width: 767px) {
  .fz49 { font-size: 3.0625rem;  }
  .fz-sp49 { font-size: 3.5rem !important;  }
}

.fz50 { font-size: 3.125rem;}
@media screen and (max-width: 767px) {
  .fz50 { font-size: 3.125rem;  }
  .fz-sp50 { font-size: 3.5714285714rem !important;  }
}

.fz51 { font-size: 3.1875rem;}
@media screen and (max-width: 767px) {
  .fz51 { font-size: 3.1875rem;  }
  .fz-sp51 { font-size: 3.6428571429rem !important;  }
}

.fz52 { font-size: 3.25rem;}
@media screen and (max-width: 767px) {
  .fz52 { font-size: 3.25rem;  }
  .fz-sp52 { font-size: 3.7142857143rem !important;  }
}

.fz53 { font-size: 3.3125rem;}
@media screen and (max-width: 767px) {
  .fz53 { font-size: 3.3125rem;  }
  .fz-sp53 { font-size: 3.7857142857rem !important;  }
}

.fz54 { font-size: 3.375rem;}
@media screen and (max-width: 767px) {
  .fz54 { font-size: 3.375rem;  }
  .fz-sp54 { font-size: 3.8571428571rem !important;  }
}

.fz55 { font-size: 3.4375rem;}
@media screen and (max-width: 767px) {
  .fz55 { font-size: 3.4375rem;  }
  .fz-sp55 { font-size: 3.9285714286rem !important;  }
}

.fz56 { font-size: 3.5rem;}
@media screen and (max-width: 767px) {
  .fz56 { font-size: 3.5rem;  }
  .fz-sp56 { font-size: 4rem !important;  }
}

.fz57 { font-size: 3.5625rem;}
@media screen and (max-width: 767px) {
  .fz57 { font-size: 3.5625rem;  }
  .fz-sp57 { font-size: 4.0714285714rem !important;  }
}

.fz58 { font-size: 3.625rem;}
@media screen and (max-width: 767px) {
  .fz58 { font-size: 3.625rem;  }
  .fz-sp58 { font-size: 4.1428571429rem !important;  }
}

.fz59 { font-size: 3.6875rem;}
@media screen and (max-width: 767px) {
  .fz59 { font-size: 3.6875rem;  }
  .fz-sp59 { font-size: 4.2142857143rem !important;  }
}

.fz60 { font-size: 3.75rem;}
@media screen and (max-width: 767px) {
  .fz60 { font-size: 3.75rem;  }
  .fz-sp60 { font-size: 4.2857142857rem !important;  }
}

.fz61 { font-size: 3.8125rem;}
@media screen and (max-width: 767px) {
  .fz61 { font-size: 3.8125rem;  }
  .fz-sp61 { font-size: 4.3571428571rem !important;  }
}

.fz62 { font-size: 3.875rem;}
@media screen and (max-width: 767px) {
  .fz62 { font-size: 3.875rem;  }
  .fz-sp62 { font-size: 4.4285714286rem !important;  }
}

.fz63 { font-size: 3.9375rem;}
@media screen and (max-width: 767px) {
  .fz63 { font-size: 3.9375rem;  }
  .fz-sp63 { font-size: 4.5rem !important;  }
}

.fz64 { font-size: 4rem;}
@media screen and (max-width: 767px) {
  .fz64 { font-size: 4rem;  }
  .fz-sp64 { font-size: 4.5714285714rem !important;  }
}

.fz65 { font-size: 4.0625rem;}
@media screen and (max-width: 767px) {
  .fz65 { font-size: 4.0625rem;  }
  .fz-sp65 { font-size: 4.6428571429rem !important;  }
}

.fz66 { font-size: 4.125rem;}
@media screen and (max-width: 767px) {
  .fz66 { font-size: 4.125rem;  }
  .fz-sp66 { font-size: 4.7142857143rem !important;  }
}

.fz67 { font-size: 4.1875rem;}
@media screen and (max-width: 767px) {
  .fz67 { font-size: 4.1875rem;  }
  .fz-sp67 { font-size: 4.7857142857rem !important;  }
}

.fz68 { font-size: 4.25rem;}
@media screen and (max-width: 767px) {
  .fz68 { font-size: 4.25rem;  }
  .fz-sp68 { font-size: 4.8571428571rem !important;  }
}

.fz69 { font-size: 4.3125rem;}
@media screen and (max-width: 767px) {
  .fz69 { font-size: 4.3125rem;  }
  .fz-sp69 { font-size: 4.9285714286rem !important;  }
}

.fz70 { font-size: 4.375rem;}
@media screen and (max-width: 767px) {
  .fz70 { font-size: 4.375rem;  }
  .fz-sp70 { font-size: 5rem !important;  }
}

.fz71 { font-size: 4.4375rem;}
@media screen and (max-width: 767px) {
  .fz71 { font-size: 4.4375rem;  }
  .fz-sp71 { font-size: 5.0714285714rem !important;  }
}

.fz72 { font-size: 4.5rem;}
@media screen and (max-width: 767px) {
  .fz72 { font-size: 4.5rem;  }
  .fz-sp72 { font-size: 5.1428571429rem !important;  }
}

.fz73 { font-size: 4.5625rem;}
@media screen and (max-width: 767px) {
  .fz73 { font-size: 4.5625rem;  }
  .fz-sp73 { font-size: 5.2142857143rem !important;  }
}

.fz74 { font-size: 4.625rem;}
@media screen and (max-width: 767px) {
  .fz74 { font-size: 4.625rem;  }
  .fz-sp74 { font-size: 5.2857142857rem !important;  }
}

.fz75 { font-size: 4.6875rem;}
@media screen and (max-width: 767px) {
  .fz75 { font-size: 4.6875rem;  }
  .fz-sp75 { font-size: 5.3571428571rem !important;  }
}

.fz76 { font-size: 4.75rem;}
@media screen and (max-width: 767px) {
  .fz76 { font-size: 4.75rem;  }
  .fz-sp76 { font-size: 5.4285714286rem !important;  }
}

.fz77 { font-size: 4.8125rem;}
@media screen and (max-width: 767px) {
  .fz77 { font-size: 4.8125rem;  }
  .fz-sp77 { font-size: 5.5rem !important;  }
}

.fz78 { font-size: 4.875rem;}
@media screen and (max-width: 767px) {
  .fz78 { font-size: 4.875rem;  }
  .fz-sp78 { font-size: 5.5714285714rem !important;  }
}

.fz79 { font-size: 4.9375rem;}
@media screen and (max-width: 767px) {
  .fz79 { font-size: 4.9375rem;  }
  .fz-sp79 { font-size: 5.6428571429rem !important;  }
}

.fz80 { font-size: 5rem;}
@media screen and (max-width: 767px) {
  .fz80 { font-size: 5rem;  }
  .fz-sp80 { font-size: 5.7142857143rem !important;  }
}

.fz81 { font-size: 5.0625rem;}
@media screen and (max-width: 767px) {
  .fz81 { font-size: 5.0625rem;  }
  .fz-sp81 { font-size: 5.7857142857rem !important;  }
}

.fz82 { font-size: 5.125rem;}
@media screen and (max-width: 767px) {
  .fz82 { font-size: 5.125rem;  }
  .fz-sp82 { font-size: 5.8571428571rem !important;  }
}

.fz83 { font-size: 5.1875rem;}
@media screen and (max-width: 767px) {
  .fz83 { font-size: 5.1875rem;  }
  .fz-sp83 { font-size: 5.9285714286rem !important;  }
}

.fz84 { font-size: 5.25rem;}
@media screen and (max-width: 767px) {
  .fz84 { font-size: 5.25rem;  }
  .fz-sp84 { font-size: 6rem !important;  }
}

.fz85 { font-size: 5.3125rem;}
@media screen and (max-width: 767px) {
  .fz85 { font-size: 5.3125rem;  }
  .fz-sp85 { font-size: 6.0714285714rem !important;  }
}

.fz86 { font-size: 5.375rem;}
@media screen and (max-width: 767px) {
  .fz86 { font-size: 5.375rem;  }
  .fz-sp86 { font-size: 6.1428571429rem !important;  }
}

.fz87 { font-size: 5.4375rem;}
@media screen and (max-width: 767px) {
  .fz87 { font-size: 5.4375rem;  }
  .fz-sp87 { font-size: 6.2142857143rem !important;  }
}

.fz88 { font-size: 5.5rem;}
@media screen and (max-width: 767px) {
  .fz88 { font-size: 5.5rem;  }
  .fz-sp88 { font-size: 6.2857142857rem !important;  }
}

.fz89 { font-size: 5.5625rem;}
@media screen and (max-width: 767px) {
  .fz89 { font-size: 5.5625rem;  }
  .fz-sp89 { font-size: 6.3571428571rem !important;  }
}

.fz90 { font-size: 5.625rem;}
@media screen and (max-width: 767px) {
  .fz90 { font-size: 5.625rem;  }
  .fz-sp90 { font-size: 6.4285714286rem !important;  }
}

.fz91 { font-size: 5.6875rem;}
@media screen and (max-width: 767px) {
  .fz91 { font-size: 5.6875rem;  }
  .fz-sp91 { font-size: 6.5rem !important;  }
}

.fz92 { font-size: 5.75rem;}
@media screen and (max-width: 767px) {
  .fz92 { font-size: 5.75rem;  }
  .fz-sp92 { font-size: 6.5714285714rem !important;  }
}

.fz93 { font-size: 5.8125rem;}
@media screen and (max-width: 767px) {
  .fz93 { font-size: 5.8125rem;  }
  .fz-sp93 { font-size: 6.6428571429rem !important;  }
}

.fz94 { font-size: 5.875rem;}
@media screen and (max-width: 767px) {
  .fz94 { font-size: 5.875rem;  }
  .fz-sp94 { font-size: 6.7142857143rem !important;  }
}

.fz95 { font-size: 5.9375rem;}
@media screen and (max-width: 767px) {
  .fz95 { font-size: 5.9375rem;  }
  .fz-sp95 { font-size: 6.7857142857rem !important;  }
}

.fz96 { font-size: 6rem;}
@media screen and (max-width: 767px) {
  .fz96 { font-size: 6rem;  }
  .fz-sp96 { font-size: 6.8571428571rem !important;  }
}

.fz97 { font-size: 6.0625rem;}
@media screen and (max-width: 767px) {
  .fz97 { font-size: 6.0625rem;  }
  .fz-sp97 { font-size: 6.9285714286rem !important;  }
}

.fz98 { font-size: 6.125rem;}
@media screen and (max-width: 767px) {
  .fz98 { font-size: 6.125rem;  }
  .fz-sp98 { font-size: 7rem !important;  }
}

.fz99 { font-size: 6.1875rem;}
@media screen and (max-width: 767px) {
  .fz99 { font-size: 6.1875rem;  }
  .fz-sp99 { font-size: 7.0714285714rem !important;  }
}

.fz100 { font-size: 6.25rem;}
@media screen and (max-width: 767px) {
  .fz100 { font-size: 6.25rem;  }
  .fz-sp100 { font-size: 7.1428571429rem !important;  }
}

.fz101 { font-size: 6.3125rem;}
@media screen and (max-width: 767px) {
  .fz101 { font-size: 6.3125rem;  }
  .fz-sp101 { font-size: 7.2142857143rem !important;  }
}

.fz102 { font-size: 6.375rem;}
@media screen and (max-width: 767px) {
  .fz102 { font-size: 6.375rem;  }
  .fz-sp102 { font-size: 7.2857142857rem !important;  }
}

.fz103 { font-size: 6.4375rem;}
@media screen and (max-width: 767px) {
  .fz103 { font-size: 6.4375rem;  }
  .fz-sp103 { font-size: 7.3571428571rem !important;  }
}

.fz104 { font-size: 6.5rem;}
@media screen and (max-width: 767px) {
  .fz104 { font-size: 6.5rem;  }
  .fz-sp104 { font-size: 7.4285714286rem !important;  }
}

.fz105 { font-size: 6.5625rem;}
@media screen and (max-width: 767px) {
  .fz105 { font-size: 6.5625rem;  }
  .fz-sp105 { font-size: 7.5rem !important;  }
}

.fz106 { font-size: 6.625rem;}
@media screen and (max-width: 767px) {
  .fz106 { font-size: 6.625rem;  }
  .fz-sp106 { font-size: 7.5714285714rem !important;  }
}

.fz107 { font-size: 6.6875rem;}
@media screen and (max-width: 767px) {
  .fz107 { font-size: 6.6875rem;  }
  .fz-sp107 { font-size: 7.6428571429rem !important;  }
}

.fz108 { font-size: 6.75rem;}
@media screen and (max-width: 767px) {
  .fz108 { font-size: 6.75rem;  }
  .fz-sp108 { font-size: 7.7142857143rem !important;  }
}

.fz109 { font-size: 6.8125rem;}
@media screen and (max-width: 767px) {
  .fz109 { font-size: 6.8125rem;  }
  .fz-sp109 { font-size: 7.7857142857rem !important;  }
}

.fz110 { font-size: 6.875rem;}
@media screen and (max-width: 767px) {
  .fz110 { font-size: 6.875rem;  }
  .fz-sp110 { font-size: 7.8571428571rem !important;  }
}

.fz111 { font-size: 6.9375rem;}
@media screen and (max-width: 767px) {
  .fz111 { font-size: 6.9375rem;  }
  .fz-sp111 { font-size: 7.9285714286rem !important;  }
}

.fz112 { font-size: 7rem;}
@media screen and (max-width: 767px) {
  .fz112 { font-size: 7rem;  }
  .fz-sp112 { font-size: 8rem !important;  }
}

.fz113 { font-size: 7.0625rem;}
@media screen and (max-width: 767px) {
  .fz113 { font-size: 7.0625rem;  }
  .fz-sp113 { font-size: 8.0714285714rem !important;  }
}

.fz114 { font-size: 7.125rem;}
@media screen and (max-width: 767px) {
  .fz114 { font-size: 7.125rem;  }
  .fz-sp114 { font-size: 8.1428571429rem !important;  }
}

.fz115 { font-size: 7.1875rem;}
@media screen and (max-width: 767px) {
  .fz115 { font-size: 7.1875rem;  }
  .fz-sp115 { font-size: 8.2142857143rem !important;  }
}

.fz116 { font-size: 7.25rem;}
@media screen and (max-width: 767px) {
  .fz116 { font-size: 7.25rem;  }
  .fz-sp116 { font-size: 8.2857142857rem !important;  }
}

.fz117 { font-size: 7.3125rem;}
@media screen and (max-width: 767px) {
  .fz117 { font-size: 7.3125rem;  }
  .fz-sp117 { font-size: 8.3571428571rem !important;  }
}

.fz118 { font-size: 7.375rem;}
@media screen and (max-width: 767px) {
  .fz118 { font-size: 7.375rem;  }
  .fz-sp118 { font-size: 8.4285714286rem !important;  }
}

.fz119 { font-size: 7.4375rem;}
@media screen and (max-width: 767px) {
  .fz119 { font-size: 7.4375rem;  }
  .fz-sp119 { font-size: 8.5rem !important;  }
}

.fz120 { font-size: 7.5rem;}
@media screen and (max-width: 767px) {
  .fz120 { font-size: 7.5rem;  }
  .fz-sp120 { font-size: 8.5714285714rem !important;  }
}

.fz121 { font-size: 7.5625rem;}
@media screen and (max-width: 767px) {
  .fz121 { font-size: 7.5625rem;  }
  .fz-sp121 { font-size: 8.6428571429rem !important;  }
}

.fz122 { font-size: 7.625rem;}
@media screen and (max-width: 767px) {
  .fz122 { font-size: 7.625rem;  }
  .fz-sp122 { font-size: 8.7142857143rem !important;  }
}

.fz123 { font-size: 7.6875rem;}
@media screen and (max-width: 767px) {
  .fz123 { font-size: 7.6875rem;  }
  .fz-sp123 { font-size: 8.7857142857rem !important;  }
}

.fz124 { font-size: 7.75rem;}
@media screen and (max-width: 767px) {
  .fz124 { font-size: 7.75rem;  }
  .fz-sp124 { font-size: 8.8571428571rem !important;  }
}

.fz125 { font-size: 7.8125rem;}
@media screen and (max-width: 767px) {
  .fz125 { font-size: 7.8125rem;  }
  .fz-sp125 { font-size: 8.9285714286rem !important;  }
}

.fz126 { font-size: 7.875rem;}
@media screen and (max-width: 767px) {
  .fz126 { font-size: 7.875rem;  }
  .fz-sp126 { font-size: 9rem !important;  }
}

.fz127 { font-size: 7.9375rem;}
@media screen and (max-width: 767px) {
  .fz127 { font-size: 7.9375rem;  }
  .fz-sp127 { font-size: 9.0714285714rem !important;  }
}

.fz128 { font-size: 8rem;}
@media screen and (max-width: 767px) {
  .fz128 { font-size: 8rem;  }
  .fz-sp128 { font-size: 9.1428571429rem !important;  }
}

.fz129 { font-size: 8.0625rem;}
@media screen and (max-width: 767px) {
  .fz129 { font-size: 8.0625rem;  }
  .fz-sp129 { font-size: 9.2142857143rem !important;  }
}

.fz130 { font-size: 8.125rem;}
@media screen and (max-width: 767px) {
  .fz130 { font-size: 8.125rem;  }
  .fz-sp130 { font-size: 9.2857142857rem !important;  }
}

.fz131 { font-size: 8.1875rem;}
@media screen and (max-width: 767px) {
  .fz131 { font-size: 8.1875rem;  }
  .fz-sp131 { font-size: 9.3571428571rem !important;  }
}

.fz132 { font-size: 8.25rem;}
@media screen and (max-width: 767px) {
  .fz132 { font-size: 8.25rem;  }
  .fz-sp132 { font-size: 9.4285714286rem !important;  }
}

.fz133 { font-size: 8.3125rem;}
@media screen and (max-width: 767px) {
  .fz133 { font-size: 8.3125rem;  }
  .fz-sp133 { font-size: 9.5rem !important;  }
}

.fz134 { font-size: 8.375rem;}
@media screen and (max-width: 767px) {
  .fz134 { font-size: 8.375rem;  }
  .fz-sp134 { font-size: 9.5714285714rem !important;  }
}

.fz135 { font-size: 8.4375rem;}
@media screen and (max-width: 767px) {
  .fz135 { font-size: 8.4375rem;  }
  .fz-sp135 { font-size: 9.6428571429rem !important;  }
}

.fz136 { font-size: 8.5rem;}
@media screen and (max-width: 767px) {
  .fz136 { font-size: 8.5rem;  }
  .fz-sp136 { font-size: 9.7142857143rem !important;  }
}

.fz137 { font-size: 8.5625rem;}
@media screen and (max-width: 767px) {
  .fz137 { font-size: 8.5625rem;  }
  .fz-sp137 { font-size: 9.7857142857rem !important;  }
}

.fz138 { font-size: 8.625rem;}
@media screen and (max-width: 767px) {
  .fz138 { font-size: 8.625rem;  }
  .fz-sp138 { font-size: 9.8571428571rem !important;  }
}

.fz139 { font-size: 8.6875rem;}
@media screen and (max-width: 767px) {
  .fz139 { font-size: 8.6875rem;  }
  .fz-sp139 { font-size: 9.9285714286rem !important;  }
}

.fz140 { font-size: 8.75rem;}
@media screen and (max-width: 767px) {
  .fz140 { font-size: 8.75rem;  }
  .fz-sp140 { font-size: 10rem !important;  }
}


/* clip-txt
**************************************** */
.clip-txt1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clip-txt2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.clip-txt3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.clip-txt4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}


/* txt
**************************************** */
.txt-ctr,
.txt-ctr-pc {
  text-align: center;
}
.txt-rgt,
.txt-rgt-pc {
  text-align: right;
}
.txt-sm, small {
  font-size: 86%;
}
.txt-lg {
  font-size: 122%;
}
.txt-nami {
  text-underline-offset: .3rem;
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
.txt-line {
  text-decoration: underline;
}
.txt-dotted {
  background-image: radial-gradient(circle at center, var(--clr-wht) 16%, transparent 16%); /* 轤ｹ縺ｮ濶ｲ縺ｨ繧ｵ繧､繧ｺ隱ｿ謨ｴ */
  background-position: top right; /* 轤ｹ縺ｮ菴咲ｽｮ */
  background-repeat: repeat-x; /* 讓ｪ譁ｹ蜷代↓郢ｰ繧願ｿ斐＠ */
  background-size: 1em 0.3em; /* 轤ｹ縺ｮ髢馴囈縺ｨ繧ｵ繧､繧ｺ隱ｿ謨ｴ */
  padding-top: .1em; /* 邵ｦ譁ｹ蜷代�菴咲ｽｮ隱ｿ謨ｴ */
}
.txt-attention {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.7;
  font-size: .875rem; /* 14px */
  letter-spacing: .01em;
}
.txt-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  width: fit-content;
  padding: 0 .5rem;
  letter-spacing: .03em;
  line-height: 1.7;
  font-weight: 700;
  color: var(--clr-text-secondary);
  border-bottom: solid 1px;
  &::after {
    content: "";
    display: inline-block;
    width: .5em;
    height: fit-content;
    aspect-ratio: 1 / 1;
    border-top: 1px solid;
    border-right: 1px solid;
    rotate: 45deg;
    transition: all .4s ease-out;
  }
}
.txt-indent {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  .txt-ctr-pc,
  .txt-rgt-pc {
    text-align: left;
  }
  .txt-ctr-sp {
    text-align: center;
  }
  .txt-sm {
    font-size: 0.9285714286rem;
  }
  .txt-lg {
    font-size: 1.0714285714rem;
  }
}


/* pc or sp
**************************************** */
.pc-none,
.pc-none-inline,
.pc-none-table,
.pc-none-flex {
  display: none;
}
.sp-none {
  display: block;
}
.sp-none-inline {
  display: inline;
}
.sp-none-table {
  display: table;
}
.sp-none-flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .sp-none,
  .sp-none-inline,
  .sp-none-table,
  .sp-none-flex {
    display: none;
  }
  .pc-none {
    display: block;
  }
  .pc-none-inline {
    display: inline;
  }
  .pc-none-table {
    display: table;
  }
  .pc-none-flex {
    display: flex;
  }
}


/* img
**************************************** */
.img-ctr {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-trim {
  display: flex;
  justify-content: center;
  align-items: center;
}
.trim-widescreen {
  aspect-ratio: 3/2;
}
.trim-square {
  aspect-ratio: 1/1;
}
.trim-portrait {
  aspect-ratio: 2/3;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-contain {
  object-fit: contain;
}


/* margin
**************************************** */
.mgn-auto   { width: fit-content; margin: auto; }
.mgn-btm4   { margin-bottom: .25rem; }
.mgn-btm8   { margin-bottom: .5rem; }
.mgn-btm12  { margin-bottom: .75rem; }
.mgn-btm16  { margin-bottom: 1rem; }
.mgn-btm20  { margin-bottom: 1.25rem; }
.mgn-btm24  { margin-bottom: 1.5rem; }
.mgn-btm32  { margin-bottom: 2rem; }
.mgn-btm40  { margin-bottom: 2.5rem; }
.mgn-btm48  { margin-bottom: 3rem; }
.mgn-btm56  { margin-bottom: 3.5rem; }
.mgn-btm64  { margin-bottom: 4rem; }
.mgn-btm72  { margin-bottom: 4.5rem; }
.mgn-btm80  { margin-bottom: 5rem; }
.mgn-btm96  { margin-bottom: 5.5rem; }
.mgn-btm104 { margin-bottom: 6rem; }
.mgn-btm112 { margin-bottom: 6.5rem; }
.mgn-btm120 { margin-bottom: 7rem; }
.mgn-btm160 { margin-bottom: 10rem; }

@media screen and  (max-width: 767px) {
  .mgn-btm12  { margin-bottom: calc(.75rem / 2); }
  .mgn-btm16  { margin-bottom: calc(1rem / 2); }
  .mgn-btm20  { margin-bottom: calc(1.25rem / 2); }
  .mgn-btm24  { margin-bottom: calc(1.5rem / 2); }
  .mgn-btm32  { margin-bottom: calc(2rem / 2); }
  .mgn-btm40  { margin-bottom: calc(2.5rem / 2); }
  .mgn-btm48  { margin-bottom: calc(3rem / 2); }
  .mgn-btm56  { margin-bottom: calc(3.5rem / 2); }
  .mgn-btm64  { margin-bottom: calc(4rem / 2); }
  .mgn-btm72  { margin-bottom: calc(4.5rem / 2); }
  .mgn-btm80  { margin-bottom: calc(5rem / 2); }
  .mgn-btm96  { margin-bottom: calc(5.5rem / 2); }
  .mgn-btm104 { margin-bottom: calc(6rem / 2); }
  .mgn-btm112 { margin-bottom: calc(6.5rem / 2); }
  .mgn-btm120 { margin-bottom: calc(7rem / 2); }
  .mgn-btm160 { margin-bottom: calc(10rem / 2); }
}


/* position 
**************************************** */
/* --- position --- */
.pos-rel {
  position: relative;
}
.pos-ab {
  position: absolute;
}
.pos-fx {
  position: fixed;
}

/* --- float --- */
.flt-rgt {
  float: right;
}
.flt-lft {
  float: left;
}


/* flex
**************************************** */
/* --- 繝悶Ο繝�け隕∫ｴ� --- */
.flex {
  display: flex;
}

/* --- 繧､繝ｳ繝ｩ繧､繝ｳ隕∫ｴ� --- */
.flex-inline {
  display: inline-flex;
}

/* --- 騾�髄縺� --- */
.flex-reverse {
  flex-direction: row-reverse;
}

/* --- 邵ｦ荳ｦ縺ｳ --- */
.flex-column {
  flex-direction: column;
}

/* --- 豌ｴ蟷ｳ譁ｹ蜷第純縺� --- */
.flex-j-start {
  justify-content: flex-start;
}
.flex-j-end {
  justify-content: flex-end;
}
.flex-j-ctr {
  justify-content: center;
}
.flex-j-between {
  justify-content: space-between;
}
.flex-j-around {
  justify-content: space-around;
}

/* --- 蝙ら峩譁ｹ蜷第純縺� --- */
.flex-a-start {
  align-items: flex-start;
}
.flex-a-end {
  align-items: flex-end;
}
.flex-a-ctr {
  align-items: center;
}
.flex-a-baseline {
  align-items: baseline;
}
.flex-a-stretch {
  align-items: stretch;
}

/* --- 蟄占ｦ∫ｴ�縺ｮ謚倥ｊ霑斐＠險ｭ螳� --- */
.flex-c-nowrap {
  flex-wrap: nowrap;
}
.flex-c-wrap {
  flex-wrap: wrap;
}

/* --- 蟄占ｦ∫ｴ�縺ｮ隍�焚陦瑚ｨｭ螳� --- */
.flex-c-reverse {
  flex-wrap: wrap-reverse;
}
.flex-c-start {
  align-content: flex-start;
}
.flex-c-start {
  align-content: flex-start;
}
.flex-c-end {
  align-content: flex-end;
}
.flex-c-ctr {
  align-content: center;
}
.flex-c-baseline {
  align-content: baseline;
}
.flex-c-stretch {
  align-content: stretch;
}

@media screen and (max-width: 767px) {
  /* --- 邵ｦ荳ｦ縺ｳ - sp --- */
  .flex-sp-block {
    flex-direction: column;
  }
  .flex-sp-block > * {
    width: 100% !important;
  }
}


/* grid
**************************************** */
[class*=grid-] {
  display: grid;
}

.grid-col1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gap4 { gap: 0.25rem; }
.gap-blc4 { row-gap: 0.25rem; }

.gap6 { gap: 0.375rem; }
.gap-blc6 { row-gap: 0.375rem; }

.gap8 { gap: 0.5rem; }
.gap-blc8 { row-gap: 0.5rem; }

.gap10 { gap: 0.625rem; }
.gap-blc10 { row-gap: 0.625rem; }

.gap12 { gap: 0.75rem; }
.gap-blc12 { row-gap: 0.75rem; }

.gap14 { gap: 0.875rem; }
.gap-blc14 { row-gap: 0.875rem; }

.gap16 { gap: 1rem; }
.gap-blc16 { row-gap: 1rem; }

.gap18 { gap: 1.125rem; }
.gap-blc18 { row-gap: 1.125rem; }

.gap20 { gap: 1.25rem; }
.gap-blc20 { row-gap: 1.25rem; }

.gap22 { gap: 1.375rem; }
.gap-blc22 { row-gap: 1.375rem; }

.gap24 { gap: 1.5rem; }
.gap-blc24 { row-gap: 1.5rem; }

.gap26 { gap: 1.625rem; }
.gap-blc26 { row-gap: 1.625rem; }

.gap28 { gap: 1.75rem; }
.gap-blc28 { row-gap: 1.75rem; }

.gap30 { gap: 1.875rem; }
.gap-blc30 { row-gap: 1.875rem; }

.gap32 { gap: 2rem; }
.gap-blc32 { row-gap: 2rem; }

.gap34 { gap: 2.125rem; }
.gap-blc34 { row-gap: 2.125rem; }

.gap36 { gap: 2.25rem; }
.gap-blc36 { row-gap: 2.25rem; }

.gap38 { gap: 2.375rem; }
.gap-blc38 { row-gap: 2.375rem; }

.gap40 { gap: 2.5rem; }
.gap-blc40 { row-gap: 2.5rem; }

.gap42 { gap: 2.625rem; }
.gap-blc42 { row-gap: 2.625rem; }

.gap44 { gap: 2.75rem; }
.gap-blc44 { row-gap: 2.75rem; }

.gap46 { gap: 2.875rem; }
.gap-blc46 { row-gap: 2.875rem; }

.gap48 { gap: 3rem; }
.gap-blc48 { row-gap: 3rem; }

.gap50 { gap: 3.125rem; }
.gap-blc50 { row-gap: 3.125rem; }

.gap52 { gap: 3.25rem; }
.gap-blc52 { row-gap: 3.25rem; }

.gap54 { gap: 3.375rem; }
.gap-blc54 { row-gap: 3.375rem; }

.gap56 { gap: 3.5rem; }
.gap-blc56 { row-gap: 3.5rem; }

.gap58 { gap: 3.625rem; }
.gap-blc58 { row-gap: 3.625rem; }

.gap60 { gap: 3.75rem; }
.gap-blc60 { row-gap: 3.75rem; }

.gap62 { gap: 3.875rem; }
.gap-blc62 { row-gap: 3.875rem; }

.gap64 { gap: 4rem; }
.gap-blc64 { row-gap: 4rem; }

.gap66 { gap: 4.125rem; }
.gap-blc66 { row-gap: 4.125rem; }

.gap68 { gap: 4.25rem; }
.gap-blc68 { row-gap: 4.25rem; }

.gap70 { gap: 4.375rem; }
.gap-blc70 { row-gap: 4.375rem; }

.gap72 { gap: 4.5rem; }
.gap-blc72 { row-gap: 4.5rem; }

.gap74 { gap: 4.625rem; }
.gap-blc74 { row-gap: 4.625rem; }

.gap76 { gap: 4.75rem; }
.gap-blc76 { row-gap: 4.75rem; }

.gap78 { gap: 4.875rem; }
.gap-blc78 { row-gap: 4.875rem; }

.gap80 { gap: 5rem; }
.gap-blc80 { row-gap: 5rem; }

.gap82 { gap: 5.125rem; }
.gap-blc82 { row-gap: 5.125rem; }

.gap84 { gap: 5.25rem; }
.gap-blc84 { row-gap: 5.25rem; }

.gap86 { gap: 5.375rem; }
.gap-blc86 { row-gap: 5.375rem; }

.gap88 { gap: 5.5rem; }
.gap-blc88 { row-gap: 5.5rem; }

.gap90 { gap: 5.625rem; }
.gap-blc90 { row-gap: 5.625rem; }

.gap92 { gap: 5.75rem; }
.gap-blc92 { row-gap: 5.75rem; }

.gap94 { gap: 5.875rem; }
.gap-blc94 { row-gap: 5.875rem; }

.gap96 { gap: 6rem; }
.gap-blc96 { row-gap: 6rem; }

.gap98 { gap: 6.125rem; }
.gap-blc98 { row-gap: 6.125rem; }

.gap100 { gap: 6.25rem; }
.gap-blc100 { row-gap: 6.25rem; }

.gap102 { gap: 6.375rem; }
.gap-blc102 { row-gap: 6.375rem; }

.gap104 { gap: 6.5rem; }
.gap-blc104 { row-gap: 6.5rem; }

.gap106 { gap: 6.625rem; }
.gap-blc106 { row-gap: 6.625rem; }

.gap108 { gap: 6.75rem; }
.gap-blc108 { row-gap: 6.75rem; }

.gap110 { gap: 6.875rem; }
.gap-blc110 { row-gap: 6.875rem; }

.gap112 { gap: 7rem; }
.gap-blc112 { row-gap: 7rem; }

.gap114 { gap: 7.125rem; }
.gap-blc114 { row-gap: 7.125rem; }

.gap116 { gap: 7.25rem; }
.gap-blc116 { row-gap: 7.25rem; }

.gap118 { gap: 7.375rem; }
.gap-blc118 { row-gap: 7.375rem; }

.gap120 { gap: 7.5rem; }
.gap-blc120 { row-gap: 7.5rem; }

@media screen and (max-width: 767px) {
  .grid-sp-block {
    grid-template-columns: repeat(1, minmax(0, 1fr)); 
  }
  .grid-sp-block[class*=gap] {
    gap: 1.7142857143rem;
  } 
  .grid-sp-col1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-sp-col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-sp-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-sp-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .gap-sp4 { gap: 0.2857142857rem !important; }
  .gap-sp6 { gap: 0.4285714286rem !important; }
  .gap-sp8 { gap: 0.5714285714rem !important; }
  .gap-sp10 { gap: 0.7142857143rem !important; }
  .gap-sp12 { gap: 0.8571428571rem !important; }
  .gap-sp14 { gap: 1rem !important; }
  .gap-sp16 { gap: 1.1428571429rem !important; }
  .gap-sp18 { gap: 1.2857142857rem !important; }
  .gap-sp20 { gap: 1.4285714286rem !important; }
  .gap-sp22 { gap: 1.5714285714rem !important; }
  .gap-sp24 { gap: 1.7142857143rem !important; }
  .gap-sp26 { gap: 1.8571428571rem !important; }
  .gap-sp28 { gap: 2rem !important; }
  .gap-sp30 { gap: 2.1428571429rem !important; }
  .gap-sp32 { gap: 2.2857142857rem !important; }
  .gap-sp34 { gap: 2.4285714286rem !important; }
  .gap-sp36 { gap: 2.5714285714rem !important; }
  .gap-sp38 { gap: 2.7142857143rem !important; }
  .gap-sp40 { gap: 2.8571428571rem !important; }
  .gap-sp42 { gap: 3rem !important; }
  .gap-sp44 { gap: 3.1428571429rem !important; }
  .gap-sp46 { gap: 3.2857142857rem !important; }
  .gap-sp48 { gap: 3.4285714286rem !important; }
  .gap-sp50 { gap: 3.5714285714rem !important; }
  .gap-sp52 { gap: 3.7142857143rem !important; }
  .gap-sp54 { gap: 3.8571428571rem !important; }
  .gap-sp56 { gap: 4rem !important; }
  .gap-sp58 { gap: 4.1428571429rem !important; }
  .gap-sp60 { gap: 4.2857142857rem !important; }
  .gap-sp62 { gap: 4.4285714286rem !important; }
  .gap-sp64 { gap: 4.5714285714rem !important; }
  .gap-sp66 { gap: 4.7142857143rem !important; }
  .gap-sp68 { gap: 4.8571428571rem !important; }
  .gap-sp70 { gap: 5rem !important; }
  .gap-sp72 { gap: 5.1428571429rem !important; }
  .gap-sp74 { gap: 5.2857142857rem !important; }
  .gap-sp76 { gap: 5.4285714286rem !important; }
  .gap-sp78 { gap: 5.5714285714rem !important; }
  .gap-sp80 { gap: 5.7142857143rem !important; }
  .gap-sp82 { gap: 5.8571428571rem !important; }
  .gap-sp84 { gap: 6rem !important; }
  .gap-sp86 { gap: 6.1428571429rem !important; }
  .gap-sp88 { gap: 6.2857142857rem !important; }
  .gap-sp90 { gap: 6.4285714286rem !important; }
  .gap-sp92 { gap: 6.5714285714rem !important; }
  .gap-sp94 { gap: 6.7142857143rem !important; }
  .gap-sp96 { gap: 6.8571428571rem !important; }
  .gap-sp98 { gap: 7rem !important; }
  .gap-sp100 { gap: 7.1428571429rem !important; }
  .gap-sp102 { gap: 7.2857142857rem !important; }
  .gap-sp104 { gap: 7.4285714286rem !important; }
  .gap-sp106 { gap: 7.5714285714rem !important; }
  .gap-sp108 { gap: 7.7142857143rem !important; }
  .gap-sp110 { gap: 7.8571428571rem !important; }
  .gap-sp112 { gap: 8rem !important; }
  .gap-sp114 { gap: 8.1428571429rem !important; }
  .gap-sp116 { gap: 8.2857142857rem !important; }
  .gap-sp118 { gap: 8.4285714286rem !important; }
  .gap-sp120 { gap: 8.5714285714rem !important; }
}