* {
    margin: 0;
}

body {
    font-feature-settings: "palt";
    padding-bottom: min(calc(110 / 1080 * 100vw), 110px);
}

@media all and (min-width:0px) and (max-width:767.9px) {
    body {
        padding-bottom: calc(155 / 750 * 100vw);
    }
}

.adlp-wrapper img {
    width: 100%;
    height: auto;

    display: block;
}

.adlp-wrapper .adlp-relative {
    position: relative;
}

@media all and (min-width:768px) {
    .adlp-outer {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .adlp-wrapper {
        min-width: min(calc((1920 / 1080) * 100vw), 1920px);
        max-width: 1920px;
        margin: 0 auto;
    }
}

.adlp-wrapper .adlp-fv_btn {
    position: absolute;
    width: min(calc((510 / 1080) * 100vw), 510px);
    top: min(calc((532 / 1080) * 100vw), 532px);
    left: calc(440/1920*100%);
}

.adlp-wrapper .adlp-fv_btn.--b {
    top: min(calc((508 / 1080) * 100vw), 508px);
}

.adlp-wrapper .sec12 .cv01_btn {
    position: absolute;
    width: min(calc((510 / 1080) * 100vw), 510px);
    top: min(calc((439 / 1080) * 100vw), 439px);
    left: 50%;
    transform: translateX(-50%);
}

.adlp-wrapper .sec17 .cv01_btn {
    position: absolute;
    width: min(calc((510 / 1080) * 100vw), 510px);
    top: min(calc((359 / 1080) * 100vw), 359px);
    left: 50%;
    transform: translateX(-50%);
}

.adlp-wrapper .sec19 .cv01_btn {
    position: absolute;
    width: min(calc((448 / 1080) * 100vw), 448px);
    top: min(calc((267 / 1080) * 100vw), 267px);
    left: calc(1020/1920*100%);
}

.adlp-wrapper .sec15 .video {
    position: absolute;
    top: min(calc(77 / 1080 * 100vw), 77px);
    left: calc(516/1920*100%);
    width: min(calc(317 / 1080 * 100vw), 317px);
    height: min(calc(564 / 1080 * 100vw), 564px);
    padding-bottom: 0%; /* 16:9 アスペクト比 */
    overflow: hidden;
}

.adlp-wrapper .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.adlp-wrapper .adlp-footer_inner {
    position: absolute;
    width: min(calc((670 / 1080) * 100vw), 670px);
    top: min(calc((50 / 1080) * 100vw), 50px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: min(calc(50 / 1080 * 100vw), 50px);
}

.adlp-wrapper .adlp-footer_inner div:first-child {
    width: min(calc((184 / 1080) * 100vw), 184px);
}

.adlp-wrapper .adlp-footer_inner div:nth-child(2) {
    width: min(calc((122 / 1080) * 100vw), 122px);
}

.adlp-wrapper .adlp-footer_inner div:nth-child(3) {
    width: min(calc((264 / 1080) * 100vw), 264px);
}

.adlp-wrapper .adlp-floating {
    display: none;
    width: min(calc((1920 / 1080) * 100vw), 1920px);
    position: fixed;
    bottom: 0;
    z-index: 10;
}

.adlp-wrapper .adlp-floating_inner {
    position: absolute;
    top: min(calc(32 / 1080 * 100vw), 32px);
    left: 50%;
    transform: translate(-50%);
    width: fit-content;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: min(calc(12 / 1080 * 100vw), 12px);
}

.adlp-wrapper .adlp-floating_btn_1,
.adlp-wrapper .adlp-floating_btn_2 {
    width: min(calc(434 / 1080 * 100vw), 434px);
}

.adlp-wrapper .adlp-btn:hover {
    filter: brightness(115%);
}

.adlp-wrapper .adlp-btn {
    transition: filter 0.2s;
}

.adlp-wrapper .adlp-btn.-anime01:hover,
.adlp-wrapper .adlp-btn.-anime02:hover,
.adlp-wrapper .adlp-btn.-anime03:hover {
    filter: none;
}

.adlp-wrapper .adlp-btn.-anime01,
.adlp-wrapper .adlp-btn.-anime02,
.adlp-wrapper .adlp-btn.-anime03 {
    transition: none;
}

.adlp-wrapper .adlp-btn.-anime01 a,
.adlp-wrapper .adlp-btn.-anime02 a,
.adlp-wrapper .adlp-btn.-anime03 a {
    transition: transform 0.3s;
    display: block;
}

.adlp-wrapper .adlp-btn.-anime01:hover a {
    transform: scale(1.1);
}

.adlp-wrapper .adlp-btn.-anime02:hover a {
    transform: translateY(-5px);
}

.adlp-wrapper .adlp-btn.-anime03:hover a {
    animation: adlpHoverShake 0.15s linear 3;
}

@keyframes adlpHoverShake {
    0% {transform: skew(0deg,0deg);}
    25% {transform: skew(1deg, 1deg);}
    75% {transform: skew(-1deg, -1deg);}
    100% {transform: skew(0deg,0deg);}
}

.adlp-wrapper .adlp-pc {
    display: block;
}

.adlp-wrapper .adlp-sp {
    display: none;
}

@media all and (min-width:0px) and (max-width:767.9px) {
    .adlp-outer {
        overflow: hidden;
    }

    .adlp-wrapper .adlp-fv_btn {
        width: calc((692 / 750) * 100vw);
        top: calc((1254 / 750) * 100vw);
        left: 50%;
        transform: translate(-50%);
    }

    .adlp-wrapper .adlp-fv_btn.--b {
        top: calc((1254 / 750) * 100vw);
    }

    .adlp-wrapper .sec12 .cv01_btn {
        width: calc((692 / 750) * 100vw);
        top: calc((655 / 750) * 100vw);
        left: 50%;
        transform: translate(-50%);
    }

    .adlp-wrapper .sec17 .cv01_btn {
        width: calc((692 / 750) * 100vw);
        top: calc((625 / 750) * 100vw);
        left: 50%;
        transform: translate(-50%);
    }

    .adlp-wrapper .sec19 .cv01_btn {
        width: calc((636 / 750) * 100vw);
        top: calc((792 / 750) * 100vw);
        left: 50%;
        transform: translate(-50%);
    }

    .adlp-wrapper .sec15 .video {
        top: calc(355 / 750 * 100vw);
        left: 50%;
        transform: translate(-50%);
        width: calc(500 / 750 * 100vw);
        height: calc(890 / 750 * 100vw);
    }

    .adlp-wrapper .adlp-footer_inner {
        width: fit-content;
        top: calc((70 / 750) * 100vw);
        display: block;
    }

    .adlp-wrapper .adlp-footer_inner div:first-child {
        width: calc(313 / 750 * 100vw);
        margin: 0 auto calc(48 / 750 * 100vw);
    }

    .adlp-wrapper .adlp-footer_inner div:nth-child(2) {
        width: calc(209 / 750 * 100vw);
        margin: 0 auto calc(48 / 750 * 100vw);
    }

    .adlp-wrapper .adlp-footer_inner div:nth-child(3) {
        width: calc(456 / 750 * 100vw);
        margin: 0 auto;
    }

    .adlp-wrapper .adlp-footer_inner div:last-child {
        margin-bottom: 0;
    }

    .adlp-wrapper .adlp-floating {
        width: 100%;
    }

    .adlp-wrapper .adlp-floating_inner {
        width: calc((600 / 750) * 100vw);
    }

    .adlp-wrapper .adlp-floating {
        width: 100%;
    }

    .adlp-wrapper .adlp-floating_inner {
        top: calc(80 / 750 * 100vw);
        gap: calc(10 / 750 * 100vw);
        width: 100%;
    }

    .adlp-wrapper .adlp-floating_btn_1,
    .adlp-wrapper .adlp-floating_btn_2 {
        width: calc(358 / 750 * 100vw);
    }

    .adlp-wrapper .adlp-pc {
        display: none;
    }

    .adlp-wrapper .adlp-sp {
        display: block;
    }
}