@charset "UTF-8";

main {
    background-color: #F7F4F0;
}

.lp {
    max-width: 750px;
    width: 100%;
    margin-inline: auto;
}

.lp img {
    display: block;
    width: 100%;
}

.cta {
    position: relative;
}

.cta .cta-buy {
    display: block;
    width: 86.5%;
    aspect-ratio: 100/18;
    position: absolute;
    bottom: 5.9%;
    left: 50%;
    transform: translateX(-50.3%);
    border-radius: 999px;
    transition: all 0.2s;
}

.cta .cta-buy:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.insta {
    position: relative;
}

.insta .insta-link {
    display: block;
    width: 56%;
    aspect-ratio: 100 / 12;
    position: absolute;
    bottom: 4.7%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.2s;
}

.insta .insta-link:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

/* レスポンシブ ============= */
@media screen and (max-width: 780px) {
}