@font-face {
  font-family: "RhymesDisplay";
  src: url(../font/RhymesDisplay-Regular.otf) format("opentype");
}

@font-face {
  font-family: "NotoSansJP";
  src: url(../font/NotoSansJP-Regular.ttf) format("truetype");
}


body {
  position: relative;
  width: auto;
  min-height: 100dvh;
  background: #fff;
  font-family: "RhymesDisplay", "NotoSansJP", sans-serif;
}

body .bg {
  position: relative;
  width: 100%;
  min-height: auto;
}

body .bg img {
  width: 100%;
  height: auto;
}

body .content {
  position: absolute;
  padding-left: 9.23vw;
  font-size: 3vw;
  line-height: 1.3;
}

body .content p {
  margin-bottom: 1em;
}
body .content p span {
  background: linear-gradient(to right, #705a32, #cfb886);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body .footer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

body .footer a {
  display: block;
  padding: 1.79vw 4.36vw;
  background: #c6a86c;
  color: #fff;
  text-decoration: none;
  font-size: 3.59vw;
}