* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
    white-space: pre;
    margin: 0 auto;
}
html, body {
    background-color: #fff;
    overflow-x: hidden;
    font-size: 10px;
}
.lp-background {
    max-width: 980px;
    margin: 0 auto;
    background-image: url("image/housinglp.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    aspect-ratio: 900 / 19641;
    height: auto;
    min-height: 100vh;
    position: relative;
}
.link{
    width: 80%;
    max-width: 800px; 
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.box01{
    top: 11.3%;
}
.box02{
    top: 18.3%;
}
.box03{
    top: 25.3%;
}
.box04{
    top: 32.5%;
}
.box05{
    top: 40.3%;
}
.box06{
    top: 47.3%;
}
.box07{
    top: 54.3%;
}
.box08{
    top: 61.6%;
}
.box09{
    top: 69.3%;
}
.box10{
    top: 76.2%;
}
.box11{
    top: 84.5%;
}
.box12{
    top: 91.2%;
}
.box13{
    top: 98.2%;
}


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