:root {
  /* font */
  --FONT_FAMILY: "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  --FONT_FAMILY_HEADING: "Hiragino Kaku Gothic Std", Arial, Meiryo, sans-serif;
  --FONT_FAMILY_NOTO: "Noto Sans JP", Arial, Meiryo, sans-serif;

  /* color */
  --COLOR_TEXT: #000;
  --COLOR_TEXT_NAVY: #001E46;
  --COLOR_WHITE: #FFF;
  --COLOR_BLUE: #0041FC;
  --COLOR_LIGHT_BLUE: #09A2F3;
  --COLOR_PINK: #FF4384;
  --COLOR_BACKGROUND: #FFF;
  --COLOR_BACKGROUND_BREADCRUMBS: #FFF;
  --COLOR_BACKGROUND_SKYBLUE: #CBEDFF;
  --COLOR_BACKGROUND_PALE_BLUE: #99DCFF;
  --COLOR_BACKGROUND_WATER_BLUE: #39BBFF;
  --COLOR_BACKGROUND_FOOTER: #39BBFF;

  /* font-size */
  --FONT_SIZE: 0.875rem;

  /* font-weight */
  --FONT_WEIGHT_NORMAL: 400;
  --FONT_WEIGHT_BOLD: 700;
  --FONT_WEIGHT_BLACK: 800;

  /* line-height */
  --LINE_HEIGHT: 1.8;
}

@media screen and (768px < width) {
  :root {
    /* font-size */
    --FONT_SIZE: 1rem;
  }
}