/*
:root { //関数削除したためガイドラインとしての仕様
  --color-neutral-one: #fbfbfc;
  --color-neutral-two: #eff0f8;
  --color-neutral-three: #b6b6be;
  --color-neutral-four: #7c7c85;
  --color-neutral-five: #575765;
  --color-neutral-six: #303038;

  --color-white: #fff;
  --color-black: #303038;

  --color-warning: #e81e50;
  --color-warning-emphasis: #9c1436;

  --color-callout: #5cb531;
  --color-callout-emphasis: #79c755;
  --color-callout-highlight: #adda98;

  --color-exclaim: #117a8a;
  --color-exclaim-emphasis: #1abdd6;

  --color-chrome: #0C2C84;
  --color-chrome-emphasis: #0055b0;
  --color-chrome-highlight: #008eed;

  /* It would be nice to compute these colors using color functions */
  --gradient-chrome: linear-gradient(90deg, #008eed 0%,#0054af 100%);
  --gradient-chrome-subtle: linear-gradient(90deg, #008eed 0%,#0070cd 100%);
  --gradient-chrome-highlight: linear-gradient(90deg, #248ddd 0%, #2483d2 100%);
  --gradient-quiet: linear-gradient(30deg, #F9F9FA 0%, #E8E9EB 100%);
  --gradient-nav-bar: linear-gradient(30deg, #0078c7 0%, #004794 100%);

  --font-main: "FrutigerNextPro-Light", "Helvetica Neue", "Helvetica", "sans-serif";
  --font-regular: "FrutigerNextLT-Regular", "Helvetica Neue", "Helvetica", "sans-serif";
  --font-bold: "FrutigerNextPro-Bold", "Helvetica Neue", "Helvetica", "sans-serif";

  --text-title-size: 98px;
  --text-headline-size: 64px;
  --text-header-size: 48px;
  --text-section-size: 36px;
  --text-module-size: 24px;
  --text-overview-size: 20px;
  --text-navigation-size: 18px;
  --text-body-size: 16px;
  --text-label-size: 14px;
  --text-note-size: 11px;

  --spacing-tiny: 5px;
  --spacing-small: 10px;
  --spacing-medium: 20px;
  --spacing-large: 50px;
  --spacing-xlarge: 80px;
}
*/

@custom-media --only-small (width < 768px);
@custom-media --only-medium (width >= 768px) and (width < 1024px);
@custom-media --only-large (width >= 1024px);
@custom-media --x-large (width >= 1280px);

@custom-media --medium-up (width >= 768px);
@custom-media --medium-down (width < 1024px);

@custom-media --retina (min--moz-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6/2),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx);