html {
  font-size: 100%;
}

@media (max-width: 390px) {
  html {
    font-size: 4.1025641026vw;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 0.9259259259vw;
  }
}

@media (min-width: 1728px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", sans-serif;
}

@media screen and (min-width: 768px) {

  a,
  button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  a:hover,
  button:hover {
    filter: brightness(0.9);
    cursor: pointer;
  }
}