* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  white-space: pre;
}
html, body {
  background-color: #fff;
  overflow-x: hidden;
}
.lp-background {
  max-width: 900px;
  margin: 0 auto;
  background-image: url("image/Unlimited-Travel-Pass_LP.jpg?v=20260123");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  aspect-ratio: 900 / 8825;
  height: auto;
  min-height: 100vh;
  position: relative;
}
.btn01,
.btn02{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 65%;
}
.btn01 {
  top: 21.7%;
}
.btn02 {
  top: 75.4%;
}

/* --- レスポンシブ対応: 768px以下（スマホ） --- */
@media screen and (max-width: 768px) {
  .lp-background {
    max-width: 100%;
    aspect-ratio: 900 / 8825;
    padding-bottom: calc(8825 / 900 * 100%);
  }
}