@charset "UTF-8";

/*
  CSS Reset
*/
*,
*::before,
*::after {
  box-sizing: border-box
}

* {
  margin: 0
}

html,
body {
  height: 100%
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased
}

img,
picture,
video,
canvas,
svg {
  display: inline-block;
  max-width: 100%
}

input,
button,
textarea,
select {
  font: inherit
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word
}

#root,
#__next {
  isolation: isolate
}

html {
  font-size: 100%;
  line-height: 1.6;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: var(--color-main-text);
}

@media print, screen and (min-width: 768px) { /* MD */
  .-is-sp {
    display: none;
  }
}