:root {
  --container-width: 1140px;
  --home-wide-container-width: 1260px;
  --home-tablet-content-width: 700px;
  --motion-normal: 1.25s;
  --motion-slow: 2s;
  --color-primary: #252525;
  --color-secondary: #54595f;
  --color-text: #252525;
  --color-accent: #cccccc;
  --font-sans-ja: "Noto Sans JP", sans-serif;
  --font-sans-en: Inter, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --breakpoint-mobile: 768px;
  --breakpoint-desktop: 1025px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--color-text); font-family: var(--font-sans-ja); font-weight: var(--font-weight-regular); }
img, picture, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, input, select, textarea { color: inherit; font: inherit; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { z-index: 100000; top: 8px; left: 8px; width: auto; height: auto; padding: 12px 16px; clip: auto; background: Canvas; }