@charset "UTF-8";
* {
    margin: 0;
}

body {
    font-feature-settings: "palt";
}

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

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

.adlp-wrapper {
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
}

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

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

.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-floating {
        width: 100%;
    }

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

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

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



/* Section specific styles */

/* footer_btn_01 */

.footer_btn_01 {
    position: absolute;
    left: 0px;
    top: 80px;
    width: 750px;
}

@media screen and (max-width: 767px) {
    .footer_btn_01 {
        width: calc( 750 / 750 * 100vw);
        left: calc( 0 / 750 * 100vw);
        top: calc( 80 / 750 * 100vw);
        /* top: 25.08vw;*/
    }
}

/* footer_btn_02 */

.footer_btn_02 {
    position: absolute;
    left: 0px;
    top: 160px;
    width: 750px;
}

@media screen and (max-width: 767px) {
    .footer_btn_02 {
        width: calc( 750 / 750 * 100vw);
        left: calc( 0 / 750 * 100vw);
        top: calc( 160 / 750 * 100vw);
        /* top: 50.16vw;*/
    }
}

/* cv01_btn_01 */

.cv01_btn_01 {
    position: absolute;
    left: 60px;
    top: 1938px;
    width: 630px;
}

@media screen and (max-width: 767px) {
    .cv01_btn_01 {
        width: calc( 630 / 750 * 100vw);
        left: calc( 60 / 750 * 100vw);
        top: calc( 1938 / 750 * 100vw);
        /* top: 61.00vw;*/
    }
}

/* cv01_btn_02 */

.cv01_btn_02 {
    position: absolute;
    left: 40px;
    top: 2086px;
    width: 344px;
}

@media screen and (max-width: 767px) {
    .cv01_btn_02 {
        width: calc( 344 / 750 * 100vw);
        left: calc( 40 / 750 * 100vw);
        top: calc( 2086 / 750 * 100vw);
        /* top: 75.96vw;*/
    }
}

/* cv01_btn_03 */

.cv01_btn_03 {
    position: absolute;
    left: 366px;
    top: 2086px;
    width: 344px;
}

@media screen and (max-width: 767px) {
    .cv01_btn_03 {
        width: calc( 344 / 750 * 100vw);
        left: calc( 366 / 750 * 100vw);
        top: calc( 2086 / 750 * 100vw);
        /* top: 75.96vw;*/
    }
}

/* cv02_btn_01 */

.cv02_btn_01 {
    position: absolute;
    left: 60px;
    top: 2689px;
    width: 630px;
}

@media screen and (max-width: 767px) {
    .cv02_btn_01 {
        width: calc( 630 / 750 * 100vw);
        left: calc( 60 / 750 * 100vw);
        top: calc( 2689 / 750 * 100vw);
        /* top: 88.14vw;*/
    }
}

/* cv03_btn_01 */

.cv03_btn_01 {
    position: absolute;
    left: 60px;
    top: 1938px;
    width: 630px;
}

@media screen and (max-width: 767px) {
    .cv03_btn_01 {
        width: calc( 630 / 750 * 100vw);
        left: calc( 60 / 750 * 100vw);
        top: calc( 1938 / 750 * 100vw);
        /* top: 76.44vw;*/
    }
}

.sec02_accordion {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0 auto;
    padding-bottom: 80px;
    width: calc(630 / 750 * 100%);
}

@media screen and (max-width: 767px) {
    .sec02_accordion {
        gap: calc(40 / 750 * 100vw);
        padding-bottom: calc(80 / 750 * 100vw);
    }

    .adlp-accordion .adlp-btn:hover {
        filter: none;
    }
}

@media screen and (min-width: 768px) {
    .adlp-accordion .adlp-btn:hover {
        filter: brightness(102%);
    }
}

.adlp-accordion .adlp-btn:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.adlp-accordion .adlp-btn img:nth-child(2) {
    display: none;
}

.adlp-accordion .adlp-content {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-out;
    margin: 0 auto;
}

.adlp-accordion .adlp-content img {
    display: none;
}

.adlp-accordion .adlp-content.open img {
    display: block;
}

.sec01 {
    background: #FFF5F5;
}

.sec01 .adlp-accordion {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 80px;
    margin: 0 auto;
    width: calc(630 / 750 * 100%);
}

@media screen and (max-width: 767px) {
    .sec01 .adlp-accordion {
        gap: calc(40 / 750 * 100vw);
        padding-bottom: calc(80 / 750 * 100vw);
    }
}

.sec01_item {
    will-change: filter;
    filter: drop-shadow(0px 12px 20px rgba(0, 0, 0, 0.12));
}

@media screen and (max-width: 767px) {
    .sec01_item {
        filter: drop-shadow(0px calc(12 / 750 * 100vw) calc(20 / 750 * 100vw) rgba(0, 0, 0, 0.12));
    }
}

.sec01 .adlp-content iframe {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 623px;
    width: calc(550 / 630 * 100%);
    height: 275px;
}

@media screen and (max-width: 767px) {
    .sec01 .adlp-content iframe {
        top: calc(623 / 750 * 100vw);
        height: calc(275 / 750 * 100vw);
    }
}

.sec01_item:nth-child(1) iframe:nth-child(2) {
    top: 665px;
}

.sec01_item:nth-child(1) iframe:nth-child(3) {
    top: 1603px;
}

.sec01_item:nth-child(1) iframe:nth-child(4) {
    top: 2541px;
}

.sec01_item:nth-child(2) iframe {
    top: 581px;
}

@media screen and (max-width: 767px) {
    .sec01_item:nth-child(1) iframe:nth-child(2) {
        top: calc(665 / 750 * 100vw);
    }

    .sec01_item:nth-child(1) iframe:nth-child(3) {
        top: calc(1603 / 750 * 100vw);
    }

    .sec01_item:nth-child(1) iframe:nth-child(4) {
        top: calc(2541 / 750 * 100vw);
    }

    .sec01_item:nth-child(2) iframe {
        top: calc(581 / 750 * 100vw);
    }
}



.adlp-floating {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
    z-index: 90;
}

.adlp-floating.--show {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .adlp-floating {
        width: 100%;
    }
}

.adlp-floating .adlp-btn__wrapper {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translate(-50%);
    width: 630px;
}

@media screen and (max-width: 767px) {
    .adlp-floating .adlp-btn__wrapper {
        bottom: calc(16 / 750 * 100vw);
        width: calc(630 / 750 * 100vw);
    }
}