/* ============================================================================
   base.css — amanesys 共通スタイル基盤（plan ui-803）

   このファイルが **表示倍率と配色の唯一の正本**。各画面の <style> に色を直接書かない。
   全 HTML が <head> の先頭で読み込む（各画面の <style> より前＝画面側の指定が勝つ）。

     §0 表示倍率        … 文字とレイアウトの倍率。ここ 1 行で全画面が変わる
     §1 セマンティクス  … 「意味 → 色」。🔴 配色を変えたいときに触るのはここだけ
     §2 セマンティッククラス … §1 を実際の見た目に落とす。新しい画面もこのクラスを使う
     §3 ライトテーマ互換 … 運営画面などが従来から使っていた --primary / --gray-* の集約
     §4 パレット        … 移行時に各画面から回収した色の登録簿（機械生成・原則さわらない）

   🔴 新しい画面を作るときは §2 のクラスを使うこと。色を直書きすると
      scripts/check_sitedata_color_tokens.py が落ちる。
   ============================================================================ */


/* §0 表示倍率 ==============================================================
   owner 裁定（2026-08-02）= 方式 A。各画面の font-size は px 直書きが 1,274 箇所
   あり `html { font-size: 150% }` では効かないため、zoom でレイアウトごと拡大する。
   🔴 倍率を変えるときはこの 1 行だけを変える（画面ごとに zoom を下げて逃げない）。

   🔴 zoom には CSS 側で 2 つ落とし穴があり、どちらも移行時に実測して手当て済み:

   (1) ビューポート単位が倍率で割られない。実測（Chrome・2026-08-02）で
       html{zoom:1.25} のとき 100vh はビューポートの 1.53 倍に解決された。
       min-height:100vh は縦に 1.5 倍、width:100vw は横にはみ出し、
       height:100dvh + overflow:hidden の画面は中身が切れる。
       → 各画面のビューポート単位は calc(100vh / var(--ui-scale)) の形に置換済み（83 箇所）。

   (2) media query は zoom を考慮せず**実ビューポート**で評価され、var() も使えない。
       1366px の画面でも中身の実効幅は 911px しかないのに
       `@media (max-width: 1100px)` が発火せず、3 カラムのまま詰め込まれていた。
       → breakpoint を倍率倍して置換済み（45 箇所）。元の設計値は各行のコメントに残してある。
       🔴 **--ui-scale を変えたら breakpoint も同じ倍率で振り直すこと**（media query は
          var() を書けないので、ここだけは自動追随しない）。 */
:root {
  --ui-scale: 1.25;
}

html {
  zoom: var(--ui-scale);
}


/* §1 セマンティクス（意味 → 色）==============================================
   owner 指定の配色ルール（2026-08-02）:
     - 平文は白
     - アラートは赤枠・白見出し・赤本文
     - ポジティブなお知らせ（文字のみ）は明るい緑
     - セクション（枠つきの箱）は緑枠・白見出し・緑本文
     - 利用可能／利用中のサービスも緑枠・白見出し・緑本文

   括弧内の数値は WCAG コントラスト比（対 #000 / 対カード面 #1a1a3a）。
   🔴 従来の最も暗い注記 #7878a8 はカード面で 4.03 ＝ AA(4.5) 未達だった。
      これが「重要でない文字が暗すぎて読めない」の実体なので、--text-muted で置き換える。 */
:root {
  /* 平文・見出し。3 段階の強さは残したまま、いちばん弱い段でも AAA(7.0) に載せる */
  --text:            #ffffff;   /* 21.00 / 16.76  … 平文（旧 #e8e8f0 = 17.23/13.76） */
  --text-muted:      #b9b9dc;   /* 11.04 /  8.81  … 注記     （旧 #9a9ac2 =  7.78/ 6.21） */
  --text-faint:      #a8a8cc;   /*  9.14 /  7.29  … ラベル等 （旧 #7878a8 =  5.05/ 4.03 🔴AA未達） */

  /* アラート（エラー・危険・失敗） */
  --alert-fg:        #ff9aab;   /* 10.46 /  8.35 */
  --alert-heading:   var(--text);
  --alert-border:    #c8405e;
  --alert-bg:        rgba(120, 30, 50, 0.25);

  /* 警告（注意・保留・手続き中）。アラートとは別（赤ではなく黄土） */
  --warn-fg:         #f2dcaf;
  --warn-heading:    var(--text);
  --warn-border:     #b8813a;
  --warn-bg:         rgba(150, 100, 30, 0.25);

  /* 情報（中立のお知らせ）。owner 裁定 2026-08-03（plan console-013 C-1）。
     アラート（赤）でも警告（黄土）でもない「知っておいてほしい事実」を伝える青系。
     例:「ご契約はありますが電話受付だけ未契約です」＝赤帯と区別して出す必要がある。
     値は console-010 が plan.html に直書きしていた 3 値をそのまま昇格させたもの
     （見た目を変えずトークン化する意図。青系パレット --c-blue-81-2 で代替すると
     文字コントラストが 11.3 → 8.4 に落ちるため採らなかった）。 */
  --info-fg:         #c8d4f0;   /* 11.30 /  9.03 */
  --info-heading:    var(--text);
  --info-border:     #4a5aa0;
  --info-bg:         rgba(40, 60, 120, 0.28);

  /* ポジティブ（文字のみ・枠なし） */
  --positive-fg:     #7ce8a8;   /* 13.97 / 11.15 */

  /* セクション（枠つきの箱）と、利用可能／利用中のサービス */
  --section-fg:      var(--positive-fg);
  --section-heading: var(--text);
  --section-border:  #4fa06c;
  --section-bg:      rgba(80, 200, 120, 0.08);

  --service-fg:      var(--positive-fg);
  --service-heading: var(--text);
  --service-border:  var(--section-border);
  --service-bg:      rgba(80, 200, 120, 0.12);
}


/* §2 セマンティッククラス ====================================================
   🔴 色だけで意味を伝えない（owner 指示）。アイコンと文言でも区別できるようにする。
      色覚特性に依存する設計にしないため、::before の記号は装飾ではなく情報。 */

/* 平文 */
.is-plain { color: var(--text); }

/* 補足・注記（本文より弱いが読める明るさ） */
.is-muted { color: var(--text-muted); }
.is-faint { color: var(--text-faint); }

/* ポジティブなお知らせ（文字のみ・枠なし）。例:「全サービスに標準付帯しています」 */
.is-positive {
  color: var(--positive-fg);
}
.is-positive::before {
  content: "✓ ";
  font-weight: 700;
}

/* アラート（箱）: 赤枠・白見出し・赤本文 */
.is-alert {
  border: 1px solid var(--alert-border);
  background: var(--alert-bg);
  color: var(--alert-fg);
  border-radius: 8px;
  padding: 10px 12px;
}
.is-alert > strong,
.is-alert .title { display: block; color: var(--alert-heading); }
.is-alert::before { content: "⚠ "; font-weight: 700; }

/* アラート（文字のみ・枠なし） */
.is-alert-text { color: var(--alert-fg); }
.is-alert-text::before { content: "⚠ "; font-weight: 700; }

/* 警告（箱）: 黄土枠・白見出し・黄土本文 */
.is-warning {
  border: 1px solid var(--warn-border);
  background: var(--warn-bg);
  color: var(--warn-fg);
  border-radius: 8px;
  padding: 10px 12px;
}
.is-warning > strong,
.is-warning .title { display: block; color: var(--warn-heading); }
.is-warning::before { content: "⚠ "; font-weight: 700; }

/* 警告（文字のみ・枠なし） */
.is-warning-text { color: var(--warn-fg); }
.is-warning-text::before { content: "⚠ "; font-weight: 700; }

/* 情報（箱）: 青枠・白見出し・青本文。アラート／警告と色でも記号でも区別する
   （🔴 色だけで意味を伝えない — ⚠ ではなく ℹ を付ける）。 */
.is-info {
  border: 1px solid var(--info-border);
  background: var(--info-bg);
  color: var(--info-fg);
  border-radius: 8px;
  padding: 10px 12px;
}
.is-info > strong,
.is-info .title { display: block; color: var(--info-heading); }
.is-info::before { content: "ℹ "; font-weight: 700; }

/* 情報（文字のみ・枠なし） */
.is-info-text { color: var(--info-fg); }
.is-info-text::before { content: "ℹ "; font-weight: 700; }

/* セクション（枠つきの箱）: 緑枠・白見出し・緑本文 */
.section-box {
  border: 1px solid var(--section-border);
  background: var(--section-bg);
  color: var(--section-fg);
  border-radius: 10px;
  padding: 14px 16px;
}
.section-box > h2,
.section-box > h3,
.section-box > strong,
.section-box .title { color: var(--section-heading); }

/* 利用可能・利用中のサービス（カード）: 緑枠・白見出し・緑本文 */
.svc-available {
  border-color: var(--service-border) !important;
  background: var(--service-bg);
  color: var(--service-fg);
}
.svc-available .name,
.svc-available > h2,
.svc-available > h3,
.svc-available .title { color: var(--service-heading); }

/* 利用可能・利用中のサービス（バッジ）: 緑枠・緑文字 */
.svc-badge {
  border: 1px solid var(--service-border);
  color: var(--service-fg);
  background: var(--service-bg);
}


/* §3 ライトテーマ互換トークン ================================================
   運営画面・ログイン・ショップなど 17 画面が各自の :root に同じ定義を重複して
   持っていたものを、ここへ 1 本化した（値は移行前と同一）。
   🔴 claude_code.html だけは prefers-color-scheme: dark の上書きを自前で持つので、
      その上書き節は画面側に残してある（ここでは既定値＝ライト側だけを定義する）。 */
:root {
  --primary:      var(--c-blue-53);
  --primary-dark: var(--c-blue-48);
  --success:      var(--c-teal-39);
  --warning:      var(--c-orange-50);
  --danger:       var(--c-red-60);
  --danger-dark:  var(--c-red-51);
  --gray-50:      var(--c-blue-98);
  --gray-100:     var(--c-blue-96);
  --gray-200:     var(--c-blue-91);
  --gray-300:     var(--c-blue-84);
  --gray-500:     var(--c-gray-46);
  --gray-700:     var(--c-blue-27);
  --gray-900:     var(--c-blue-11);
}


/* §4 パレット（機械生成・値の正本）===========================================
   各画面の <style> から回収した色。名前は 色相グループ + 明度(+不透明度) で機械的に
   付けている。値は移行前と 1 対 1（近似マージしていない）＝移行で見た目は変わらない。
   コメントの「N画面 M箇所」は移行時点の使用実績。

   🔴 意味のある色を変えたいときは §1 を編集する。ここを直接いじると
      「同じ意味なのに画面によって色が違う」に戻る。 */
:root {

  /* --- 無彩色（白・黒・グレー） --- */
  --c-gray-100: #ffffff;                      /* 60画面  443箇所 */
  --c-gray-00: #000000;                       /* 45画面   92箇所 */
  --c-gray-46: #6b7280;                       /* 19画面   20箇所 */
  --c-gray-33: #555555;                       /* 12画面   13箇所 */
  --c-gray-39-a20: rgba(100,100,100,0.2);     /* 10画面   11箇所 */
  --c-gray-67: #aaaaaa;                       /*  9画面   10箇所 */
  --c-gray-00-a50: rgba(0,0,0,0.5);           /*  9画面    9箇所 */
  --c-gray-00-a70: rgba(0,0,0,0.7);           /*  9画面    9箇所 */
  --c-gray-00-a10: rgba(0,0,0,0.1);           /*  8画面   16箇所 */
  --c-gray-40: #666666;                       /*  6画面   15箇所 */
  --c-gray-80: #cccccc;                       /*  6画面   10箇所 */
  --c-gray-00-a30: rgba(0,0,0,0.3);           /*  6画面    7箇所 */
  --c-gray-53: #888888;                       /*  6画面    6箇所 */
  --c-gray-00-a60: rgba(0,0,0,0.6);           /*  5画面    5箇所 */
  --c-gray-20: #333333;                       /*  4画面   14箇所 */
  --c-gray-96: #f5f5f5;                       /*  4画面   11箇所 */
  --c-gray-88: #e0e0e0;                       /*  4画面    7箇所 */
  --c-gray-00-a15: rgba(0,0,0,0.15);          /*  4画面    6箇所 */
  --c-gray-00-a05: rgba(0,0,0,0.05);          /*  4画面    4箇所 */
  --c-gray-00-a40: rgba(0,0,0,0.4);           /*  4画面    4箇所 */
  --c-gray-87: #dddddd;                       /*  3画面   13箇所 */
  --c-gray-93: #eeeeee;                       /*  3画面    6箇所 */
  --c-gray-100-a20: rgba(255,255,255,0.2);    /*  3画面    6箇所 */
  --c-gray-100-a30: rgba(255,255,255,0.3);    /*  3画面    5箇所 */
  --c-gray-94: #f0f0f0;                       /*  3画面    3箇所 */
  --c-gray-00-a20: rgba(0,0,0,0.2);           /*  3画面    3箇所 */
  --c-gray-00-a35: rgba(0,0,0,0.35);          /*  3画面    3箇所 */
  --c-gray-60: #999999;                       /*  2画面    4箇所 */
  --c-gray-65: #9ca3af;                       /*  2画面    3箇所 */
  --c-gray-100-a15: rgba(255,255,255,0.15);   /*  2画面    3箇所 */
  --c-gray-72: #b0b0c0;                       /*  2画面    2箇所 */
  --c-gray-00-a08: rgba(0,0,0,0.08);          /*  2画面    2箇所 */
  --c-gray-100-a50: rgba(255,255,255,0.5);    /*  2画面    2箇所 */
  --c-gray-07: #111111;                       /*  1画面    6箇所 */
  --c-gray-100-a10: rgba(255,255,255,0.1);    /*  1画面    4箇所 */
  --c-gray-100-a12: rgba(255,255,255,0.12);   /*  1画面    3箇所 */
  --c-gray-100-a05: rgba(255,255,255,0.05);   /*  1画面    2箇所 */
  --c-gray-100-a07: rgba(255,255,255,0.07);   /*  1画面    2箇所 */
  --c-gray-100-a08: rgba(255,255,255,0.08);   /*  1画面    2箇所 */
  --c-gray-38: #5a5a6a;                       /*  1画面    1箇所 */
  --c-gray-47: #6a6a85;                       /*  1画面    1箇所 */
  --c-gray-73: #bbbbbb;                       /*  1画面    1箇所 */
  --c-gray-98: #f9f9f9;                       /*  1画面    1箇所 */
  --c-gray-00-a50-2: rgba(0,0,0,.5);          /*  1画面    1箇所 */
  --c-gray-00-a45: rgba(0,0,0,0.45);          /*  1画面    1箇所 */
  --c-gray-00-a55: rgba(0,0,0,0.55);          /*  1画面    1箇所 */
  --c-gray-00-a65: rgba(0,0,0,0.65);          /*  1画面    1箇所 */
  --c-gray-00-a92: rgba(0,0,0,0.92);          /*  1画面    1箇所 */
  --c-gray-43-a20: rgba(120,100,100,0.2);     /*  1画面    1箇所 */
  --c-gray-47-a18: rgba(120,120,120,0.18);    /*  1画面    1箇所 */
  --c-gray-47-a20: rgba(120,120,120,0.2);     /*  1画面    1箇所 */
  --c-gray-51-a18: rgba(120,120,140,0.18);    /*  1画面    1箇所 */
  --c-gray-51-a20: rgba(120,120,140,0.2);     /*  1画面    1箇所 */
  --c-gray-100-a02: rgba(255,255,255,0.02);   /*  1画面    1箇所 */
  --c-gray-100-a06: rgba(255,255,255,0.06);   /*  1画面    1箇所 */
  --c-gray-100-a25: rgba(255,255,255,0.25);   /*  1画面    1箇所 */
  --c-gray-100-a60: rgba(255,255,255,0.6);    /*  1画面    1箇所 */
  --c-gray-100-a65: rgba(255,255,255,0.65);   /*  1画面    1箇所 */
  --c-gray-31-a40: rgba(80,80,80,0.4);        /*  1画面    1箇所 */

  /* --- 藍系（ダークテーマの地・枠・文字・アクセントの主系統） --- */
  --c-blue-13: #100f33;                       /* 48画面   53箇所 */
  --c-blue-20: #1e1e4a;                       /* 45画面  214箇所 */
  --c-blue-93: #e8e8f0;                       /* 45画面  155箇所 */
  --c-blue-16: #1a1a3a;                       /* 45画面   46箇所 */
  --c-blue-68: #9a9ac2;                       /* 44画面  193箇所 */
  --c-blue-36: #3a3a80;                       /* 40画面   69箇所 */
  --c-blue-65: #4f4fff;                       /* 39画面  140箇所 */
  --c-blue-13-a55: rgba(16,15,51,0.55);       /* 37画面   96箇所 */
  --c-blue-75: #b0b0d0;                       /* 36画面  112箇所 */
  --c-blue-16-a50: rgba(20,20,60,0.5);        /* 36画面   41箇所 */
  --c-blue-07-a70: rgba(10,10,26,0.7);        /* 34画面   34箇所 */
  --c-blue-25-a70: rgba(40,40,90,0.7);        /* 33画面   34箇所 */
  --c-blue-70: #6868ff;                       /* 31画面   52箇所 */
  --c-blue-53: #2563eb;                       /* 18画面   21箇所 */
  --c-blue-91: #e5e7eb;                       /* 18画面   21箇所 */
  --c-blue-27: #374151;                       /* 18画面   19箇所 */
  --c-blue-11: #111827;                       /* 18画面   18箇所 */
  --c-blue-96: #f3f4f6;                       /* 18画面   18箇所 */
  --c-blue-20-a40: rgba(30,30,74,0.4);        /* 17画面   22箇所 */
  --c-blue-48: #1d4ed8;                       /* 16画面   17箇所 */
  --c-blue-20-a50: rgba(30,30,74,0.5);        /* 14画面   22箇所 */
  --c-blue-20-a60: rgba(30,30,74,0.6);        /* 14画面   17箇所 */
  --c-blue-84: #d1d5db;                       /* 14画面   15箇所 */
  --c-blue-98: #f9fafb;                       /* 14画面   14箇所 */
  --c-blue-55-a40: rgba(80,80,200,0.4);       /* 13画面   17箇所 */
  --c-blue-40: #1e40af;                       /* 12画面   16箇所 */
  --c-blue-93-2: #dbeafe;                     /* 11画面   15箇所 */
  --c-blue-26: #2a2a5a;                       /* 10画面   11箇所 */
  --c-blue-86: #b8b8ff;                       /*  8画面   16箇所 */
  --c-blue-71: #6a6aff;                       /*  8画面   13箇所 */
  --c-blue-80: #9a9aff;                       /*  8画面   13箇所 */
  --c-blue-88: #d0d0f0;                       /*  8画面   12箇所 */
  --c-blue-09: #0a0a26;                       /*  8画面   10箇所 */
  --c-blue-43: #5a5a82;                       /*  8画面    8箇所 */
  --c-blue-25-a30: rgba(40,40,90,0.3);        /*  7画面   16箇所 */
  --c-blue-25-a50: rgba(40,40,90,0.5);        /*  6画面    7箇所 */
  --c-blue-20-a30: rgba(30,30,74,0.3);        /*  6画面    6箇所 */
  --c-blue-86-2: #d0d0e8;                     /*  5画面    9箇所 */
  --c-blue-47-a40: rgba(80,80,160,0.4);       /*  5画面    6箇所 */
  --c-blue-55-a20: rgba(80,80,200,0.2);       /*  5画面    5箇所 */
  --c-blue-28: #2a2a64;                       /*  4画面   16箇所 */
  --c-blue-32: #3a3a6a;                       /*  4画面    6箇所 */
  --c-blue-85: #c8c8e8;                       /*  4画面    6箇所 */
  --c-blue-97: #eff6ff;                       /*  4画面    6箇所 */
  --c-blue-16-a40: rgba(20,20,60,0.4);        /*  4画面    5箇所 */
  --c-blue-51: #5a5aaa;                       /*  4画面    4箇所 */
  --c-blue-25-a20: rgba(40,40,90,0.2);        /*  4画面    4箇所 */
  --c-blue-25-a40: rgba(40,40,90,0.4);        /*  4画面    4箇所 */
  --c-blue-25-a60: rgba(40,40,90,0.6);        /*  4画面    4箇所 */
  --c-blue-68-2: #9a9ac0;                     /*  3画面    9箇所 */
  --c-blue-78: #b0b0e0;                       /*  3画面    8箇所 */
  --c-blue-78-2: #b8b8d8;                     /*  3画面    8箇所 */
  --c-blue-08-a30: rgba(10,10,30,0.3);        /*  3画面    6箇所 */
  --c-blue-82: #c0c0e0;                       /*  3画面    5箇所 */
  --c-blue-47-a30: rgba(80,80,160,0.3);       /*  3画面    5箇所 */
  --c-blue-86-3: #b9c4ff;                     /*  3画面    4箇所 */
  --c-blue-83: #c8c8e0;                       /*  3画面    4箇所 */
  --c-blue-94: #e3f2fd;                       /*  3画面    4箇所 */
  --c-blue-86-4: #c8c8f0;                     /*  3画面    3箇所 */
  --c-blue-85-2: #d0d0e2;                     /*  3画面    3箇所 */
  --c-blue-89: #d8d8f0;                       /*  3画面    3箇所 */
  --c-blue-13-a70: rgba(16,15,51,0.7);        /*  3画面    3箇所 */
  --c-blue-14-a70: rgba(20,20,50,0.7);        /*  3画面    3箇所 */
  --c-blue-20-a35: rgba(30,30,74,0.35);       /*  3画面    3箇所 */
  --c-blue-55-a15: rgba(80,80,200,0.15);      /*  3画面    3箇所 */
  --c-blue-55-a30: rgba(80,80,200,0.3);       /*  3画面    3箇所 */
  --c-blue-73: #a5a5cf;                       /*  2画面    8箇所 */
  --c-blue-31: #33336a;                       /*  2画面    7箇所 */
  --c-blue-87: #d2d2ec;                       /*  2画面    7箇所 */
  --c-blue-80-2: #b8b8e0;                     /*  2画面    6箇所 */
  --c-blue-77: #8888ff;                       /*  2画面    5箇所 */
  --c-blue-29: #2a2a6a;                       /*  2画面    4箇所 */
  --c-blue-52: #5a5ab0;                       /*  2画面    4箇所 */
  --c-blue-48-2: #6a6a8a;                     /*  2画面    4箇所 */
  --c-blue-65-2: #8a8ac0;                     /*  2画面    4箇所 */
  --c-blue-14-a40: rgba(20,20,50,0.4);        /*  2画面    4箇所 */
  --c-blue-55-a70: rgba(80,80,200,0.7);       /*  2画面    4箇所 */
  --c-blue-27-2: #2a2a60;                     /*  2画面    3箇所 */
  --c-blue-34: #4b5563;                       /*  2画面    3箇所 */
  --c-blue-62: #8a8ab0;                       /*  2画面    3箇所 */
  --c-blue-62-2: #8a8ab2;                     /*  2画面    3箇所 */
  --c-blue-74: #8ab8ee;                       /*  2画面    3箇所 */
  --c-blue-75-2: #a0a0e0;                     /*  2画面    3箇所 */
  --c-blue-47-a25: rgba(80,80,160,0.25);      /*  2画面    3箇所 */
  --c-blue-09-2: #0d0d22;                     /*  2画面    2箇所 */
  --c-blue-12: #0f0e2d;                       /*  2画面    2箇所 */
  --c-blue-46: #1976d2;                       /*  2画面    2箇所 */
  --c-blue-22: #23234f;                       /*  2画面    2箇所 */
  --c-blue-28-2: #3a3a55;                     /*  2画面    2箇所 */
  --c-blue-40-2: #4a4a80;                     /*  2画面    2箇所 */
  --c-blue-35: #4a5a6a;                       /*  2画面    2箇所 */
  --c-blue-61: #6a7acc;                       /*  2画面    2箇所 */
  --c-blue-78-3: #93c5fd;                     /*  2画面    2箇所 */
  --c-blue-83-2: #a9c7ff;                     /*  2画面    2箇所 */
  --c-blue-83-3: #aaaaff;                     /*  2画面    2箇所 */
  --c-blue-72-a85: rgba(110,110,255,0.85);    /*  2画面    2箇所 */
  --c-blue-72: rgba(110,110,255,1);           /*  2画面    2箇所 */
  --c-blue-63-a20: rgba(120,120,200,0.2);     /*  2画面    2箇所 */
  --c-blue-11-a55: rgba(16,15,40,0.55);       /*  2画面    2箇所 */
  --c-blue-13-a60: rgba(16,15,51,0.6);        /*  2画面    2箇所 */
  --c-blue-16-a90: rgba(20,20,60,0.9);        /*  2画面    2箇所 */
  --c-blue-20-a45: rgba(30,30,74,0.45);       /*  2画面    2箇所 */
  --c-blue-20-a70: rgba(30,30,74,0.7);        /*  2画面    2箇所 */
  --c-blue-53-a10: rgba(37,99,235,0.1);       /*  2画面    2箇所 */
  --c-blue-25-a55: rgba(40,40,90,0.55);       /*  2画面    2箇所 */
  --c-blue-55-a18: rgba(80,80,200,0.18);      /*  2画面    2箇所 */
  --c-blue-55-a25: rgba(80,80,200,0.25);      /*  2画面    2箇所 */
  --c-blue-55-a45: rgba(80,80,200,0.45);      /*  2画面    2箇所 */
  --c-blue-55-a65: rgba(80,80,200,0.65);      /*  2画面    2箇所 */
  --c-blue-55-a85: rgba(80,80,200,0.85);      /*  2画面    2箇所 */
  --c-blue-59-a18: rgba(80,80,220,0.18);      /*  2画面    2箇所 */
  --c-blue-10: #0a0e27;                       /*  1画面   11箇所 */
  --c-blue-54: #2196f3;                       /*  1画面    7箇所 */
  --c-blue-81: #bdbde2;                       /*  1画面    7箇所 */
  --c-blue-10-2: #0d0d28;                     /*  1画面    5箇所 */
  --c-blue-25: #2a2a55;                       /*  1画面    5箇所 */
  --c-blue-61-2: #42a5f5;                     /*  1画面    5箇所 */
  --c-blue-90: #dcdcf0;                       /*  1画面    5箇所 */
  --c-blue-60: #3b82f6;                       /*  1画面    4箇所 */
  --c-blue-85-3: #c8c8ec;                     /*  1画面    4箇所 */
  --c-blue-94-2: #e8eaf6;                     /*  1画面    4箇所 */
  --c-blue-19: #232440;                       /*  1画面    3箇所 */
  --c-blue-29-2: #3a3c5a;                     /*  1画面    3箇所 */
  --c-blue-54-2: #78909c;                     /*  1画面    3箇所 */
  --c-blue-77-2: #90caf9;                     /*  1画面    3箇所 */
  --c-blue-83-4: #aac4ff;                     /*  1画面    3箇所 */
  --c-blue-86-5: #cdcdec;                     /*  1画面    3箇所 */
  --c-blue-10-3: #0c0b28;                     /*  1画面    2箇所 */
  --c-blue-16-2: #16163a;                     /*  1画面    2箇所 */
  --c-blue-14: #1a1b2e;                       /*  1画面    2箇所 */
  --c-blue-30: #1a237e;                       /*  1画面    2箇所 */
  --c-blue-16-3: #1e1f35;                     /*  1画面    2箇所 */
  --c-blue-22-2: #2a2a44;                     /*  1画面    2箇所 */
  --c-blue-25-2: #2e3050;                     /*  1画面    2箇所 */
  --c-blue-25-3: #2f2f52;                     /*  1画面    2箇所 */
  --c-blue-62-3: #8a8ab4;                     /*  1画面    2箇所 */
  --c-blue-60-2: #8b8ea8;                     /*  1画面    2箇所 */
  --c-blue-64: #8f8fb5;                       /*  1画面    2箇所 */
  --c-blue-67: #9090c8;                       /*  1画面    2箇所 */
  --c-blue-72-2: #a8a8c8;                     /*  1画面    2箇所 */
  --c-blue-85-4: #cbcbe5;                     /*  1画面    2箇所 */
  --c-blue-91-2: #e2e4f0;                     /*  1画面    2箇所 */
  --c-blue-07-a50: rgba(10,10,26,0.5);        /*  1画面    2箇所 */
  --c-blue-13-a65: rgba(16,15,51,0.65);       /*  1画面    2箇所 */
  --c-blue-14-a60: rgba(20,20,50,0.6);        /*  1画面    2箇所 */
  --c-blue-41-a40: rgba(60,90,150,0.4);       /*  1画面    2箇所 */
  --c-blue-65-a35: rgba(79,79,255,0.35);      /*  1画面    2箇所 */
  --c-blue-34-2: #0d47a1;                     /*  1画面    1箇所 */
  --c-blue-13-2: #12122e;                     /*  1画面    1箇所 */
  --c-blue-15: #14143a;                       /*  1画面    1箇所 */
  --c-blue-15-2: #15153a;                     /*  1画面    1箇所 */
  --c-blue-42: #1565c0;                       /*  1画面    1箇所 */
  --c-blue-18: #1a2540;                       /*  1画面    1箇所 */
  --c-blue-20-2: #1a2a4d;                     /*  1画面    1箇所 */
  --c-blue-17: #1f2937;                       /*  1画面    1箇所 */
  --c-blue-18-2: #22223a;                     /*  1画面    1箇所 */
  --c-blue-23: #2a2a4a;                       /*  1画面    1箇所 */
  --c-blue-22-3: #2a2b48;                     /*  1画面    1箇所 */
  --c-blue-27-3: #2e2e5a;                     /*  1画面    1箇所 */
  --c-blue-28-3: #33335a;                     /*  1画面    1箇所 */
  --c-blue-31-2: #3a3a66;                     /*  1画面    1箇所 */
  --c-blue-38: #3a6a8a;                       /*  1画面    1箇所 */
  --c-blue-43-2: #4a4a90;                     /*  1画面    1箇所 */
  --c-blue-45: #4a4a9a;                       /*  1画面    1箇所 */
  --c-blue-42-2: #4a5e8a;                     /*  1画面    1箇所 */
  --c-blue-45-2: #4a6a9a;                     /*  1画面    1箇所 */
  --c-blue-46-2: #4a6aa0;                     /*  1画面    1箇所 */
  --c-blue-58: #4a7ae0;                       /*  1画面    1箇所 */
  --c-blue-45-3: #5a5a8a;                     /*  1画面    1箇所 */
  --c-blue-51-2: #5a6aaa;                     /*  1画面    1箇所 */
  --c-blue-58-2: #5a7fd0;                     /*  1画面    1箇所 */
  --c-blue-65-3: #5b8af0;                     /*  1画面    1箇所 */
  --c-blue-66: #8a8ac8;                       /*  1画面    1箇所 */
  --c-blue-69: #8a8ad8;                       /*  1画面    1箇所 */
  --c-blue-77-3: #8a8aff;                     /*  1画面    1箇所 */
  --c-blue-67-2: #9595bf;                     /*  1画面    1箇所 */
  --c-blue-80-3: #9aa0ff;                     /*  1画面    1箇所 */
  --c-blue-81-2: #9fb6ff;                     /*  1画面    1箇所 */
  --c-blue-77-4: #a0c0e8;                     /*  1画面    1箇所 */
  --c-blue-83-6: #a8a8ff;                     /*  1画面    1箇所 */
  --c-blue-78-4: #b0c0e0;                     /*  1画面    1箇所 */
  --c-blue-81-3: #b9b9e6;                     /*  1画面    1箇所 */
  --c-blue-87-2: #bfdbfe;                     /*  1画面    1箇所 */
  --c-blue-80-4: #c0c3d8;                     /*  1画面    1箇所 */
  --c-blue-84-2: #c8c8e4;                     /*  1画面    1箇所 */
  --c-blue-87-3: #c8d2f5;                     /*  1画面    1箇所 */
  --c-blue-86-6: #cfcfe8;                     /*  1画面    1箇所 */
  --c-blue-88-2: #cfcff0;                     /*  1画面    1箇所 */
  --c-blue-91-3: #cfcfff;                     /*  1画面    1箇所 */
  --c-blue-86-7: #d0d0e6;                     /*  1画面    1箇所 */
  --c-blue-88-3: #d6d6ea;                     /*  1画面    1箇所 */
  --c-blue-89-2: #d8d8ec;                     /*  1画面    1箇所 */
  --c-blue-93-3: #dcdcff;                     /*  1画面    1箇所 */
  --c-blue-92: #e0e0f5;                       /*  1画面    1箇所 */
  --c-blue-92-2: #e2e2f4;                     /*  1画面    1箇所 */
  --c-blue-96-2: #f2f2f8;                     /*  1画面    1箇所 */
  --c-blue-98-2: #f8fafc;                     /*  1画面    1箇所 */
  --c-blue-07-a30: rgba(10,10,26,0.3);        /*  1画面    1箇所 */
  --c-blue-07-a40: rgba(10,10,26,0.4);        /*  1画面    1箇所 */
  --c-blue-07-a60: rgba(10,10,26,0.6);        /*  1画面    1箇所 */
  --c-blue-08-a40: rgba(10,10,30,0.4);        /*  1画面    1箇所 */
  --c-blue-08-a55: rgba(10,10,30,0.55);       /*  1画面    1箇所 */
  --c-blue-08-a60: rgba(10,10,30,0.6);        /*  1画面    1箇所 */
  --c-blue-10-a85: rgba(10,14,39,0.85);       /*  1画面    1箇所 */
  --c-blue-08-a85: rgba(10,9,30,0.85);        /*  1画面    1箇所 */
  --c-blue-63-a60: rgba(100,100,220,0.6);     /*  1画面    1箇所 */
  --c-blue-68-a00: rgba(100,181,246,0);       /*  1画面    1箇所 */
  --c-blue-68-a40: rgba(100,181,246,0.4);     /*  1画面    1箇所 */
  --c-blue-71-a25: rgba(106,106,255,0.25);    /*  1画面    1箇所 */
  --c-blue-55-a04: rgba(120,120,160,0.04);    /*  1画面    1箇所 */
  --c-blue-55-a20-2: rgba(120,120,160,0.2);   /*  1画面    1箇所 */
  --c-blue-63-a12: rgba(120,120,200,0.12);    /*  1画面    1箇所 */
  --c-blue-11-a50: rgba(16,15,40,0.5);        /*  1画面    1箇所 */
  --c-blue-13-a35: rgba(16,15,51,0.35);       /*  1画面    1箇所 */
  --c-blue-13-a40: rgba(16,15,51,0.4);        /*  1画面    1箇所 */
  --c-blue-13-a45: rgba(16,15,51,0.45);       /*  1画面    1箇所 */
  --c-blue-14-a30: rgba(20,20,50,0.3);        /*  1画面    1箇所 */
  --c-blue-14-a35: rgba(20,20,50,0.35);       /*  1画面    1箇所 */
  --c-blue-16-a35: rgba(20,20,60,0.35);       /*  1画面    1箇所 */
  --c-blue-16-a70: rgba(20,20,60,0.7);        /*  1画面    1箇所 */
  --c-blue-16-a85: rgba(20,20,60,0.85);       /*  1画面    1箇所 */
  --c-blue-14-a60-2: rgba(24,24,46,0.6);      /*  1画面    1箇所 */
  --c-blue-22-a40: rgba(30,30,80,0.4);        /*  1画面    1箇所 */
  --c-blue-24-a60: rgba(30,30,90,0.6);        /*  1画面    1箇所 */
  --c-blue-24-a80: rgba(30,30,90,0.8);        /*  1画面    1箇所 */
  --c-blue-24-a95: rgba(30,30,90,0.95);       /*  1画面    1箇所 */
  --c-blue-24: rgba(30,30,90,1);              /*  1画面    1箇所 */
  --c-blue-53-a15: rgba(37,99,235,0.15);      /*  1画面    1箇所 */
  --c-blue-29-a45: rgba(40,40,110,0.45);      /*  1画面    1箇所 */
  --c-blue-29-a85: rgba(40,40,110,0.85);      /*  1画面    1箇所 */
  --c-blue-29-a90: rgba(40,40,110,0.9);       /*  1画面    1箇所 */
  --c-blue-20-a30-2: rgba(40,40,60,0.3);      /*  1画面    1箇所 */
  --c-blue-24-a40: rgba(40,40,80,0.4);        /*  1画面    1箇所 */
  --c-blue-27-a25: rgba(40,60,100,0.25);      /*  1画面    1箇所 */
  --c-blue-60-a50: rgba(59,130,246,0.5);      /*  1画面    1箇所 */
  --c-blue-35-a60: rgba(60,60,120,0.6);       /*  1画面    1箇所 */
  --c-blue-39-a95: rgba(60,60,140,0.95);      /*  1画面    1箇所 */
  --c-blue-39: rgba(60,60,140,1);             /*  1画面    1箇所 */
  --c-blue-43-a30: rgba(60,90,160,0.3);       /*  1画面    1箇所 */
  --c-blue-65-a18: rgba(79,79,255,0.18);      /*  1画面    1箇所 */
  --c-blue-65-a22: rgba(79,79,255,0.22);      /*  1画面    1箇所 */
  --c-blue-65-a25: rgba(79,79,255,0.25);      /*  1画面    1箇所 */
  --c-blue-65-a90: rgba(79,79,255,0.9);       /*  1画面    1箇所 */
  --c-blue-06-a70: rgba(8,8,22,0.7);          /*  1画面    1箇所 */
  --c-blue-06-a96: rgba(8,8,22,0.96);         /*  1画面    1箇所 */
  --c-blue-59-a25: rgba(80,120,220,0.25);     /*  1画面    1箇所 */
  --c-blue-55-a20-3: rgba(80,130,200,0.2);    /*  1画面    1箇所 */
  --c-blue-41-a40-2: rgba(80,80,130,0.4);     /*  1画面    1箇所 */
  --c-blue-55-a08: rgba(80,80,200,0.08);      /*  1画面    1箇所 */
  --c-blue-55-a22: rgba(80,80,200,0.22);      /*  1画面    1箇所 */
  --c-blue-55-a35: rgba(80,80,200,0.35);      /*  1画面    1箇所 */
  --c-blue-59-a05: rgba(80,80,220,0.05);      /*  1画面    1箇所 */
  --c-blue-59-a06: rgba(80,80,220,0.06);      /*  1画面    1箇所 */
  --c-blue-59-a08: rgba(80,80,220,0.08);      /*  1画面    1箇所 */
  --c-blue-59-a12: rgba(80,80,220,0.12);      /*  1画面    1箇所 */
  --c-blue-59-a15: rgba(80,80,220,0.15);      /*  1画面    1箇所 */

  /* --- 藍紫系 --- */
  --c-indigo-40: #5a4a80;                     /*  2画面    2箇所 */
  --c-indigo-18-a60: rgba(40,30,60,0.6);      /*  2画面    2箇所 */
  --c-indigo-77: #c0a0e8;                     /*  1画面    2箇所 */
  --c-indigo-15: #2a1f2e;                     /*  1画面    1箇所 */
  --c-indigo-34: #311b92;                     /*  1画面    1箇所 */
  --c-indigo-31: #4a148c;                     /*  1画面    1箇所 */
  --c-indigo-42: #6a4a8a;                     /*  1画面    1箇所 */
  --c-indigo-65: #7c4dff;                     /*  1画面    1箇所 */
  --c-indigo-61: #8a6acc;                     /*  1画面    1箇所 */
  --c-indigo-56-a30: rgba(101,31,255,0.3);    /*  1画面    1箇所 */
  --c-indigo-63-a18: rgba(160,120,200,0.18);  /*  1画面    1箇所 */
  --c-indigo-22-a40: rgba(40,30,80,0.4);      /*  1画面    1箇所 */
  --c-indigo-31-a18: rgba(60,40,120,0.18);    /*  1画面    1箇所 */

  /* --- 紫系 --- */
  --c-violet-51: #ab47bc;                     /*  1画面    2箇所 */
  --c-violet-12: #241a22;                     /*  1画面    1箇所 */
  --c-violet-45: #aa3a8a;                     /*  1画面    1箇所 */
  --c-violet-78: #f0a0e0;                     /*  1画面    1箇所 */
  --c-violet-59-a30: rgba(220,80,200,0.3);    /*  1画面    1箇所 */

  /* --- 青緑系 --- */
  --c-teal-39: #10b981;                       /* 13画面   13箇所 */
  --c-teal-20: #065f46;                       /* 11画面   13箇所 */
  --c-teal-20-2: #075e54;                     /*  3画面    3箇所 */
  --c-teal-16: #064e46;                       /*  2画面    3箇所 */
  --c-teal-46: #4a8aa0;                       /*  2画面    2箇所 */
  --c-teal-77: #a0d0e8;                       /*  2画面    2箇所 */
  --c-teal-73: #b0bec5;                       /*  1画面    4箇所 */
  --c-teal-69: #7fc8e0;                       /*  1画面    2箇所 */
  --c-teal-62: #90a4ae;                       /*  1画面    2箇所 */
  --c-teal-15: #004d40;                       /*  1画面    1箇所 */
  --c-teal-20-3: #006064;                     /*  1画面    1箇所 */
  --c-teal-31: #128c7e;                       /*  1画面    1箇所 */
  --c-teal-18: #263238;                       /*  1画面    1箇所 */
  --c-teal-40: #546e7a;                       /*  1画面    1箇所 */
  --c-teal-71: #80deea;                       /*  1画面    1箇所 */
  --c-teal-84: #cfd8dc;                       /*  1画面    1箇所 */
  --c-teal-55-a18: rgba(80,160,200,0.18);     /*  1画面    1箇所 */
  --c-teal-55-a22: rgba(80,160,200,0.22);     /*  1画面    1箇所 */
  --c-teal-55-a25: rgba(80,160,200,0.25);     /*  1画面    1箇所 */

  /* --- 緑系（契約中・成功・ポジティブ） --- */
  --c-green-24-a95: rgba(40,80,40,0.95);      /* 31画面   31箇所 */
  --c-green-42: #4a8a5e;                      /* 24画面   35箇所 */
  --c-green-66: #6fe09f;                      /* 23画面   52箇所 */
  --c-green-55-a20: rgba(80,200,120,0.2);     /* 18画面   22箇所 */
  --c-green-90: #d1fae5;                      /* 10画面   12箇所 */
  --c-green-55-a18: rgba(80,200,120,0.18);    /*  6画面    8箇所 */
  --c-green-49: #4caf50;                      /*  3画面    6箇所 */
  --c-green-75: #a0e0a0;                      /*  3画面    5箇所 */
  --c-green-33: #2f7a55;                      /*  2画面    4箇所 */
  --c-green-35: #3a7a5f;                      /*  2画面    2箇所 */
  --c-green-42-2: #6a8a4a;                    /*  2画面    2箇所 */
  --c-green-67: #8fc7ab;                      /*  2画面    2箇所 */
  --c-green-72: #9fcfb8;                      /*  2画面    2箇所 */
  --c-green-77: #9fe8af;                      /*  2画面    2箇所 */
  --c-green-75-2: #c0e0a0;                    /*  2画面    2箇所 */
  --c-green-87: #dcf8c6;                      /*  2画面    2箇所 */
  --c-green-12-a40: rgba(20,40,30,0.4);       /*  2画面    2箇所 */
  --c-green-24-a25: rgba(40,80,40,0.25);      /*  2画面    2箇所 */
  --c-green-24-a50: rgba(40,80,40,0.5);       /*  2画面    2箇所 */
  --c-green-24-a25-2: rgba(40,80,50,0.25);    /*  2画面    2箇所 */
  --c-green-25-a70: rgba(40,90,65,0.7);       /*  2画面    2箇所 */
  --c-green-17: #1f3a1f;                      /*  1画面    2箇所 */
  --c-green-32: #3a6a4a;                      /*  1画面    2箇所 */
  --c-green-61: #6acc8a;                      /*  1画面    2箇所 */
  --c-green-81: #a0ffa0;                      /*  1画面    2箇所 */
  --c-green-82: #b6ecb6;                      /*  1画面    2箇所 */
  --c-green-82-2: #b9e8cf;                    /*  1画面    2箇所 */
  --c-green-35-a40: rgba(60,120,60,0.4);      /*  1画面    2箇所 */
  --c-green-17-2: #1a3d2e;                    /*  1画面    1箇所 */
  --c-green-24: #1b5e20;                      /*  1画面    1箇所 */
  --c-green-29: #2a6a4a;                      /*  1画面    1箇所 */
  --c-green-36: #3f7a55;                      /*  1画面    1箇所 */
  --c-green-45: #45a049;                      /*  1画面    1箇所 */
  --c-green-44-2: #4f8f5f;                    /*  1画面    1箇所 */
  --c-green-47: #4f9f6a;                      /*  1画面    1箇所 */
  --c-green-67-2: #6ee7b7;                    /*  1画面    1箇所 */
  --c-green-65: #7ad07a;                      /*  1画面    1箇所 */
  --c-green-67-3: #7fd8a0;                    /*  1画面    1箇所 */
  --c-green-69: #7fdf9f;                      /*  1画面    1箇所 */
  --c-green-80: #a7f3d0;                      /*  1画面    1箇所 */
  --c-green-75-3: #a8d8c0;                    /*  1画面    1箇所 */
  --c-green-78: #aee0c0;                      /*  1画面    1箇所 */
  --c-green-83: #b8f0d0;                      /*  1画面    1箇所 */
  --c-green-84: #bfeccd;                      /*  1画面    1箇所 */
  --c-green-82-3: #c0e0c8;                    /*  1画面    1箇所 */
  --c-green-85: #c8e8d6;                      /*  1画面    1箇所 */
  --c-green-85-2: #c8ecd4;                    /*  1画面    1箇所 */
  --c-green-86: #c8eecf;                      /*  1画面    1箇所 */
  --c-green-96: #ecfdf5;                      /*  1画面    1箇所 */
  --c-green-06-a25: rgba(0,30,0,0.25);        /*  1画面    1箇所 */
  --c-green-47-a22: rgba(120,160,80,0.22);    /*  1画面    1箇所 */
  --c-green-47-a25: rgba(120,160,80,0.25);    /*  1画面    1箇所 */
  --c-green-82-a40: rgba(192,224,200,0.4);    /*  1画面    1箇所 */
  --c-green-12-a32: rgba(20,40,30,0.32);      /*  1画面    1箇所 */
  --c-green-16-a50: rgba(20,60,40,0.5);       /*  1画面    1箇所 */
  --c-green-16-a25: rgba(30,50,40,0.25);      /*  1画面    1箇所 */
  --c-green-24-a15: rgba(40,80,40,0.15);      /*  1画面    1箇所 */
  --c-green-24-a18: rgba(40,80,40,0.18);      /*  1画面    1箇所 */
  --c-green-24-a18-2: rgba(40,80,50,0.18);    /*  1画面    1箇所 */
  --c-green-25-a15: rgba(40,90,60,0.15);      /*  1画面    1箇所 */
  --c-green-33-a35: rgba(47,122,85,0.35);     /*  1画面    1箇所 */
  --c-green-29-a30: rgba(50,100,50,0.3);      /*  1画面    1箇所 */
  --c-green-42-a40: rgba(74,138,94,0.4);      /*  1画面    1箇所 */
  --c-green-55-a12: rgba(80,200,120,0.12);    /*  1画面    1箇所 */
  --c-green-55-a16: rgba(80,200,120,0.16);    /*  1画面    1箇所 */

  /* --- 黄土系（警告・保留） --- */
  --c-amber-89: #fef3c7;                      /* 10画面   12箇所 */
  --c-amber-38: #807040;                      /*  3画面    8箇所 */
  --c-amber-76: #ecdd97;                      /*  3画面    7箇所 */
  --c-amber-27: #7a6410;                      /*  3画面    6箇所 */
  --c-amber-48: #aa9a4a;                      /*  2画面    3箇所 */
  --c-amber-16-a35: rgba(70,58,12,0.35);      /*  2画面    3箇所 */
  --c-amber-77: #e8dca0;                      /*  2画面    2箇所 */
  --c-amber-65: #fcd34d;                      /*  2画面    2箇所 */
  --c-amber-96: #fffbeb;                      /*  2画面    2箇所 */
  --c-amber-31-a30: rgba(120,100,40,0.3);     /*  2画面    2箇所 */
  --c-amber-14: #2e2a1a;                      /*  1画面    1箇所 */
  --c-amber-17: #3a3a1f;                      /*  1画面    1箇所 */
  --c-amber-21: #4a4520;                      /*  1画面    1箇所 */
  --c-amber-32: #6a6a3a;                      /*  1画面    1箇所 */
  --c-amber-36: #8a7a30;                      /*  1画面    1箇所 */
  --c-amber-54: #c8b04a;                      /*  1画面    1箇所 */
  --c-amber-61: #c8b86f;                      /*  1画面    1箇所 */
  --c-amber-71: #c8c0a0;                      /*  1画面    1箇所 */
  --c-amber-69: #cfcf8f;                      /*  1画面    1箇所 */
  --c-amber-69-2: #d0c090;                    /*  1画面    1箇所 */
  --c-amber-75: #e0e0a0;                      /*  1画面    1箇所 */
  --c-amber-78: #f0e0a0;                      /*  1画面    1箇所 */
  --c-amber-77-2: #fde68a;                    /*  1画面    1箇所 */
  --c-amber-88: #fef9c3;                      /*  1画面    1箇所 */
  --c-amber-31-a35: rgba(120,100,40,0.35);    /*  1画面    1箇所 */
  --c-amber-53-a08: rgba(180,180,90,0.08);    /*  1画面    1箇所 */
  --c-amber-51-a10: rgba(220,180,40,0.1);     /*  1画面    1箇所 */
  --c-amber-51-a20: rgba(220,180,40,0.2);     /*  1画面    1箇所 */
  --c-amber-16-a40: rgba(60,50,20,0.4);       /*  1画面    1箇所 */
  --c-amber-16-a28: rgba(70,58,12,0.28);      /*  1画面    1箇所 */
  --c-amber-16-a30: rgba(70,58,12,0.3);       /*  1画面    1箇所 */
  --c-amber-16-a40-2: rgba(70,58,12,0.4);     /*  1画面    1箇所 */
  --c-amber-16-a50: rgba(70,58,12,0.5);       /*  1画面    1箇所 */

  /* --- 橙系 --- */
  --c-orange-74: #e8d090;                     /* 13画面   18箇所 */
  --c-orange-31: #92400e;                     /* 11画面   14箇所 */
  --c-orange-45-a30: rgba(150,130,80,0.3);    /* 11画面   12箇所 */
  --c-orange-50: #f59e0b;                     /* 10画面   12箇所 */
  --c-orange-67: #d8c080;                     /*  3画面    8箇所 */
  --c-orange-50-2: #ff9800;                   /*  3画面    4箇所 */
  --c-orange-45-a20: rgba(150,130,80,0.2);    /*  3画面    4箇所 */
  --c-orange-45: #aa8a3a;                     /*  3画面    3箇所 */
  --c-orange-66: #e8c06a;                     /*  3画面    3箇所 */
  --c-orange-94: #fff3e0;                     /*  3画面    3箇所 */
  --c-orange-69: #f0c870;                     /*  2画面    7箇所 */
  --c-orange-48: #aa8a4a;                     /*  2画面    5箇所 */
  --c-orange-37: #b45309;                     /*  2画面    3箇所 */
  --c-orange-55-a18: rgba(200,160,80,0.18);   /*  2画面    3箇所 */
  --c-orange-47: #b8863a;                     /*  2画面    2箇所 */
  --c-orange-67-2: #e0b878;                   /*  2画面    2箇所 */
  --c-orange-87: #e5ddd5;                     /*  2画面    2箇所 */
  --c-orange-73: #e8b48a;                     /*  2画面    2箇所 */
  --c-orange-83: #ffe3a8;                     /*  2画面    2箇所 */
  --c-orange-27-a35: rgba(120,90,20,0.35);    /*  2画面    2箇所 */
  --c-orange-29-a08: rgba(120,90,30,0.08);    /*  2画面    2箇所 */
  --c-orange-35-a40: rgba(150,100,30,0.4);    /*  2画面    2箇所 */
  --c-orange-45-a25: rgba(150,130,80,0.25);   /*  2画面    2箇所 */
  --c-orange-51-a20: rgba(200,150,60,0.2);    /*  2画面    2箇所 */
  --c-orange-22-a30: rgba(80,60,30,0.3);      /*  2画面    2箇所 */
  --c-orange-65: #e3b768;                     /*  1画面    3箇所 */
  --c-orange-35-a25: rgba(150,100,30,0.25);   /*  1画面    3箇所 */
  --c-orange-61: #ccaa6a;                     /*  1画面    2箇所 */
  --c-orange-66-2: #e0b070;                   /*  1画面    2箇所 */
  --c-orange-66-3: #f0c060;                   /*  1画面    2箇所 */
  --c-orange-13: #2a1f16;                     /*  1画面    1箇所 */
  --c-orange-15: #3d3010;                     /*  1画面    1箇所 */
  --c-orange-29: #6a4a2a;                     /*  1画面    1箇所 */
  --c-orange-30: #6a5430;                     /*  1画面    1箇所 */
  --c-orange-38: #8a6a3a;                     /*  1画面    1箇所 */
  --c-orange-36: #8a6f30;                     /*  1画面    1箇所 */
  --c-orange-38-2: #8a6f3a;                   /*  1画面    1箇所 */
  --c-orange-44: #b8912a;                     /*  1画面    1箇所 */
  --c-orange-44-2: #c08020;                   /*  1画面    1箇所 */
  --c-orange-44-3: #c08820;                   /*  1画面    1箇所 */
  --c-orange-59: #d8a657;                     /*  1画面    1箇所 */
  --c-orange-52: #d98b32;                     /*  1画面    1箇所 */
  --c-orange-65-2: #e0b86a;                   /*  1画面    1箇所 */
  --c-orange-45-2: #e65100;                   /*  1画面    1箇所 */
  --c-orange-57: #e6a23c;                     /*  1画面    1箇所 */
  --c-orange-67-3: #e8b06f;                   /*  1画面    1箇所 */
  --c-orange-64: #e8c060;                     /*  1画面    1箇所 */
  --c-orange-69-2: #e8c478;                   /*  1画面    1箇所 */
  --c-orange-77: #e8c9a0;                     /*  1画面    1箇所 */
  --c-orange-80-2: #ecd9ac;                   /*  1画面    1箇所 */
  --c-orange-82: #f0deb0;                     /*  1画面    1箇所 */
  --c-orange-56-2: #fbbf24;                   /*  1画面    1箇所 */
  --c-orange-77-2: #ffce8a;                   /*  1画面    1箇所 */
  --c-orange-77-3: #ffcf8a;                   /*  1画面    1箇所 */
  --c-orange-82-2: #ffd9a3;                   /*  1画面    1箇所 */
  --c-orange-85: #ffe9b0;                     /*  1画面    1箇所 */
  --c-orange-27-a22: rgba(120,90,20,0.22);    /*  1画面    1箇所 */
  --c-orange-39-a40: rgba(150,100,50,0.4);    /*  1画面    1箇所 */
  --c-orange-45-a12: rgba(150,130,80,0.12);   /*  1画面    1箇所 */
  --c-orange-45-a20-2: rgba(150,130,80,0.20); /*  1画面    1箇所 */
  --c-orange-45-a35: rgba(150,130,80,0.35);   /*  1画面    1箇所 */
  --c-orange-47-a20: rgba(180,120,60,0.2);    /*  1画面    1箇所 */
  --c-orange-45-a70: rgba(200,130,30,0.7);    /*  1画面    1箇所 */
  --c-orange-55-a12: rgba(200,160,80,0.12);   /*  1画面    1箇所 */
  --c-orange-53-a85: rgba(230,150,40,0.85);   /*  1画面    1箇所 */
  --c-orange-74-a08: rgba(255,212,121,0.08);  /*  1画面    1箇所 */
  --c-orange-74-a35: rgba(255,212,121,0.35);  /*  1画面    1箇所 */
  --c-orange-22-a25: rgba(80,60,30,0.25);     /*  1画面    1箇所 */

  /* --- 赤系（エラー・危険） --- */
  --c-red-29-a95: rgba(120,30,50,0.95);       /* 31画面   31箇所 */
  --c-red-60: #ef4444;                        /* 17画面   17箇所 */
  --c-red-35: #991b1b;                        /* 15画面   20箇所 */
  --c-red-94: #fee2e2;                        /* 13画面   18箇所 */
  --c-red-72: #ee8090;                        /*  8画面   18箇所 */
  --c-red-29-a40: rgba(120,30,50,0.4);        /*  7画面   11箇所 */
  --c-red-39-a60: rgba(160,40,70,0.6);        /*  7画面    7箇所 */
  --c-red-29-a20: rgba(120,30,50,0.2);        /*  6画面    6箇所 */
  --c-red-58: #f44336;                        /*  3画面    5箇所 */
  --c-red-45: #c23321;                        /*  3画面    3箇所 */
  --c-red-47: #c62828;                        /*  3画面    3箇所 */
  --c-red-54: #db4437;                        /*  3画面    3箇所 */
  --c-red-70: #ff6464;                        /*  3画面    3箇所 */
  --c-red-96: #ffebee;                        /*  3画面    3箇所 */
  --c-red-74: #f08aa0;                        /*  2画面    4箇所 */
  --c-red-66: #ff5050;                        /*  2画面    4箇所 */
  --c-red-61: #cc6a6a;                        /*  2画面    3箇所 */
  --c-red-29-a25: rgba(120,30,50,0.25);       /*  2画面    3箇所 */
  --c-red-48: #aa4a4a;                        /*  2画面    2箇所 */
  --c-red-46: #b03a4a;                        /*  2画面    2箇所 */
  --c-red-51: #dc2626;                        /*  2画面    2箇所 */
  --c-red-78: #f0a0a0;                        /*  2画面    2箇所 */
  --c-red-82: #f0b0b0;                        /*  2画面    2箇所 */
  --c-red-82-2: #fca5a5;                      /*  2画面    2箇所 */
  --c-red-89: #fecaca;                        /*  2画面    2箇所 */
  --c-red-97: #fef2f2;                        /*  2画面    2箇所 */
  --c-red-77: #ff8888;                        /*  2画面    2箇所 */
  --c-red-89-2: #ffc9d0;                      /*  2画面    2箇所 */
  --c-red-29-a18: rgba(120,30,50,0.18);       /*  2画面    2箇所 */
  --c-red-29-a70: rgba(120,30,50,0.7);        /*  2画面    2箇所 */
  --c-red-31-a40: rgba(120,40,40,0.4);        /*  2画面    2箇所 */
  --c-red-39-a85: rgba(160,40,70,0.85);       /*  2画面    2箇所 */
  --c-red-22-a45: rgba(90,20,30,0.45);        /*  2画面    2箇所 */
  --c-red-65: #e06a6a;                        /*  1画面    3箇所 */
  --c-red-18: #3d1f1f;                        /*  1画面    2箇所 */
  --c-red-44: #c04020;                        /*  1画面    2箇所 */
  --c-red-68: #d08a8a;                        /*  1画面    2箇所 */
  --c-red-57: #e53e3e;                        /*  1画面    2箇所 */
  --c-red-24: #5a1f1f;                        /*  1画面    1箇所 */
  --c-red-29: #6a2a3a;                        /*  1画面    1箇所 */
  --c-red-33: #6a4040;                        /*  1画面    1箇所 */
  --c-red-35-2: #8a2a2a;                      /*  1画面    1箇所 */
  --c-red-48-2: #8a6a6a;                      /*  1画面    1箇所 */
  --c-red-50: #c04040;                        /*  1画面    1箇所 */
  --c-red-69: #c0a0a0;                        /*  1画面    1箇所 */
  --c-red-75: #d0b0b0;                        /*  1画面    1箇所 */
  --c-red-56: #d24a63;                        /*  1画面    1箇所 */
  --c-red-57-2: #dd4444;                      /*  1画面    1箇所 */
  --c-red-71: #e08a8a;                        /*  1画面    1箇所 */
  --c-red-66-2: #f08060;                      /*  1画面    1箇所 */
  --c-red-75-2: #f0a090;                      /*  1画面    1箇所 */
  --c-red-83: #f0b8c0;                        /*  1画面    1箇所 */
  --c-red-84: #f2b8c0;                        /*  1画面    1箇所 */
  --c-red-87: #f4c8d0;                        /*  1画面    1箇所 */
  --c-red-77-2: #ff8a8a;                      /*  1画面    1箇所 */
  --c-red-85: #ffb0b0;                        /*  1画面    1箇所 */
  --c-red-86: #ffb6b6;                        /*  1画面    1箇所 */
  --c-red-92: #ffd6d6;                        /*  1画面    1箇所 */
  --c-red-93: #ffdddd;                        /*  1画面    1箇所 */
  --c-red-98: #fff5f7;                        /*  1画面    1箇所 */
  --c-red-29-a08: rgba(120,30,50,0.08);       /*  1画面    1箇所 */
  --c-red-29-a30: rgba(120,30,50,0.3);        /*  1画面    1箇所 */
  --c-red-29-a85: rgba(120,30,50,0.85);       /*  1画面    1箇所 */
  --c-red-35-a50: rgba(150,30,30,0.5);        /*  1画面    1箇所 */
  --c-red-41-a40: rgba(150,60,60,0.4);        /*  1画面    1箇所 */
  --c-red-47-a30: rgba(180,60,60,0.3);        /*  1画面    1箇所 */
  --c-red-45-a70: rgba(190,40,40,0.7);        /*  1画面    1箇所 */
  --c-red-51-a16: rgba(200,60,80,0.16);       /*  1画面    1箇所 */
  --c-red-55-a50: rgba(200,80,80,0.5);        /*  1画面    1箇所 */
  --c-red-55-a20: rgba(220,100,60,0.2);       /*  1画面    1箇所 */
  --c-red-51-a10: rgba(220,60,40,0.1);        /*  1画面    1箇所 */
  --c-red-08-a30: rgba(40,0,10,0.3);          /*  1画面    1箇所 */
  --c-red-16-a50: rgba(60,20,30,0.5);         /*  1画面    1箇所 */
  --c-red-20-a90: rgba(80,20,20,0.9);         /*  1画面    1箇所 */
  --c-red-24-a32: rgba(90,31,41,0.32);        /*  1画面    1箇所 */
  --c-red-29-a30-2: rgba(90,60,60,0.3);       /*  1画面    1箇所 */

  /* --- 赤桃系（アラートの枠と文字） --- */
  --c-pink-28: #55384a;                       /*  1画面    1箇所 */
  --c-pink-36: #8a3050;                       /*  1画面    1箇所 */
  --c-pink-61: #cc6a8a;                       /*  1画面    1箇所 */
  --c-pink-85: #ffb0c4;                       /*  1画面    1箇所 */
}
