@charset "UTF-8";

:root{
  --color-theme-primary: #676C7C;
  --color-theme-clickable: #A4B4CB;
  --color-theme-main: #A6C2B9;
  --color-theme-bg-01: #F5F4F2;
  --color-theme-bg-02: #F4F4F4;
  --color-theme-bg-03: #DCE2EB;
  --color-theme-bg-04: #E1EAE4;
  --color-theme-text-default: #666;
  --color-theme-text-sub-01: #888;
  --color-theme-text-sub-02: #B2ACA8;
  --color-theme-emphasis: #D77D6F;
  --color-theme-border-01: #ccc;
  --color-theme-border-02: #ddd;
  --color-theme-border-03: #eee;
  --color-theme-black: #000;
  --color-theme-white: #fff;

  --font-theme-dnp-gothic: 'dnp-shuei-gothic-kin-std';
  --font-theme-pragmatica: 'pragmatica';
  --font-theme-en: var(--font-theme-pragmatica);
  --font-theme-ja: var(--font-theme-dnp-gothic);
  --font-theme-main: var(--font-theme-en), var(--font-theme-dnp-gothic), sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fw-book: 400;

  --fw-l: 400;
  --fw-m: 500;
  --fw-b: 600;

  /* 上書き */
  --color-primary: var(--color-theme-primary);
}