body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  background-color: #a47d43;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

main {
  position: relative;
  width: 100%;
  margin: 0 auto min(15vw, 80px);
  padding: 0 9%;
  overflow: hidden;
}
main:before {
  position: absolute;
  content: "";
  background-image: url(../images/ill1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(26vw, 200px);
  aspect-ratio: 234/346;
  top: 5%;
  left: 0;
}
main:after {
  position: absolute;
  content: "";
  background-image: url(../images/ill2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(24vw, 180px);
  aspect-ratio: 223/267;
  top: min(13%, 230px);
  right: -1%;
}
main h1 {
  width: 60%;
  max-width: 420px;
  margin: min(5vw, 50px) auto min(12vw, 90px);
}
main .wrap .txt p {
  font-family: serif;
  font-size: min(3.5vw, 20px);
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
}
main .wrap .list {
  display: flex;
  flex-direction: column;
  gap: min(3vw, 30px);
  margin-top: min(7vw, 50px);
}
main .wrap .list a {
  position: relative;
  width: 100%;
}
main .wrap .list a img.frame {
  position: absolute;
  width: 78%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 767px) {
  body {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 3rem;
  }
}/*# sourceMappingURL=style.css.map */