:root {
  /* --- fonts --- */
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Montserrat", sans-serif;
  --font-primary: var(--font-ja);
  --font-secondary: var(--font-en);

  /* --- colors --- */
  --color-theme: var(--color_main);
  --color-deep-theme: #1f2a44;
  --color-assert: #ea5e7b;
  --color-emphasize: #f49801;
  --color-highlight: #c8b28e;
  --color-pinegreen: #255958;
  --color-rosewood: #65000B;
  --color-base: #191919;
  --color-deep-gray: #3a3a3a;
  --color-middle-gray: #d8d8d8;
  --color-light-gray: #f2f2f2;
  --color-white: #ffffff;
  --color-link: #2581c4;
  --color-label-02: var(--color-deep-theme);
  --color-label-03: var(--color-pinegreen);
  --color-label-04: var(--color-rosewood);
  --color-label-05: var(--color-highlight);
  --color-company-line: #00B900;

  /* --- container sizes --- */
  --container-fluid: 100%;
  --container-wide-value: 1060;
  --container-wide: calc(var(--container-wide-value) * 1px);

  /* --- utility --- */
  --transition-default: .3s ease;
  --zindex-behind: -1;
  --zindex-base: 0;
  --zindex-front: 1;
  --zindex-overlay: 10;
  --zindex-floating-element: 20;
}