@import 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap';


@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html.is-locked {
    position: fixed;
    left: 0;
    width: 100%;
    overflow-y: scroll;
  }

  html:not(.legacy-page) body {
    background-color: var(--color-white);
    color: var(--color-base);
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
  }

  button,
  input,
  select,
  textarea {
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-family: inherit;
    font-size: 100%;
  }

  textarea {
    resize: none;
  }

  strong {
    font-weight: 700;
  }

  sub {
    vertical-align: sub;
  }

  main:not(.legacy) img:not(.supportCaseArea img) {
    display: block;
    max-width: 100%;
    height: auto;
  }

  a {
    color: var(--color-base);
    text-decoration: none;
  }

    a:hover,
    a:active,
    a:focus,
    a:visited {
      text-decoration: none;
    }
}