/* =========================
   Reset CSS (Modern)
   ========================= */

/* box-sizing を統一 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* マージン・パディングをリセット */
html,
body,
h1, h2, h3, h4, h5, h6,
p, blockquote,
dl, dt, dd,
ul, ol, li,
figure,
pre,
table,
th, td {
  margin: 0;
  padding: 0;
}

/* body の基本設定 */
body {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%; /* iOS対策 */
}

/* リストの装飾を削除 */
ul,
ol {
  list-style: none;
}

/* 画像・メディア要素 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* フォーム要素のフォント統一 */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* button のデフォルトスタイルをリセット */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* a タグ */
a {
  text-decoration: none;
  color: inherit;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* address, em, i などのフォントスタイルを統一 */
address,
em,
i {
  font-style: normal;
}

/* フォーカス時のアウトラインは必要に応じて後で定義 */
:focus {
  outline: none;
}