:root {
  /* color */
  --color-text: #1e283c;
  --color-keyword: #575757;
  --color-main-blue: #4884ce;
  --color-accent-orange: #e8601c;
  --color-bg-gray: #f4f4f4;
  --color-bg-orange: #fdf7e7;
  --color-bg-white: #ffffff;
  --color-line-gray: #c6c6c6;

  /* font */
  --font-main: "Noto Sans JP", sans-serif;
  --font-eg: "Outfit", sans-serif;
  --font-number: "Roboto", sans-serif;

  /* space */
  --space-md: 16px;
  --space-lg: 32px;

  /* z-index */
  --z-header: 100;
  --z-footer: 100;
}

body {
  line-height: 1.8;
  font-size: 16px;
  color: var(--color-text);
  font-family: var(--font-main);
}
@media (max-width: 767px) {
  body {
    line-height: 1.7;
    font-size: 15px;
  }
}
/* pc/sp非表示 */
.pc-only {
  display: block;
}
.sp-only {
  display: none;
}
.sd-only {
  display: none;
}
@media (max-width: 767px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}