:root {
  --PC-h2-font-family: "Outfit", "Noto Sans JP", sans-serif;
  --PC-h2-font-weight: 800;
  --PC-h2-font-size: 46px;
  --PC-h2-letter-spacing: 0px;
  --PC-h2-line-height: 129.99999523162842%;
  --PC-h2-font-style: normal;
  --PC-h3-font-family: "Outfit", "Noto Sans JP", sans-serif;
  --PC-h3-font-weight: 800;
  --PC-h3-font-size: 28px;
  --PC-h3-letter-spacing: 1.28px;
  --PC-h3-line-height: 100%;
  --PC-h3-font-style: normal;
  --PC-body-font-family: "Outfit", "Noto Sans JP", sans-serif;
  --PC-body-font-weight: 400;
  --PC-body-font-size: 16px;
  --PC-body-letter-spacing: 0.96px;
  --PC-body-line-height: 140%;
  --PC-body-font-style: normal;
  --SP-h3-font-family: "Outfit", "Noto Sans JP", sans-serif;
  --SP-h3-font-weight: 800;
  --SP-h3-font-size: 24px;
  --SP-h3-letter-spacing: 0.96px;
  --SP-h3-line-height: 100%;
  --SP-h3-font-style: normal;
  --SP-h2-font-family: "Outfit", "Noto Sans JP", sans-serif;
  --SP-h2-font-weight: 800;
  --SP-h2-font-size: 32px;
  --SP-h2-letter-spacing: 0px;
  --SP-h2-line-height: 129.99999523162842%;
  --SP-h2-font-style: normal;
  --SP-body-font-family: "Outfit", "Noto Sans JP", sans-serif;
  --SP-body-font-weight: 400;
  --SP-body-font-size: 15px;
  --SP-body-letter-spacing: 0.9px;
  --SP-body-line-height: 139.9999976158142%;
  --SP-body-font-style: normal;
  --color-primitivie-color-promary-100: rgba(248, 251, 253, 1);
  --color-primitivie-color-promary-200: rgba(240, 246, 251, 1);
  --color-primitivie-color-promary-300: rgba(224, 236, 247, 1);
  --color-primitivie-color-promary-400: rgba(193, 216, 238, 1);
  --color-primitivie-color-promary-500: rgba(131, 177, 220, 1);
  --color-primitivie-color-promary-600: rgba(6, 98, 185, 1);
  --color-primitivie-color-promary-700: rgba(3, 49, 93, 1);
  --color-primitivie-color-promary-800: rgba(2, 25, 47, 1);
  --color-primitivie-color-promary-900: rgba(1, 13, 24, 1);
  --color-primitivie-color-secondary-100: rgba(255, 248, 248, 1);
  --color-primitivie-color-secondary-200: rgba(254, 241, 240, 1);
  --color-primitivie-color-secondary-300: rgba(252, 227, 225, 1);
  --color-primitivie-color-secondary-400: rgba(249, 199, 194, 1);
  --color-primitivie-color-secondary-500: rgba(243, 142, 133, 1);
  --color-primitivie-color-secondary-600: rgba(231, 29, 10, 1);
  --color-primitivie-color-secondary-700: rgba(116, 15, 5, 1);
  --color-primitivie-color-secondary-800: rgba(58, 8, 3, 1);
  --color-primitivie-color-secondary-900: rgba(29, 4, 2, 1);
  --color-primitivie-color-natral-100: rgba(255, 255, 255, 1);
  --color-primitivie-color-natral-200: rgba(245, 245, 245, 1);
  --color-primitivie-color-natral-300: rgba(229, 229, 230, 1);
  --color-primitivie-color-natral-400: rgba(216, 217, 219, 1);
  --color-primitivie-color-natral-500: rgba(203, 205, 207, 1);
  --color-primitivie-color-natral-600: rgba(109, 109, 116, 1);
  --color-primitivie-color-natral-700: rgba(72, 72, 73, 1);
  --color-primitivie-color-natral-800: rgba(54, 54, 54, 1);
  --color-primitivie-color-natral-900: rgba(36, 36, 42, 1);
  --color-semantic-color-text-primary: var(--color-primitivie-color-natral-900);
  --color-semantic-color-background-primary: var(
    --color-primitivie-color-promary-600
  );
  --color-semantic-color-background-secondary: var(
    --color-primitivie-color-secondary-600
  );
  --color-semantic-color-background-tertiarya: var(
    --color-primitivie-color-natral-100
  );
  --color-semantic-color-background-quaternary: var(
    --color-primitivie-color-natral-500
  );
  --color-semantic-color-background-quinary: var(
    --color-primitivie-color-natral-200
  );
  --color-semantic-color-border-primary: var(
    --color-primitivie-color-natral-400
  );
  --color-semantic-color-text-secondary: var(
    --color-primitivie-color-promary-600
  );
  --color-semantic-color-text-tertiarya: var(
    --color-primitivie-color-secondary-600
  );
  --color-semantic-color-text-quaternary: var(
    --color-primitivie-color-natral-700
  );
  --color-semantic-color-text-quinaty: var(--color-primitivie-color-natral-100);
  
  /* シャドウカラー */
  --color-shadow-blue: rgba(6, 98, 185, 0.3);
  --color-shadow-blue-hover: rgba(6, 98, 185, 0.4);
  --color-shadow-red: rgba(231, 29, 10, 0.3);
  --color-shadow-red-hover: rgba(231, 29, 10, 0.4);
  --color-shadow-black: rgba(0, 0, 0, 0.06);
  --color-shadow-black-medium: rgba(0, 0, 0, 0.15);
  --color-shadow-black-dark: rgba(0, 0, 0, 0.3);
  
  /* グラデーション用カラー */
  --color-gradient-overlay-1: rgba(14, 30, 62, 0.13);
  --color-gradient-overlay-2: rgba(249, 199, 194, 0.30);
  --color-gradient-overlay-3: rgba(6, 98, 185, 0.60);
  
  /* 特定の境界線カラー */
  --color-border-gray: #D8D9DB;
}