@charset "UTF-8";

:root {
  --noto-sans-jp: "Noto Sans JP", sans-serif;
}

/* Base styles */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  @media (min-width: 769px) { /* PC */
    font-size: 36rem;
  }
  @media (max-width: 768px) { /* SP */
    font-size: 18rem;
  }
}
html {
  @media (max-width: 768px) { /* SP */
    /* 375px */
    font-size: calc(100vw / 375);
  }
  @media (min-width: 769px) and (max-width: 1200px) { /* PC */
    /* 1200 */
    font-size: calc(100vw / 1200);
  }
  @media (min-width: 1201px) { /* PC wide */
    /* 1200~ */
    font-size: 1px;
  }
}
a {
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
.wrapper {
  width: 100%;
  overflow: hidden;
}
button {
  all: unset;
  cursor: pointer;
  box-sizing: border-box;
}
@media (min-width: 769px) { /* PC */
  .u-sp {
    display: none !important;
  }
}
@media (max-width: 768px) { /* SP */
  .u-pc {
    display: none !important;
  }
}