body {
  font-family: "Noto Sans JP", sans-serif;
}
main {
  background-color: #f2f2f2;
}
@media only screen and (max-width: 680px) {
  .main-visual.tab {
    display: none;
  }
}
.main-visual.sp {
  display: none;
}
@media only screen and (max-width: 680px) {
  .main-visual.sp {
    display: block;
  }
}
.main-visual {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
}
.main-visual .wrap-top img,
.main-visual .wrap-banner img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.main-visual .wrap-top {
  margin-bottom: 2rem;
}
.main-visual .wrap-banner {
  display: grid;
  gap: 38px;
  padding: 0 8%;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 680px) {
  .main-visual .wrap-banner {
    padding: 0 5%;
    gap: 24px;
  }
}
.main-visual .wrap-banner a {
  display: block;
}

/*# sourceMappingURL=app.css.map */