@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  height: 100%;
  letter-spacing: 0.1rem;
  color: var(--main-color);
}

@media(max-width:992px) {

  html,
  body {
    letter-spacing: 0px;
  }
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none !important;
}

a:hover {
  color: var(--main-color);
}

p {
  margin: 0;
}

/* 影 */
.box-shadow {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}