@charset "utf-8";

/*
font-size: calc(最小rem + ((1vw - 変化終了幅/100 px) * (100 * (元々 - 元々と最小の差) / (変化開始幅 - 変化終了幅))));
*/

@media (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 - 3.2px) * (100 * (12 - 12) / (1800 - 320)))); }
  .fs-14 { font-size: calc(1.3rem + ((1vw - 3.2px) * (100 * (14 - 13) / (1800 - 320)))); }
  .fs-16 { font-size: calc(1.4rem + ((1vw - 3.2px) * (100 * (16 - 14) / (1800 - 320)))); }
  .fs-18 { font-size: calc(1.5rem + ((1vw - 3.2px) * (100 * (18 - 15) / (1800 - 320)))); }
  .fs-20 { font-size: calc(1.6rem + ((1vw - 3.2px) * (100 * (20 - 16) / (1800 - 320)))); }
  .fs-22 { font-size: calc(1.6rem + ((1vw - 3.2px) * (100 * (22 - 16) / (1800 - 320)))); }
  .fs-24 { font-size: calc(1.7rem + ((1vw - 3.2px) * (100 * (24 - 17) / (1800 - 320)))); }
  .fs-26 { font-size: calc(1.7rem + ((1vw - 3.2px) * (100 * (26 - 17) / (1800 - 320)))); }
  .fs-28 { font-size: calc(1.8rem + ((1vw - 3.2px) * (100 * (28 - 18) / (1800 - 320)))); }
  .fs-30 { font-size: calc(1.8rem + ((1vw - 3.2px) * (100 * (30 - 18) / (1800 - 320)))); }
  .fs-32 { font-size: calc(1.9rem + ((1vw - 3.2px) * (100 * (32 - 19) / (1800 - 320)))); }
  .fs-34 { font-size: calc(1.9rem + ((1vw - 3.2px) * (100 * (34 - 19) / (1800 - 320)))); }
  .fs-36 { font-size: calc(2.0rem + ((1vw - 3.2px) * (100 * (36 - 20) / (1800 - 320)))); }
  .fs-38 { font-size: calc(2.0rem + ((1vw - 3.2px) * (100 * (38 - 20) / (1800 - 320)))); }
  .fs-40 { font-size: calc(2.1rem + ((1vw - 3.2px) * (100 * (40 - 21) / (1800 - 320)))); }
  .fs-42 { font-size: calc(2.1rem + ((1vw - 3.2px) * (100 * (42 - 21) / (1800 - 320)))); }
  .fs-44 { font-size: calc(2.2rem + ((1vw - 3.2px) * (100 * (44 - 22) / (1800 - 320)))); }
  .fs-46 { font-size: calc(2.2rem + ((1vw - 3.2px) * (100 * (46 - 22) / (1800 - 320)))); }
  .fs-48 { font-size: calc(2.3rem + ((1vw - 3.2px) * (100 * (48 - 23) / (1800 - 320)))); }
  .fs-50 { font-size: calc(2.3rem + ((1vw - 3.2px) * (100 * (50 - 23) / (1800 - 320)))); }
  .fs-52 { font-size: calc(2.4rem + ((1vw - 3.2px) * (100 * (52 - 24) / (1800 - 320)))); }
  .fs-54 { font-size: calc(2.4rem + ((1vw - 3.2px) * (100 * (54 - 24) / (1800 - 320)))); }
  .fs-56 { font-size: calc(2.5rem + ((1vw - 3.2px) * (100 * (56 - 25) / (1800 - 320)))); }
  .fs-58 { font-size: calc(2.5rem + ((1vw - 3.2px) * (100 * (58 - 25) / (1800 - 320)))); }
  .fs-60 { font-size: calc(2.6rem + ((1vw - 3.2px) * (100 * (60 - 26) / (1800 - 320)))); }
  .fs-62 { font-size: calc(2.6rem + ((1vw - 3.2px) * (100 * (62 - 26) / (1800 - 320)))); }
  .fs-64 { font-size: calc(2.7rem + ((1vw - 3.2px) * (100 * (64 - 27) / (1800 - 320)))); }
  .fs-66 { font-size: calc(2.7rem + ((1vw - 3.2px) * (100 * (66 - 27) / (1800 - 320)))); }
  .fs-68 { font-size: calc(2.8rem + ((1vw - 3.2px) * (100 * (68 - 28) / (1800 - 320)))); }
  .fs-70 { font-size: calc(2.8rem + ((1vw - 3.2px) * (100 * (70 - 28) / (1800 - 320)))); }
  .fs-72 { font-size: calc(2.9rem + ((1vw - 3.2px) * (100 * (72 - 29) / (1800 - 320)))); }
  .fs-74 { font-size: calc(2.9rem + ((1vw - 3.2px) * (100 * (74 - 29) / (1800 - 320)))); }
  .fs-76 { font-size: calc(3.0rem + ((1vw - 3.2px) * (100 * (76 - 30) / (1800 - 320)))); }
  .fs-78 { font-size: calc(3.0rem + ((1vw - 3.2px) * (100 * (78 - 30) / (1800 - 320)))); }
  .fs-80 { font-size: calc(3.1rem + ((1vw - 3.2px) * (100 * (80 - 31) / (1800 - 320)))); }
  .fs-82 { font-size: calc(3.1rem + ((1vw - 3.2px) * (100 * (82 - 31) / (1800 - 320)))); }
  .fs-84 { font-size: calc(3.2rem + ((1vw - 3.2px) * (100 * (84 - 32) / (1800 - 320)))); }
  .fs-86 { font-size: calc(3.2rem + ((1vw - 3.2px) * (100 * (86 - 32) / (1800 - 320)))); }
  .fs-88 { font-size: calc(3.3rem + ((1vw - 3.2px) * (100 * (88 - 33) / (1800 - 320)))); }
  .fs-90 { font-size: calc(3.3rem + ((1vw - 3.2px) * (100 * (90 - 33) / (1800 - 320)))); }
  .fs-92 { font-size: calc(3.4rem + ((1vw - 3.2px) * (100 * (92 - 34) / (1800 - 320)))); }
  .fs-94 { font-size: calc(3.4rem + ((1vw - 3.2px) * (100 * (94 - 34) / (1800 - 320)))); }
  .fs-96 { font-size: calc(3.5rem + ((1vw - 3.2px) * (100 * (96 - 35) / (1800 - 320)))); }
  .fs-98 { font-size: calc(3.5rem + ((1vw - 3.2px) * (100 * (98 - 35) / (1800 - 320)))); }
  .fs-100{ font-size: calc(3.6rem + ((1vw - 3.2px) * (100 * (100- 36) / (1800 - 320)))); }
  .heading-blue-band { font-size: calc(2.2rem + ((1vw - 3.2px) * (100 * (60 - 22) / (1800 - 320)))); }
  .heading-two .title { font-size: calc(2.1rem + ((1vw - 3.2px) * (100 * (56 - 21) / (1800 - 320)))); }
  .heading-two .note { font-size: calc(1.6rem + ((1vw - 3.2px) * (100 * (26 - 16) / (1800 - 320)))); }
  .heading-first { font-size: calc(2.0rem + ((1vw - 3.2px) * (100 * (36 - 20) / (1800 - 320)))); }
  .heading-first:first-letter { font-size: calc(2.3rem + ((1vw - 3.2px) * (100 * (48 - 23) / (1800 - 320)))); }
}

@media (max-width: 320px) {
  body { font-size: 1.6rem; }
  .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.6rem; }
  .fs-24 { font-size: 1.7rem; }
  .fs-26 { font-size: 1.7rem; }
  .fs-28 { font-size: 1.8rem; }
  .fs-30 { font-size: 1.8rem; }
  .fs-32 { font-size: 1.9rem; }
  .fs-34 { font-size: 1.9rem; }
  .fs-36 { font-size: 2.0rem; }
  .fs-38 { font-size: 2.0rem; }
  .fs-40 { font-size: 2.1rem; }
  .fs-42 { font-size: 2.1rem; }
  .fs-44 { font-size: 2.2rem; }
  .fs-46 { font-size: 2.2rem; }
  .fs-48 { font-size: 2.3rem; }
  .fs-50 { font-size: 2.3rem; }
  .fs-52 { font-size: 2.4rem; }
  .fs-54 { font-size: 2.4rem; }
  .fs-56 { font-size: 2.5rem; }
  .fs-58 { font-size: 2.5rem; }
  .fs-60 { font-size: 2.6rem; }
  .fs-62 { font-size: 2.6rem; }
  .fs-64 { font-size: 2.7rem; }
  .fs-66 { font-size: 2.7rem; }
  .fs-68 { font-size: 2.8rem; }
  .fs-70 { font-size: 2.8rem; }
  .fs-72 { font-size: 2.9rem; }
  .fs-74 { font-size: 2.9rem; }
  .fs-76 { font-size: 3.0rem; }
  .fs-78 { font-size: 3.0rem; }
  .fs-80 { font-size: 3.1rem; }
  .fs-82 { font-size: 3.1rem; }
  .fs-84 { font-size: 3.2rem; }
  .fs-86 { font-size: 3.2rem; }
  .fs-88 { font-size: 3.3rem; }
  .fs-90 { font-size: 3.3rem; }
  .fs-92 { font-size: 3.4rem; }
  .fs-94 { font-size: 3.4rem; }
  .fs-96 { font-size: 3.5rem; }
  .fs-98 { font-size: 3.5rem; }
  .fs-100{ font-size: 3.6rem; }
  .heading-blue-band { font-size: 2.2rem; }
  .heading-two .title { font-size: 2.1rem; }
  .heading-two .note { font-size: 1.6rem; }
  .heading-first { font-size: 2.0rem; }
  .heading-first:first-letter { font-size: 2.3rem; }
}