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

  /* color */
  --COLOR_TEXT: #000;
  --COLOR_PRIMARY_BLUE: #3367FD;
  --COLOR_BLUE: #0041FC;
  --COLOR_LIGHT_BLUE: #39BBFF;
  --COLOR_PINK: #FF4384;
  --COLOR_YELLOW: #ffdf00;
  --COLOR_BACKGROUND: #F7F1E7;
  --COLOR_BACKGROUND_BREADCRUMBS: transparent;
  --COLOR_BACKGROUND_FOOTER: #fff;

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

  /* font-weight */
  --FONT_WEIGHT_NORMAL: 300;
  --FONT_WEIGHT_BOLD: 600;

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

  /* border-radius */
  --ROUND_S: 8px;
  --ROUND_M: 24px;

  /* transition */
  --TRANSITION_DURATION_DEFAULT: 0.2s;

  /* z-index */
  --ZINDEX_NAVIGATION: 1000;
  --ZINDEX_LAYER4: 20;
  --ZINDEX_LAYER3: 15;
  --ZINDEX_LAYER2: 10;
  --ZINDEX_LAYER1: 5;
  --ZINDEX_DEFAULT: 0;
  --ZINDEX_BEHIND: -1;
}

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

    /* border-radius */
    --ROUND_S: 12px;
    --ROUND_M: 32px;
  }
}