* {
            margin: 0;
        }

        img {
            width: 100%;
            height: auto;
            vertical-align: bottom;
        }

        .relative {
            position: relative;
        }

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

        .fv_btn {
            position: absolute;
            width: 86%;
            top: 48%;
            left: 7%;
        }

        .cv01_btn {
            position: absolute;
            width: 84%;
            top: min(calc((2055 / 750) * 100vw), 2055px);
            left: 50%;
            transform: translateX(-50%);
        }

        .gif1 {
            position: absolute;
            width: 365px;
            top: min(calc((511 / 750) * 100vw), 511px);
            left: 61px;
        }

        .video01 {
            position: absolute;
            width: 80%;
            top: 38%;
            left: 50%;
            transform: translateX(-50%);
        }

        iframe {
            vertical-align: bottom;
            border: none;
        }

        .sec06 {
            background: #F3EFE7;
            padding-bottom: min(calc((94 / 750) * 100vw), 94px);
        }

        .sec06 .adlp-qanda {
            width: 100%;
            margin: 0 auto;
        }

        .sec06 .adlp-toggle {
            margin-bottom: 0;
        }

        .sec06 .adlp-toggle dd .adlp-acc_inner {
            width: min(calc((630 / 750) * 100vw), 630px);
            margin: 0 auto;
            display: block;
            cursor: pointer;
        }

        .sec06 .adlp-acc_inner>span:last-of-type,
        .sec06 .adlp-acc_inner.active>span:first-of-type {
            display: none;
        }

        .sec06 .adlp-acc_inner.active>span:last-of-type {
            display: inline;
        }

        .sec06 .adlp-qanda dt {
            display: block;
        }

        .sec10 {
            background: #F2E9D8;
            padding-bottom: min(calc((80 / 750) * 100vw), 80px);
        }

        .sec10 .qanda {
            width: 92%;
            margin: 0 auto;
        }

        .sec10 .toggle {
            margin-bottom: min(calc((40 / 750) * 100vw), 40px);
        }

        .sec10 .toggle:last-child {
            margin-bottom: 0;
        }

        .sec10 .toggle dt .inner {
            width: 100%;
            display: block;
            cursor: pointer;
        }

        .sec10 .inner>span:last-of-type,
        .sec10 .inner.active>span:first-of-type {
            display: none;
        }

        .sec10 .inner.active>span:last-of-type {
            display: inline;
        }

        .sec10 .qanda dd {
            display: none;
        }

        .floating {
            max-width: 750px;
            width: 100%;
            position: fixed;
            bottom: 1.5%;
            z-index: 10;
        }

/* #sec11（フォーム）が見えたらフローティングを消す */
.floating.is-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}


        .floating_inner {
            width: 80%;
            margin: 0 auto;
        }

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

        .btn {
            transition: filter 0.3s;
        }

        @media all and (min-width:0px) and (max-width:749px) {
            .gif1 {
                position: absolute;
                width: calc((365 / 750) * 100vw);
                top: calc((511 / 750) * 100vw);
                left: calc((61 / 750) * 100vw);
            }

            .sec12 iframe {
                width: 100%;
                height: calc((338 / 750) * 100vw);
            }
        }

        @media all and (min-width:414px) and (max-width:749px) {
            .sec11 iframe {
                vertical-align: bottom;
                border: none;
                height: calc((3694 / 750) * 100vw);
                width: 100%;
            }
        }

        @media all and (min-width:390px) and (max-width:413px) {
            .sec11 iframe {
                vertical-align: bottom;
                border: none;
                height: calc((3979 / 750) * 100vw);
                width: 100%;
            }
        }

        @media all and (min-width:0px) and (max-width:389px) {
            .sec11 iframe {
                vertical-align: bottom;
                border: none;
                height: calc((4141 / 750) * 100vw);
                width: 100%;
            }
        }

        .yureru-s {
            animation: yureru-s 2s infinite;
        }

        @keyframes yureru-s {
            0% {
                transform: translate(2px, 0px);
            }

            5% {
                transform: translate(-2px, 0px);
            }

            10% {
                transform: translate(2px, 0px);
            }

            15% {
                transform: translate(-2px, 0px);
            }

            20% {
                transform: translate(2px, 0px);
            }

            25% {
                transform: translate(-2px, 0px);
            }

            30% {
                transform: translate(0px, 0px);
            }
        }