html, body, main, section, article, aside, nav, header, footer,
h1, h2, h3, h4, h5, h6, hgroup,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td, caption, colgroup,
form, fieldset, legend,
figure, figcaption, details, summary,
hr, noscript, search, dialog, menu,
a, abbr, b, bdi, bdo, br, cite, code, dfn, em, i, kbd, mark,
meter, output, progress, q, ruby, s, samp, small, span, strong, sub, sup,
time, u, var, wbr,
button, input, label, select, textarea,
audio, video, embed, source, track,
del, ins {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
  overscroll-behavior: none;
}

html {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

fieldset {
  min-width: 0;
}

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

html::before, html::after,
body::before, body::after,
div::before, div::after,
span::before, span::after,
p::before, p::after,
a::before, a::after,
li::before, li::after,
h1::before, h1::after,
h2::before, h2::after,
h3::before, h3::after,
h4::before, h4::after,
h5::before, h5::after,
h6::before, h6::after,
section::before, section::after,
header::before, header::after,
footer::before, footer::after,
nav::before, nav::after,
main::before, main::after,
article::before, article::after,
aside::before, aside::after,
figure::before, figure::after,
blockquote::before, blockquote::after,
button::before, button::after,
input::before, input::after,
td::before, td::after,
th::before, th::after {
  box-sizing: border-box;
}

a,
button {
  cursor: pointer;
}

ol,
ul,
menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

[hidden] {
  display: none;
}

[contenteditable]:not([contenteditable=false]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

[draggable=true] {
  -webkit-user-drag: element;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt" on;
  letter-spacing: 0.04em;
}

img {
  display: block;
  height: auto;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

em,
b,
strong,
th {
  font-weight: 700;
}

sup {
  vertical-align: top;
  font-size: 50%;
}

sub {
  vertical-align: baseline;
  font-size: 50%;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

br {
  display: block;
}

.w100 {
  width: 100% !important;
  display: block;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.--sans {
  font-family: "Noto Sans JP", sans-serif;
}

.--serif {
  font-family: "Noto Serif JP", serif;
}

.--en {
  font-family: "EB Garamond", serif;
}
/*# sourceMappingURL=common.css.map */
