@charset "utf-8";

/*
 * フォントサイズ可変用スタイル
 * font-size: calc(最小rem + ((1vw - 変化終了幅/100 px) * (100 * (元々 - 元々と最小の差) / (変化開始幅 - 変化終了幅))));
 */

@media (min-width: 1280px) and (max-width: 1800px) {
  /*body { font-size: calc(1.6rem + ((1vw - 3.2px) * (100 * (20 - 16) / (1800 - 320)))); }*/
  .fs-12 { font-size: calc(1.2rem + ((1vw - 12.8px) * (100 * (12 - 12) / (1800 - 1280)))); }
  .fs-14 { font-size: calc(1.3rem + ((1vw - 12.8px) * (100 * (14 - 13) / (1800 - 1280)))); }
  .fs-16 { font-size: calc(1.4rem + ((1vw - 12.8px) * (100 * (16 - 14) / (1800 - 1280)))); }
  .fs-18 { font-size: calc(1.5rem + ((1vw - 12.8px) * (100 * (18 - 15) / (1800 - 1280)))); }
  .fs-20 { font-size: calc(1.6rem + ((1vw - 12.8px) * (100 * (20 - 16) / (1800 - 1280)))); }
  .fs-22 { font-size: calc(1.7rem + ((1vw - 12.8px) * (100 * (22 - 17) / (1800 - 1280)))); }
  .fs-24 { font-size: calc(1.8rem + ((1vw - 12.8px) * (100 * (24 - 18) / (1800 - 1280)))); }
  .fs-26 { font-size: calc(1.9rem + ((1vw - 12.8px) * (100 * (26 - 19) / (1800 - 1280)))); }
  .fs-28 { font-size: calc(2.0rem + ((1vw - 12.8px) * (100 * (28 - 20) / (1800 - 1280)))); }
  .fs-30 { font-size: calc(2.1rem + ((1vw - 12.8px) * (100 * (30 - 21) / (1800 - 1280)))); }
  .fs-32 { font-size: calc(2.2rem + ((1vw - 12.8px) * (100 * (32 - 22) / (1800 - 1280)))); }
  .fs-34 { font-size: calc(2.3rem + ((1vw - 12.8px) * (100 * (34 - 23) / (1800 - 1280)))); }
  .fs-36 { font-size: calc(2.4rem + ((1vw - 12.8px) * (100 * (36 - 24) / (1800 - 1280)))); }
  .fs-38 { font-size: calc(2.5rem + ((1vw - 12.8px) * (100 * (38 - 25) / (1800 - 1280)))); }
  .fs-40 { font-size: calc(2.6rem + ((1vw - 12.8px) * (100 * (40 - 26) / (1800 - 1280)))); }
  .fs-42 { font-size: calc(2.7rem + ((1vw - 12.8px) * (100 * (42 - 27) / (1800 - 1280)))); }
  .fs-44 { font-size: calc(2.8rem + ((1vw - 12.8px) * (100 * (44 - 28) / (1800 - 1280)))); }
  .fs-46 { font-size: calc(2.9rem + ((1vw - 12.8px) * (100 * (46 - 29) / (1800 - 1280)))); }
  .fs-48 { font-size: calc(3.0rem + ((1vw - 12.8px) * (100 * (48 - 30) / (1800 - 1280)))); }
  .fs-50 { font-size: calc(3.1rem + ((1vw - 12.8px) * (100 * (50 - 31) / (1800 - 1280)))); }
  .fs-52 { font-size: calc(3.2rem + ((1vw - 12.8px) * (100 * (52 - 32) / (1800 - 1280)))); }
  .fs-54 { font-size: calc(3.3rem + ((1vw - 12.8px) * (100 * (54 - 33) / (1800 - 1280)))); }
  .fs-56 { font-size: calc(3.4rem + ((1vw - 12.8px) * (100 * (56 - 34) / (1800 - 1280)))); }
  .fs-58 { font-size: calc(3.5rem + ((1vw - 12.8px) * (100 * (58 - 35) / (1800 - 1280)))); }
  .fs-60 { font-size: calc(3.6rem + ((1vw - 12.8px) * (100 * (60 - 36) / (1800 - 1280)))); }
  .fs-62 { font-size: calc(3.7rem + ((1vw - 12.8px) * (100 * (62 - 37) / (1800 - 1280)))); }
  .fs-64 { font-size: calc(3.8rem + ((1vw - 12.8px) * (100 * (64 - 38) / (1800 - 1280)))); }
  .fs-66 { font-size: calc(3.9rem + ((1vw - 12.8px) * (100 * (66 - 39) / (1800 - 1280)))); }
  .fs-68 { font-size: calc(4.0rem + ((1vw - 12.8px) * (100 * (68 - 40) / (1800 - 1280)))); }
  .fs-70 { font-size: calc(4.1rem + ((1vw - 12.8px) * (100 * (70 - 41) / (1800 - 1280)))); }
  .fs-72 { font-size: calc(4.2rem + ((1vw - 12.8px) * (100 * (72 - 42) / (1800 - 1280)))); }
  .fs-74 { font-size: calc(4.3rem + ((1vw - 12.8px) * (100 * (74 - 43) / (1800 - 1280)))); }
  .fs-76 { font-size: calc(4.4rem + ((1vw - 12.8px) * (100 * (76 - 44) / (1800 - 1280)))); }
  .fs-78 { font-size: calc(4.5rem + ((1vw - 12.8px) * (100 * (78 - 45) / (1800 - 1280)))); }
  .fs-80 { font-size: calc(4.6rem + ((1vw - 12.8px) * (100 * (80 - 46) / (1800 - 1280)))); }
  .fs-82 { font-size: calc(4.7rem + ((1vw - 12.8px) * (100 * (82 - 47) / (1800 - 1280)))); }
  .fs-84 { font-size: calc(4.8rem + ((1vw - 12.8px) * (100 * (84 - 48) / (1800 - 1280)))); }
  .fs-86 { font-size: calc(4.9rem + ((1vw - 12.8px) * (100 * (86 - 49) / (1800 - 1280)))); }
  .fs-88 { font-size: calc(5.0rem + ((1vw - 12.8px) * (100 * (88 - 50) / (1800 - 1280)))); }
  .fs-90 { font-size: calc(5.1rem + ((1vw - 12.8px) * (100 * (90 - 51) / (1800 - 1280)))); }
  .fs-92 { font-size: calc(5.2rem + ((1vw - 12.8px) * (100 * (92 - 52) / (1800 - 1280)))); }
  .fs-94 { font-size: calc(5.3rem + ((1vw - 12.8px) * (100 * (94 - 53) / (1800 - 1280)))); }
  .fs-96 { font-size: calc(5.4rem + ((1vw - 12.8px) * (100 * (96 - 54) / (1800 - 1280)))); }
  .fs-98 { font-size: calc(5.5rem + ((1vw - 12.8px) * (100 * (98 - 55) / (1800 - 1280)))); }
  .fs-100{ font-size: calc(5.6rem + ((1vw - 12.8px) * (100 * (100- 56) / (1800 - 1280)))); }

  .heading-section-bi .jp { font-size: calc(3.0rem + ((1vw - 12.8px) * (100 * (48 - 30) / (1800 - 1280)))); }
  .heading-section-bi .en { font-size: calc(1.8rem + ((1vw - 12.8px) * (100 * (24 - 18) / (1800 - 1280)))); }
  .heading-quotation { font-size: calc(2.1rem + ((1vw - 12.8px) * (100 * (30 - 21) / (1800 - 1280)))); }
  .entry-button a { font-size: calc(2.2rem + ((1vw - 12.8px) * (100 * (34 - 22) / (1800 - 1280)))); }
}

@media (max-width: 1280px) {
  .fs-12 { font-size: 1.2rem; }
  .fs-14 { font-size: 1.3rem; }
  .fs-16 { font-size: 1.4rem; }
  .fs-18 { font-size: 1.5rem; }
  .fs-20 { font-size: 1.6rem; }
  .fs-22 { font-size: 1.7rem; }
  .fs-24 { font-size: 1.8rem; }
  .fs-26 { font-size: 1.9rem; }
  .fs-28 { font-size: 2.0rem; }
  .fs-30 { font-size: 2.1rem; }
  .fs-32 { font-size: 2.2rem; }
  .fs-34 { font-size: 2.3rem; }
  .fs-36 { font-size: 2.4rem; }
  .fs-38 { font-size: 2.5rem; }
  .fs-40 { font-size: 2.6rem; }
  .fs-42 { font-size: 2.7rem; }
  .fs-44 { font-size: 2.8rem; }
  .fs-46 { font-size: 2.9rem; }
  .fs-48 { font-size: 3.0rem; }
  .fs-50 { font-size: 3.1rem; }
  .fs-52 { font-size: 3.2rem; }
  .fs-54 { font-size: 3.3rem; }
  .fs-56 { font-size: 3.4rem; }
  .fs-58 { font-size: 3.5rem; }
  .fs-60 { font-size: 3.6rem; }
  .fs-62 { font-size: 3.7rem; }
  .fs-64 { font-size: 3.8rem; }
  .fs-66 { font-size: 3.9rem; }
  .fs-68 { font-size: 4.0rem; }
  .fs-70 { font-size: 4.1rem; }
  .fs-72 { font-size: 4.2rem; }
  .fs-74 { font-size: 4.3rem; }
  .fs-76 { font-size: 4.4rem; }
  .fs-78 { font-size: 4.5rem; }
  .fs-80 { font-size: 4.6rem; }
  .fs-82 { font-size: 4.7rem; }
  .fs-84 { font-size: 4.8rem; }
  .fs-86 { font-size: 4.9rem; }
  .fs-88 { font-size: 5.0rem; }
  .fs-90 { font-size: 5.1rem; }
  .fs-92 { font-size: 5.2rem; }
  .fs-94 { font-size: 5.3rem; }
  .fs-96 { font-size: 5.4rem; }
  .fs-98 { font-size: 5.5rem; }
  .fs-100{ font-size: 5.6rem; }

  .heading-section-bi .jp { font-size: 3.0rem; }
  .heading-section-bi .en { font-size: 1.8rem; }
  .heading-quotation { font-size: 2.1rem; }
  .entry-button a { font-size: 2.2rem; }
}