/* reset.css */

/* 1. すべての要素の余白・枠線をリセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* これ重要！幅や高さ計算が直感的になる */
}

/* 2. HTML・BODYを全体基準に整える */
html, body {
  height: 100%;
  font-family: sans-serif; /* デフォルトフォントを統一 */
  line-height: 1.5;
  -webkit-text-size-adjust: 100%; /* スマホで文字が勝手に拡大されるのを防ぐ */
}

/* 3. リストのマーカーを消す */
ul, ol {
  list-style: none;
}

/* 4. 画像や動画をコンテナ内に収める */
img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 5. リンクの初期設定（必要に応じて調整） */
a {
  text-decoration: none;
  color: inherit;
}

/* 6. テーブルをシンプルに */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

button {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
  padding: 0;
  font: inherit;
}