:root {
  /* ===========================================
     スペース系変数
     PC: 1200px以上（固定値）
     ========================================== */

  --sp-0-2: 0.2rem;
  --sp-0-4: 0.4rem;
  --sp-0-5: 0.5rem;
  --sp-0-6: 0.6rem;
  --sp-0-8: 0.8rem;
  --sp-1: 1rem;
  --sp-1-2: 1.2rem;
  --sp-1-4: 1.4rem;
  --sp-1-5: 1.5rem;
  --sp-1-6: 1.6rem;
  --sp-1-8: 1.8rem;
  --sp-2: 2rem;
  --sp-2-5: 2.5rem;
  --sp-3: 3rem;
  --sp-3-5: 3.5rem;
  --sp-4: 4rem;
  --sp-4-5: 4.5rem;
  --sp-5: 5rem;
  --sp-6: 6rem;
  --sp-7: 7rem;
  --sp-8: 8rem;
  --sp-9: 9rem;
  --sp-10: 10rem;
  --sp-11: 11rem;
  --sp-12: 12rem;
  --sp-13: 13rem;
  --sp-14: 14rem;
  --sp-15: 15rem;
  --sp-16: 16rem;
  --sp-17: 17rem;
  --sp-18: 18rem;
  --sp-19: 19rem;
  --sp-20: 20rem;
}


/* ===========================================
フォントサイズ系変数
PC: 1200px以上（固定値）
768px-1199pxはclampでスケール　0.875-1.0倍
========================================== */
:root {
  /* ベースフォントサイズ */
  --base-font-scale: 15px;
}

@media screen and (max-width: 767px) {
  :root {
    --base-font-scale: 14px;
  }
}

html {
  font-size: var(--base-font-scale) !important;
}


:root {
  /* ===========================================
     フォントサイズ系変数
     PC: 1200px以上（固定値）
     小さいサイズ(1rem以下)は固定
     大きいサイズ(1.2rem以上)はスケール対象
     ========================================== */

  /* 0.7-1.0rem: 極小～小（固定またはほぼ固定） */
  --fs-0-7: 0.7rem;
  --fs-0-8: 0.8rem;
  --fs-0-9: 0.9rem;
  --fs-1: 1rem;

  /* 1.1-2.0rem: 中サイズ（軽度スケール） */
  --fs-1-1: 1.1rem;
  --fs-1-2: 1.2rem;
  --fs-1-3: 1.3rem;
  --fs-1-4: 1.4rem;
  --fs-1-5: 1.5rem;
  --fs-1-6: 1.6rem;
  --fs-1-7: 1.7rem;
  --fs-1-8: 1.8rem;
  --fs-1-9: 1.9rem;
  --fs-2: 2rem;

  /* 2.1-3.0rem: 大サイズ（積極的スケール） */
  --fs-2-1: 2.1rem;
  --fs-2-2: 2.2rem;
  --fs-2-3: 2.3rem;
  --fs-2-4: 2.4rem;
  --fs-2-5: 2.5rem;
  --fs-2-6: 2.6rem;
  --fs-2-7: 2.7rem;
  --fs-2-8: 2.8rem;
  --fs-2-9: 2.9rem;
  --fs-3: 3rem;

  /* 3.5-6.0rem: 特大サイズ（積極的スケール） */
  --fs-3-5: 3.5rem;
  --fs-4: 4rem;
  --fs-4-5: 4.5rem;
  --fs-5: 5rem;
  --fs-5-5: 5.5rem;
  --fs-6: 6rem;
}