:root {
  /* レスポンシブなしの基本幅 */
  --w: 768px;

  /* ベースサイズ */
  /* laptopと同じ */
  --base_width: 1024px;

  --contentWidth1: min(700px, 70%);
  --contentWidth2: min(800px, 80%);
  --contentWidth3: min(850px, 85%);
  --contentWidth4: min(900px, 90%);
  --contentWidth5: min(950px, 95%);

  --z-overlay: 9999;
  --z-header: 9998;
  --z-tooltip: 9998;

  /* サイズ変数 */
  --ft-10xl: 6rem;
  --ft-9xl: 5.4rem;
  --ft-8xl: 4rem;
  --ft-7xl: 3.5rem;
  --ft-6xl: 3.2rem;
  --ft-5xl: 2.8rem;
  --ft-4xl: 2.4rem;
  --ft-3xl: 2rem;
  --ft-2xl: 1.8rem;
  --ft-xl: 1.6rem;
  --ft-lg: 1.2rem;
  --ft-md: 0.8rem;
  --ft-sm: 0.6rem;
  --ft-xs: 0.4rem;
  --ft-2xs: 0.2rem;

  /* スペース */
  --gap-10xl: 6rem;
  --gap-9xl: 5.4rem;
  --gap-8xl: 4rem;
  --gap-7xl: 3.5rem;
  --gap-6xl: 3.2rem;
  --gap-5xl: 2.8rem;
  --gap-4xl: 2.4rem;
  --gap-3xl: 2rem;
  --gap-2xl: 1.8rem;
  --gap-xl: 1.6rem;
  --gap-lg: 1.2rem;
  --gap-md: 0.8rem;
  --gap-sm: 0.6rem;
  --gap-xs: 0.4rem;
  --gap-2xs: 0.2rem;

  /* 倍率 */
  --xl10: 6;
  --xl9: 5.4;
  --xl8: 4;
  --xl7: 3.5;
  --xl6: 3.2;
  --xl5: 2.8;
  --xl4: 2.4;
  --xl3: 2;
  --xl2: 1.8;
  --xl: 1.6;
  --lg: 1.2;
  --md: 0.8;
  --sm: 0.6;
  --xs: 0.4;
  --xs2: 0.2;

  /* 透明度 */
  --op-none: 0;
  --op-weak: 0.1;
  --op-light: 0.25;
  --op-mid: 0.5;
  --op-strong: 0.75;
  --op-full: 1;

  /* ボーダー */
  --bd-sl-light: 1px solid var(--border);
  --bd-sl-normal: 2px solid var(--border);
  --bd-sl-bold: 3px solid var(--border);

  /* フォント */
  --fontSize: clamp(1px, 100dvw / 80, 16px);
  /* 最小1px 他は画面幅の80分の1のサイズ 最大は16px */
  --defaultFont: 'Noto Sans JP', 'Robot', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Arial, Verdana, sans-serif;
  --Robot: "Robot", 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Arial, Verdana, sans-serif;
  --ZenMaru: "Zen Maru Gothic", 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Arial, Verdana, sans-serif;
  --MochiyPop: "Mochiy Pop One", 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Arial, Verdana, sans-serif;
  /* --NotoSans: "Noto Sans JP", 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Arial, Verdana, sans-serif; */

  /* アニメーションの時間 */
  --transitionSec: 0.2s ease;
  --transitionSecEaseIn: 0.2s ease-in;
  --transitionSecEaseOut: 0.2s ease-out;

  --radius: calc(infinity * 1px);
  --radiusCard: 2rem;
  --radiusButton: 0.7rem;

  --shadow-cl: rgba(175, 175, 175, 0.3);
  --shadow: 0 0 5px var(--shadow-cl);
}