@charset "utf-8";

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

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

  .heading-section { font-size: calc(2.6rem + ((1vw - 10.0px) * (100 * (42 - 26) / (1920 - 1000)))); }
}

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

  .heading-section { font-size: 2.6rem; }
}

@media (max-width: 720px) {
  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.5rem; }
  *.fs-22 { font-size: 1.6rem; }
  *.fs-24 { font-size: 1.7rem; }
  *.fs-26 { font-size: 1.8rem; }
  *.fs-28 { font-size: 1.8rem; }
  *.fs-30 { font-size: 1.9rem; }
  *.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.0rem; }
  *.fs-42 { font-size: 2.1rem; }
  *.fs-44 { font-size: 2.1rem; }
  *.fs-46 { font-size: 2.2rem; }
  *.fs-48 { font-size: 2.2rem; }
  *.fs-50 { font-size: 2.3rem; }
  *.fs-52 { font-size: 2.3rem; }
  *.fs-54 { font-size: 2.4rem; }
  *.fs-56 { font-size: 2.4rem; }
  *.fs-58 { font-size: 2.5rem; }
  *.fs-60 { font-size: 2.5rem; }
  *.fs-62 { font-size: 2.6rem; }
  *.fs-64 { font-size: 2.6rem; }
  *.fs-66 { font-size: 2.7rem; }
  *.fs-68 { font-size: 2.7rem; }
  *.fs-70 { font-size: 2.8rem; }
  *.fs-72 { font-size: 2.8rem; }
  *.fs-74 { font-size: 2.9rem; }
  *.fs-76 { font-size: 2.9rem; }
  *.fs-78 { font-size: 3.0rem; }
  *.fs-80 { font-size: 3.0rem; }
  *.fs-82 { font-size: 3.1rem; }
  *.fs-84 { font-size: 3.1rem; }
  *.fs-86 { font-size: 3.2rem; }
  *.fs-88 { font-size: 3.2rem; }
  *.fs-90 { font-size: 3.3rem; }
  *.fs-92 { font-size: 3.3rem; }
  *.fs-94 { font-size: 3.4rem; }
  *.fs-96 { font-size: 3.4rem; }
  *.fs-98 { font-size: 3.5rem; }
  *.fs-100{ font-size: 3.5rem; }

  .heading-section { font-size: 2.1rem; }
}