/* reset.css */

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

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

/* 3. リストの装飾をリセット (LPでは独自の装飾を使うことが多いため) */
ul,
ol,
li {
  list-style: none;
}

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

/* 5. ボディの基本設定 */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.6; /* 読みやすい行間 */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #333; /* 真っ黒(#000)より目に優しい色 */
  background-color: #fff;
}

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

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

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