/* --------------------------------------------------------------------------
  VARIABLE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  :root {
    --font-size:16;
  }
}
@media all and (min-width: 768px) and (max-width:1365px) {
  :root {
    --font-size:23;
  }
}
@media all and (max-width: 767px) {
  :root {
    --font-size:16;
  }
}

@media all and (max-width: 340px) {
  :root {
    --font-size:20;
  }
}

:root {
  /* -----------------------------
    VARIABLEーフォントサイズ　※単位px（呼び出し用）
  ----------------------------- */
  --title-size-large: 40;

  --title-size-xl: 34;
  --title-size-l: 28;
  --title-size-m: 24;
  --title-size-s: 20;
  --title-size-xs: 17;

  --text-size-xl: 20;
  --text-size-l: 18;
  --text-size-m: 16;
  --text-size-s: 14;
  --text-size-xs: 12;
  --text-size-xxs: 10;


  /* -----------------------------
    VARIABLEー共通カラー（呼び出し用）
  ----------------------------- */
  --color-white:#fff;
  --color-black:#000;
  --color-black-sub:#333;

  --color-gray_50:#FAFAFA;
  --color-gray_100:#F5F5F5;
  --color-gray_200:#EEEEEE;
  --color-gray_300:#E0E0E0;
  --color-gray_400:#BDBDBD;
  --color-gray_500:#9F9F9F;
  --color-gray_600:#757575;

  --color-table-border:#D4D4D4;

  --color-attention_100:#FFECEC;
  --color-attention_200:#F4D6D6;
  --color-attention_1000:#C83030;

  /** MEMO: 2024old（後ほど差し替え予定） **/
  --color-sub:#37427D;
  --color-sub_100:#EBECF2;
  --color-accent_200:#D7D9E5;
  /*-------------------------------- */

  /* -----------------------------
    VARIABLEー事業別カラー（呼び出し用）
  ----------------------------- */
  --main-color-jigyo01:#26A7DA;
  --main-color-jigyo02:#00C144;
  --main-color-jigyo02-gx:#01A17F;
  --main-color-jigyo02-reform:#48A8D2;
  --main-color-jigyo03:#537AFC;
  --main-color-jigyo04:#FF6F47;
  --main-color-jigyo05:#CA57ED;

  /* -----------------------------
    VARIABLEー事業別STRONGカラー（呼び出し用）
  ----------------------------- */
  --main-strong-color-jigyo01:#0F86B4;
  --main-strong-color-jigyo02:#1CA60C;
  --main-strong-color-jigyo02-gx:#018065;
  --main-strong-color-jigyo02-reform:#1CA60C;
  --main-strong-color-jigyo03:#2D59D3;
  --main-strong-color-jigyo04:#E24A1C;
  --main-strong-color-jigyo05:#9B21E1;

  /* -----------------------------
    VARIABLEーR4事業別カラー（呼び出し用）
  ----------------------------- */
  --main-color-jigyo01-r4:#58BEB8;
  --main-color-jigyo02-r4:#EA6F78;
  --main-color-jigyo03-r4:#65A5DE;
  --main-color-jigyo04-r4:#F49629;

  /* -----------------------------
    VARIABLEーR5事業別カラー（呼び出し用）
  ----------------------------- */
  --main-color-jigyo01-r5:#FE9901;
  --main-color-jigyo02-r5:#32B676;
  --main-color-jigyo03-r5:#FD8B8B;
  --main-color-jigyo04-r5:#5579C9;
  --main-color-jigyo05-r5:#AF6DD7;


  /* -----------------------------
    VARIABLEー事業別アクセントカラー（呼び出し用）
  ----------------------------- */
  --accent-color-jigyo01:#5557D8;
  --accent-color-jigyo02:#1497CF;
  --accent-color-jigyo02-gx:#E87D7D;
  --accent-color-jigyo02-reform:#1497CF;
  --accent-color-jigyo03:#EEA31D;
  --accent-color-jigyo04:#058AE9;
  --accent-color-jigyo05:#07BD93;

  /* -----------------------------
    VARIABLEー事業別アクセントサブカラー（呼び出し用）
  ----------------------------- */
  --accent-sub-color-jigyo01:#E4DFFF;
  --accent-sub-color-jigyo02:#D5F1FD;
  --accent-sub-color-jigyo02-gx:#F7D5D5;
  --accent-sub-color-jigyo02-reform:#D5F1FD;
  --accent-sub-color-jigyo03:#FFEBC7;
  --accent-sub-color-jigyo04:#C5E2FF;
  --accent-sub-color-jigyo05:#D2F3EB;

  /* -----------------------------
    VARIABLEー事業別アクセントサブカラー02（呼び出し用）
  ----------------------------- */
  --accent-sub-color-jigyo01-02:#F7F6FF;
  --accent-sub-color-jigyo02-02:#F1FBFF;
  --accent-sub-color-jigyo02-gx-02:#FFF2F2;
  --accent-sub-color-jigyo02-reform-02:#F1FBFF;
  --accent-sub-color-jigyo03-02:#FCFEDC;
  --accent-sub-color-jigyo04-02:#EBF7FF;
  --accent-sub-color-jigyo05-02:#EBFBF8;

  /* -----------------------------
    VARIABLEーサブカラー（呼び出し用）
  ----------------------------- */
  --color-sub-grade-color__start:#37458C;
  --color-sub-grade-color__end:#495291;

  --color-sub-grade-color:linear-gradient(to right, var(--color-sub-grade-color__start), var(--color-sub-grade-color__end));

  /* -----------------------------
    VARIABLEー事業別グラデカラー（呼び出し用,2026は一部）
  ----------------------------- */
  --main-grade-color-jigyo01__start:var(--main-color-jigyo01);
  --main-grade-color-jigyo01__end:var(--main-color-jigyo01);

  --main-grade-color-jigyo02__start:var(--main-color-jigyo02);
  --main-grade-color-jigyo02__end:var(--main-color-jigyo02);

  --main-grade-color-jigyo03__start:var(--main-color-jigyo03);
  --main-grade-color-jigyo03__end:var(--main-color-jigyo03);

  --main-grade-color-jigyo04__start:var(--main-color-jigyo04);
  --main-grade-color-jigyo04__end:var(--main-color-jigyo04);

  --main-grade-color-jigyo05__start:var(--main-color-jigyo05);
  --main-grade-color-jigyo05__end:var(--main-color-jigyo05);


  --main-grade-color-jigyo01:linear-gradient(to right, var(--main-grade-color-jigyo01__start), var(--main-grade-color-jigyo01__end));

  --main-grade-color-jigyo02:linear-gradient(to right, var(--main-grade-color-jigyo02__start), var(--main-grade-color-jigyo02__end));

  --main-grade-color-jigyo02-gx:linear-gradient(to right, var(--main-grade-color-jigyo02__start-gx), var(--main-grade-color-jigyo02__end-gx));

  --main-grade-color-jigyo03:linear-gradient(to right, var(--main-grade-color-jigyo03__start), var(--main-grade-color-jigyo03__end));

  --main-grade-color-jigyo04:linear-gradient(to right, var(--main-grade-color-jigyo04__start), var(--main-grade-color-jigyo04__end));

  --main-grade-color-jigyo05:linear-gradient(to right, var(--main-grade-color-jigyo05__start), var(--main-grade-color-jigyo05__end));

  /* -----------------------------
    VARIABLEー事業別サブカラー（呼び出し用）
  ----------------------------- */
  --sub-color-jigyo01:#B6EAFF;
  --sub-color-jigyo02:#CEED82;
  --sub-color-jigyo02-gx:#E7F9BE;
  --sub-color-jigyo02-reform:#D5F1FD;
  --sub-color-jigyo03:#B5C6FF;
  --sub-color-jigyo04:#FFB19C;
  --sub-color-jigyo05:#EEB5FF;

  /* -----------------------------
    VARIABLEー事業別サブカラー02（呼び出し用）
  ----------------------------- */
  --sub-color-jigyo01-02:#D7F4FF;
  --sub-color-jigyo02-02:#EBFABA;
  --sub-color-jigyo02-02-gx:#BBF6D4;
  --sub-color-jigyo03-02:#D5DFFF;
  --sub-color-jigyo04-02:#FFD9CF;
  --sub-color-jigyo05-02:#F8DFFF;

    /* -----------------------------
    VARIABLEー事業別サブ背景カラー03（呼び出し用）
  ----------------------------- */
  --sub-color-jigyo01-03:#EDFCFF;
  --sub-color-jigyo02-03:#F7FFE9;
  --sub-color-jigyo02-03-gx:#E6FEF0;
  --sub-color-jigyo03-03:#F1F5FF;
  --sub-color-jigyo04-03:#FFF6F4;
  --sub-color-jigyo05-03:#FFF6FF;

  /* -----------------------------
    VARIABLEー事業別予備カラー01（呼び出し用,予備カラー）
  ----------------------------- */
  --spare-color-jigyo01-01:#D9A200;
  --spare-color-jigyo02-01:#C48A48;
  --spare-color-jigyo03-01:#64C426;
  --spare-color-jigyo04-01:#9E6FEA;
  --spare-color-jigyo05-01:#396ABA;

  /* -----------------------------
    VARIABLEー事業別予備カラー02（呼び出し用,予備カラー）
  ----------------------------- */
  --spare-color-jigyo01-02:#FFEEBE;
  --spare-color-jigyo02-02:#FDE7D5;
  --spare-color-jigyo03-02:#DAF3CB;
  --spare-color-jigyo04-02:#EBE0FE;
  --spare-color-jigyo05-02:#DAE6F9;

  /* -----------------------------
    VARIABLEー事業別予備カラー03（呼び出し用,予備カラー）
  ----------------------------- */
  --spare-color-jigyo01-03:#FFF9E6;
  --spare-color-jigyo02-03:#FFF7F1;
  --spare-color-jigyo03-03:#F2FDEB;
  --spare-color-jigyo04-03:#F7F2FF;
  --spare-color-jigyo05-03:#F5F9FF;

  /** 2026未使用 */
  --pickup-color:#ffe5bd;


  /* -----------------------------
    VARIABLEー事業別サブ背景カラー04（呼び出し用,グラデ）
  ----------------------------- */

  --sub-grade-color-jigyo01-02__start:#F5FFFD;
  --sub-grade-color-jigyo01-02__end:#D7F4FF;

  --sub-grade-color-jigyo02-02__start:#F7FFE9;
  --sub-grade-color-jigyo02-02__end:#E0FFD3;

  /** GXのカラーは別にあるかもしれない */
  --sub-grade-color-jigyo02-02__start-gx:#F7FFE9;
  --sub-grade-color-jigyo02-02__end-gx:#E0FFD3;

  --sub-grade-color-jigyo03-02__start:#F8FAFF;
  --sub-grade-color-jigyo03-02__end:#D5DFFF;

  --sub-grade-color-jigyo04-02__start:#FFFFF4;
  --sub-grade-color-jigyo04-02__end:#FFD9CF;

  --sub-grade-color-jigyo05-02__start:#FFF7FE;
  --sub-grade-color-jigyo05-02__end:#F8DFFF;


  --sub-grade-color-jigyo01-02:linear-gradient(to right, var(--sub-grade-color-jigyo01-02__start), var(--sub-grade-color-jigyo01-02__end));

  --sub-grade-color-jigyo02-02:linear-gradient(to right, var(--sub-grade-color-jigyo02-02__start), var(--sub-grade-color-jigyo02-02__end));

  --sub-grade-color-jigyo02-02-gx:linear-gradient(to right, var(--sub-grade-color-jigyo02-02__start-gx), var(--sub-grade-color-jigyo02-02__end-gx));

  --sub-grade-color-jigyo03-02:linear-gradient(to right, var(--sub-grade-color-jigyo03-02__start), var(--sub-grade-color-jigyo03-02__end));

  --sub-grade-color-jigyo04-02:linear-gradient(to right, var(--sub-grade-color-jigyo04-02__start), var(--sub-grade-color-jigyo04-02__end));

  --sub-grade-color-jigyo05-02:linear-gradient(to right, var(--sub-grade-color-jigyo05-02__start), var(--sub-grade-color-jigyo05-02__end));

  --sub-grade-color-jigyo01-hero:linear-gradient(to right, var(--color-white) 0%, var(--sub-color-jigyo01-03) 40%, var(--sub-color-jigyo01-03) 67%, var(--color-white) 100%);
  --sub-grade-color-jigyo02-hero:linear-gradient(to right, var(--color-white) 0%, var(--sub-color-jigyo02-03) 40%, var(--sub-color-jigyo02-03) 67%, var(--color-white) 100%);
  --sub-grade-color-jigyo02-gx-hero:linear-gradient(to right, var(--color-white) 0%, var(--sub-color-jigyo02-03-gx) 40%, var(--sub-color-jigyo02-03-gx) 67%, var(--color-white) 100%);
  --sub-grade-color-jigyo03-hero:linear-gradient(to right, var(--color-white) 0%, var(--sub-color-jigyo03-03) 40%, var(--sub-color-jigyo03-03) 67%, var(--color-white) 100%);
  --sub-grade-color-jigyo04-hero:linear-gradient(to right, var(--color-white) 0%, var(--sub-color-jigyo04-03) 40%, var(--sub-color-jigyo04-03) 67%, var(--color-white) 100%);
  --sub-grade-color-jigyo05-hero:linear-gradient(to right, var(--color-white) 0%, var(--sub-color-jigyo05-03) 40%, var(--sub-color-jigyo05-03) 67%, var(--color-white) 100%);

  /* -----------------------------
    VARIABLEー事業別背景カラー（呼び出し用,今回はサブカラーと同じでいいかも）
  ----------------------------- */
  --bg-color-jigyo01:var(--sub-color-jigyo01-03);
  --bg-color-jigyo02:var(--sub-color-jigyo02-03);
  --bg-color-jigyo02-gx:var(--sub-color-jigyo02-03-gx);
  --bg-color-jigyo02-reform:var(--sub-color-jigyo02-03-reform);
  --bg-color-jigyo03:var(--sub-color-jigyo03-03);
  --bg-color-jigyo04:var(--sub-color-jigyo04-03);
  --bg-color-jigyo05:var(--sub-color-jigyo05-03);

  /* -----------------------------
    VARIABLEー事業別背景アクセントカラー（呼び出し用,今回はサブカラーと同じでいいかも）
  ----------------------------- */
  --bg-sub-color-jigyo01:var(--sub-color-jigyo01-03);
  --bg-sub-color-jigyo02:var(--sub-color-jigyo02-03);
  --bg-sub-color-jigyo02-gx:var(--sub-color-jigyo02-03-gx);
  --bg-sub-color-jigyo02-reform:var(--sub-color-jigyo02-03-reform);
  --bg-sub-color-jigyo03:var(--sub-color-jigyo03-03);
  --bg-sub-color-jigyo04:var(--sub-color-jigyo04-03);
  --bg-sub-color-jigyo05:var(--sub-color-jigyo05-03);

  --bg-sub-color-jigyo02-02:var(--sub-color-jigyo02-03);

  /* -----------------------------
    VARIABLEーGX用テーブルカラー（呼び出し用）
  ----------------------------- */
  --main-table-bg-color-gx: var(--sub-color-jigyo02-gx);
  --sub-table-bg-color-gx: var(--sub-color-jigyo02-03-gx);

  /* -----------------------------
    VARIABLEー新築ボタンカラー（呼び出し用）
  ----------------------------- */
  --main-button-bg-color-new-house:#F6715C;

  --main-button-bg-color-new-house-grade-color__start: #FFA600;
  --main-button-bg-color-new-house-grade-color__end: #EB38BF;

  --main-button-bg-color-new-house-grade-color:linear-gradient(-90deg, var(--main-button-bg-color-new-house-grade-color__start), var(--main-button-bg-color-new-house-grade-color__end) 50%, var(--main-button-bg-color-new-house-grade-color__start));

  /* -----------------------------
    VARIABLEーリフォームボタンカラー（呼び出し用）
  ----------------------------- */
  --main-button-bg-color-reform:#19C7D4;

  --main-button-bg-color-reform-grade-color__start: #10D7D4;
  --main-button-bg-color-reform-grade-color__end: #5557D8;

  --main-button-bg-color-reform-grade-color:linear-gradient(-90deg, var(--main-button-bg-color-reform-grade-color__start), var(--main-button-bg-color-reform-grade-color__end) 50%, var(--main-button-bg-color-reform-grade-color__start));

  /* ------------------以下、事業サイトにより変更する--------------------- */

  /* -----------------------------
    VARIABLEー汎用テキストカラー
  ----------------------------- */
  --text-color:var(--color-black-sub);
  --alert-color:var(--color-attention_1000);

  /* -----------------------------
    VARIABLEーメインカラー
  ----------------------------- */
  --main-color:var(--main-color-jigyo02);
  --main-grade-color:var(--main-grade-color-jigyo02);
  --main-grade-color__start:var(--main-grade-color-jigyo02__start);
  --main-grade-color__end:var(--main-grade-color-jigyo02__end);

  /* -----------------------------
    VARIABLEーメインストロングカラー（新規追加）
  ----------------------------- */
  --main-strong-color:var(--main-strong-color-jigyo02);

  /* -----------------------------
    VARIABLEーサブカラー
  ----------------------------- */
  --sub-color:var(--sub-color-jigyo02);
  --sub-color-02:var(--sub-color-jigyo02-02);
  --sub-color-03:var(--sub-color-jigyo02-03);
  --sub-color-04:var(--sub-color-jigyo02-04);

  /* -----------------------------
    VARIABLEー背景メインカラー
  ----------------------------- */
  --bg-main-color:var(--main-color-jigyo02);

  /* -----------------------------
    VARIABLEー背景サブカラー
  ----------------------------- */
  --bg-sub-color:var(--bg-color-jigyo02);

  /** 02,03は2026未使用？ */
  --bg-sub-color-02:var(--bg-color-jigyo02-02);
  --bg-sub-color-03:var(--bg-color-jigyo02-03);

  --bg-sub-grade-color-02__start:var(--sub-grade-color-jigyo02-02__start);
  --bg-sub-grade-color-02__end:var(--sub-grade-color-jigyo02-02__end);

  --bg-sub-grade-color-02:linear-gradient(to right, var(--bg-sub-grade-color-02__start), var(--bg-sub-grade-color-02__end));

  /* -----------------------------
    VARIABLEースペアカラー
  ----------------------------- */
  --spare-color:var(--spare-color-jigyo02-01);
  --spare-color-02:var(--spare-color-jigyo02-02);
  --spare-color-03:var(--spare-color-jigyo02-03);

  /* -----------------------------
    VARIABLEーテーブル背景カラー
  ----------------------------- */
  --main-table-bg-color:var(--sub-color-jigyo02);
  --main-table-bg-color-reform:var(--sub-color-jigyo02-reform);
  /* --main-table-bg-color: var(--main-border-color); */
  --sub-table-bg-color:var(--sub-color-jigyo02-03);

  /* -----------------------------
    VARIABLEーボーダーカラー
  ----------------------------- */
  --main-border-color:var(--color-gray_200);
  --sub-border-color:var(--color-gray_300);

  /* -----------------------------
    VARIABLEーアクセントカラー
  ----------------------------- */
  --main-accent-color:var(--accent-color-jigyo02);

  /* -----------------------------
    VARIABLEーアクセントサブカラー
  ----------------------------- */
  --sub-accent-color:var(--accent-sub-color-jigyo02);
  --sub-accent-color-02:var(--accent-sub-color-jigyo02-02);

  /* -----------------------------
    VARIABLEーアクセント背景カラー
  ----------------------------- */
  --bg-accent-color:var(--bg-sub-color-jigyo02);
  --bg-accent-color-gx:var(--bg-sub-color-jigyo02-gx);
  --bg-accent-color-02:var(--bg-sub-color-jigyo02-02);

  --navy-color: #242859;
}

@media all and (max-width: 767px) {
  :root {
    /* -----------------------------
      VARIABLEーフォントサイズ　※単位px（呼び出し用）
    ----------------------------- */
    --title-size-large: 28;

    --text-size-xl: 20;
    --text-size-l: 18;
    --text-size-m: 16;
    --text-size-s: 14;
    --text-size-xs: 12;
    --text-size-xxs: 10;
  }
}