/* main */
.mainInner {
    min-width: min(91.7948vw,358px);
    max-width: 1200px;
    margin: 0 auto
}
@media only screen and (min-width: 1200px) {
    .mainInner {
        max-width: 1200px;
        min-width: min(62.5vw,800px);
    }
    .footer .copy {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 768px)and (max-width: 1199px) {
    .mainInner {
        max-width: 91.7948vw;
        min-width: 91.7948vw;
    }
    .footer .copy {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .mainInner {
        min-width: initial;
        max-width: initial;
        width: 100%
    }
    .footer .copy {
        margin-top: 5vw;
    }
}


/* sec */
.sec01, .sec02, .sec03, .sec04 {
    padding: 0;
}
.sec01::after, .sec02::after, .sec03::after, .sec04::after {
    background-position: center;
}
@media only screen and (min-width: 1200px) {
    .sec01, .sec02, .sec03, .sec04 {
        padding: 0;
    }
}
@media only screen and (min-width: 768px)and (max-width: 1199px) {
    .sec01, .sec02, .sec03, .sec04 {
        padding: 0;
    }
}
@media only screen and (max-width: 767px) {
    .sec01, .sec02, .sec03, .sec04 {
        padding: 0;
    }
}


/* cta */
@media only screen and (min-width: 1200px) {
    .btnList {
        width: 1200px;
        padding: 0;
    }
    .btnList a {
        width: 432px
    }
    .sec02 .btnList {
        bottom: 150px
    }
    .sec04 .btnList {
        bottom: 164px;
    }
}
@media only screen and (min-width: 768px)and (max-width: 1199px) {
    .btnList {
        padding: 0;
    }
    .btnList a {
        width: 35.15625vw;
    }
    .sec02 .btnList {
        bottom: 11.5vw;
    }
    .sec04 .btnList {
        bottom: 13vw;
    }
}
@media only screen and (max-width: 767px) {
    .btnList {
        padding: 0;
        align-items: center;
        width: 100vw;
    }
    .btnList a {
        width: 88.97vw;
    }
    .sec02 .btnList {
        bottom: 26.923vw;
    }
    .sec04 .btnList {
        bottom: 24.359vw;
    }
}


/* floating */
.adlp-wrapper .adlp-floating {
    background-image: url(../img/pc/floating_bg.webp);
    width: 20%;
    min-width: 300px;
    padding: 2.5% 0 4.5%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: unset;
    transform: none;
    right: 46px;
    left: auto;
    bottom: 0;
}
.adlp-wrapper .adlp-floating::before {
    content: '';
    background-image: url(../img/pc/floating_img.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    top: -18%;
    right: -10.87%;
    width: 36%;
    aspect-ratio: auto 167 / 153; 
    pointer-events: none;
}
.adlp-wrapper .adlp-floating .adlp-btn__wrapper {
    width: 85.2%;
    flex-direction: column;
    row-gap: 13px;
}
.adlp-wrapper .adlp-btn:hover {
    filter: brightness(130%);
}
.adlp-wrapper .adlp-btn {
    transition: filter 0.3s;
}
@media only screen and (min-width: 1020px)and (max-width: 1600px) {
    .adlp-wrapper .adlp-floating {
        right: 4%;
        bottom: 2%;
    }
}
@media only screen and (min-width: 767px)and (max-width: 1019px) {
    .adlp-wrapper .adlp-floating {
        right: 4%;
        bottom: 2%;
        width: 33%;
        padding: 3.6% 0 5.5%;
    }
}
@media only screen and (max-width: 767px) {
    .adlp-wrapper .adlp-floating {
        background-image: url(../img/sp/floating_bg.webp);
        background-size: cover;
        width: 100vw;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 3.3334vw 0 2.564vw;
    }
    .adlp-wrapper .adlp-floating::before {
        display: none;
    }
    .adlp-wrapper .adlp-floating .adlp-btn__wrapper {
        width: 94.872vw;
        flex-direction: row;
        row-gap: 2.564vw;
    }
}