@charset "UTF-8";

/************************************
** CSS変数定義（一元管理）
************************************/
:root {

  /************************************
  **カラー変数
  ************************************/

  /*** 白黒 ***/
  --color-grayscale-100: #fff;
  --color-grayscale-100-rgb: 255, 255, 255;
  --color-grayscale-090: #fbfbfb;
  --color-grayscale-080: #f4f4f4;
  --color-grayscale-070: #e0e0e0;
  --color-grayscale-060: #c2c2c2;
  --color-grayscale-050: #9e9e9e;
  --color-grayscale-040: #757575;
  --color-grayscale-030: #5c5c5c;
  --color-grayscale-020: #474747;
  --color-grayscale-010: #333;
  --color-grayscale-005: #1f1f1f;
  --color-grayscale-000-rgb: 0, 0, 0;

  /*** Linkus ***/
  /* Primary */
  --color-LinkusPrimary-090: #ffe9ed;
  --color-LinkusPrimary-080: #fcd9df;
  --color-LinkusPrimary-070: #fcbfca;
  --color-LinkusPrimary-060: #f69faf;
  --color-LinkusPrimary-060-rgb: 246, 159, 175;
  --color-LinkusPrimary-050: #f07389;
  --color-LinkusPrimary-040: #e65972;
  --color-LinkusPrimary-030: #df4661;
  --color-LinkusPrimary-020: #bb3049;
  --color-LinkusPrimary-010: #961229;
  --color-LinkusPrimary-005: #7b0016;

  /* Secondary */
  --color-LinkusSecondary-090: #eef4ff;
  --color-LinkusSecondary-080: #d2e1ff;
  --color-LinkusSecondary-070: #acc6f8;
  --color-LinkusSecondary-060: #7ea2e8;
  --color-LinkusSecondary-050: #557cc7;
  --color-LinkusSecondary-040: #2d529a;
  --color-LinkusSecondary-030: #103479;
  --color-LinkusSecondary-020: #0d2a61;
  --color-LinkusSecondary-010: #0a1f49;
  --color-LinkusSecondary-005: #061530;

  /* Accent */
  --color-LinkusAccent-090: #fffbe0;
  --color-LinkusAccent-080: #fff7be;
  --color-LinkusAccent-070: #fff29b;
  --color-LinkusAccent-060: #faea7a;
  --color-LinkusAccent-050: #f8e462;
  --color-LinkusAccent-040: #f1dd57;
  --color-LinkusAccent-030: #e6d143;
  --color-LinkusAccent-020: #d5bd18;
  --color-LinkusAccent-010: #c6ad00;
  --color-LinkusAccent-005: #a08c03;

  /*** 特定技能アドバイザー ***/
  /* Primary */
  --color-ConsultPrimary-090: #e6f1f8;
  --color-ConsultPrimary-080: #cee4f0;
  --color-ConsultPrimary-070: #9ec9e1;
  --color-ConsultPrimary-060: #7eb8d6;
  --color-ConsultPrimary-050: #2888ba;
  --color-ConsultPrimary-040: #0e6694;
  --color-ConsultPrimary-030: #004f78;
  --color-ConsultPrimary-020: #074565;
  --color-ConsultPrimary-010: #00324b;
  --color-ConsultPrimary-005: #002030;

  /* Secondary */
  --color-ConsultSecondary-090: #f3f2da;
  --color-ConsultSecondary-080: #edecb9;
  --color-ConsultSecondary-070: #e5e39c;
  --color-ConsultSecondary-060: #d8d583;
  --color-ConsultSecondary-050: #beba5b;
  --color-ConsultSecondary-040: #a5a02e;
  --color-ConsultSecondary-030: #8a8509;
  --color-ConsultSecondary-020: #6e6a07;
  --color-ConsultSecondary-010: #535005;
  --color-ConsultSecondary-005: #373504;

  /************************************
  ** フォントサイズ変数（スケールベース）
  ************************************/
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-36: 36px;

  /************************************
  ** フォントサイズ変数（用途別エイリアス）
  ************************************/
  /* 見出し用 */
  --font-size-heading-L: var(--font-size-36);
  --font-size-heading-M: var(--font-size-32);
  --font-size-heading-S: var(--font-size-24);

  /* コンテンツ用 */
  --font-size-content-M: var(--font-size-16);
  --font-size-content-S: var(--font-size-14);
  --font-size-caption: var(--font-size-12);
  --font-size-emphasize: var(--font-size-20);

  /************************************
  ** ボーダー変数
  ************************************/
  /* border-radius */
  --border-radius-S: 4px;
  --border-radius-M: 8px;
  --border-radius-full: 100px;
}