@charset "utf-8";
:root {
  /* カラー */
  --color-base: #333333;
  --color-thin: #3b3b3c;
  --color-subtitle: #7e7e7e;
  --color-white: #fff;
  --color-button: linear-gradient(
    to right,
    #ea752e 0%,
    #e94f29 60%,
    #e93525 100%
  );
  --color-hover: #ea752e;
  --color-bg-gra: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8) 5%,
    rgba(33, 33, 33, 0.82) 40%,
    rgba(84, 84, 84, 0.55)
  );

  /* フォント */
  --font-base: "Noto Sans JP", sans-serif;
  --font-en: "Raleway", sans-serif;
  --font-title: "BIZ UDPGothic", sans-serif;
}

body {
  font-family: var(--font-base);
  color: var(--color-base);
  background: #fafafa;
  font-weight: 400;
  font-size: clamp(14px, 1.18vw, 16px);
  letter-spacing: 0.05em;
  line-height: 1;
}

a {
  transition: all 0.5s ease;
}

a:hover {
  color: inherit !important;
  cursor: pointer;
  text-decoration: none !important;
}

/* 全セクションに適用 */
div[id^="section"] {
  scroll-margin-top: 160px;
}