/* 1. すべての要素でサイズ計算を直感的にする（パディングや線を含めた幅にする） */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. ブラウザ特有の余計な外枠・内枠の余白をゼロにする */
body, h1, h2, h3, h4, p, ul, ol, li, figure {
  margin: 0;
  padding: 0;
}

/* 3. リストの「・」を消す */
ul, ol {
  list-style: none;
}

/* 4. リンクの「下線」を消し、文字色をリセットする */
a {
  text-decoration: none;
  color: inherit;
}

/* 5. 画像が親要素からはみ出さないようにし、下に謎の隙間ができるのを防ぐ */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* 6. ボタンや入力フォームの見た目をまっさらにする */
button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

button {
  cursor: pointer;
}