/* BOX SIZING */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* MOBILE Safari 横向きモードでフォントサイズが大きくなる問題を修正 */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* DEFAULTのMARGINを調整 */
:where(body, h1, h2, h3, h4, h5, p, figure, blockquote) {
  margin: 0;
}
:where(dl, dd) {
  margin-block: 0;
  margin-inline: 0;
}

/* BODYのDEFAULTスタイル */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  /* antialiased(Webkit)、grayscale(Firefox)アンチエイリアス処理 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* TEXT WRAPPING 行の折り返し */
:where(h1, h2, h3) {
  /* text-wrap: balance; */
  line-height: calc(1em + 0.5rem);
}

/* LIST-STYLEを削除 */
:where(ul, ol) {
  padding: 0;
  margin-block: 0;
  list-style-type: none;
}

/* image要素 */
:where(img, picture) {
  max-width: 100%;
  display: block;
}
/* figcaption */
:where(figcaption) {
  font-size: inherit;
}
/* blockquote */
:where(blockquote) {
  quotes: none;
}
:where(blockquote::before, blockquote::after) {
  content: "";
  content: none;
}
/* borderスタイル */
:where(img, a img, picture, iframe) {
  border-style: none;
}

/* INPUTやBUTTONなどのフォントは継承する */
input,
button,
textarea,
select {
  font: inherit;
}
/* :where(button, input, label) {
  line-height: 1;
}
:where(button) {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
} */

/* TABLEのセル境界スペースを削除 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}