/* reset.css */

/* 1. ボックスモデルの計算を直感的にする (paddingやborderを幅に含める) */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. デフォルトのマージンを取り除く */
body, h1, h2, h3, h4, h5, p, figure, blockquote, dl, dd, div, ul, li, ol, span {
  margin: 0;
  padding: 0;
}

/* 3. リストの装飾をリセット */
ul, ol, li {
  list-style: none;
}

/* 4. スムーズスクロールを有効にする (アンカーリンク用) */
html {
  scroll-behavior: smooth;
}

/* 5. ボディの基本設定 */
body {
  text-rendering: optimizeSpeed;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 6. 画像をレスポンシブ対応にする */
img,
picture {
  max-width: 100%;
  display: block;
}

/* 7. フォーム要素のフォントを継承させる */
input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
}

/* 8. アクセシビリティ: 動きを減らしたいユーザーへの配慮 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}