:root {
  /* font */
  --FONT_FAMILY: "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  --FONT_FAMILY_HEADING: "Corporate Logo ver2", 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_BACKGROUND: #FFF;
  --COLOR_BACKGROUND_BREADCRUMBS: #FFF;
  --COLOR_BACKGROUND_SKYBLUE: #CBEDFF;
  --COLOR_BACKGROUND_PALE_BLUE: #99DCFF;
  --COLOR_BACKGROUND_WATER_BLUE: #39BBFF;
  --COLOR_BACKGROUND_FOOTER: #39BBFF;
  --COLOR_BACKGROUND_LIGHT_GRAY: #EFF1F8;
  --COLOR_BACKGROUND_BOX: rgba(235, 248, 255, .7);

  /* box-shadow */
  --BOX_SHADOW: 0px 6px 10px 0px rgba(0, 30, 70, 0.15);

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

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

  /* line-height */
  --LINE_HEIGHT: 1.5;

  /* letter-spacing */
  --LETTER_SPACING: .03em;
}

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