.video-height {
            margin: 0 auto;
            width: 100%;
            height: 500px;
        }

        .video-height iframe {
            display: block;
        }

        @media (max-width: 767px) {
            .video-height {
                height: min(420px, calc(100vh - 180px));
                min-height: 330px;
            }

        }

        body.rn2020 #spks_mov.modal-wrap {
            padding: 0;
            background: transparent;
            max-width: min(1080px, calc(100vw - 120px));
        }

        body.rn2020 #spks_mov .video-height {
            width: 100%;
            height: min(600px, calc(100vh - 120px));
            min-height: 420px;
        }

        body.rn2020 #spks_mov .video-height iframe {
            display: block;
            width: 100%;
            height: 100%;
        }

        @media (max-width: 767px) {
            body.rn2020 #spks_mov.modal-wrap {
                max-width: 100%;
                margin: 0;
            }

            body.rn2020 #spks_mov .video-height {
                height: min(420px, calc(100vh - 120px));
                min-height: 330px;
            }

            .mfp-container {
                padding: 100px 0px;
            }
        }

        @media screen and (max-width: 1180px) and (max-height: 620px) {

            html.is-mente-modal-open,
            body.rn2020.is-mente-modal-open {
                overflow: hidden !important;
            }

            body.rn2020 .mfp-wrap {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                width: 100vw !important;
                height: var(--movie-modal-height, 100vh) !important;
                overflow: hidden !important;
            }

            body.rn2020 .mfp-container {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100vw;
                height: var(--movie-modal-height, 100vh);
                overflow: hidden !important;
                padding: 0 !important;
            }

            body.rn2020 .mfp-container::before {
                display: none;
            }

            body.rn2020 .mfp-content {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100vw !important;
                height: var(--movie-modal-height, 100vh);
                max-width: 100vw;
                margin: 0;
                overflow: hidden;
            }

            body.rn2020 #spks_mov.modal-wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100vw;
                height: var(--movie-modal-height, 100vh);
                max-width: 100vw;
                margin: 0;
                padding: 0;
                background: transparent;
            }

            body.rn2020 #spks_mov .video-height {
                width: 100vw;
                height: var(--movie-modal-height, 100vh);
                min-height: 0;
                margin: 0 auto;
            }

            body.rn2020 #spks_mov .video-height iframe {
                display: block;
                width: 100%;
                height: 100%;
            }

            body.rn2020 .mfp-close {
                position: fixed;
                top: max(8px, env(safe-area-inset-top));
                right: max(8px, env(safe-area-inset-right));
                z-index: 1047;
                width: 44px;
                height: 44px;
                line-height: 44px;
                color: #fff;
                opacity: 1;
            }
        }

        /*
         * 動画モーダル表示中はchatbotを隠し、モーダルを前面に出す
         */
        html.is-mente-modal-open iframe#bedore-webagent-inner,
        body.rn2020.is-mente-modal-open iframe#bedore-webagent-inner {
            visibility: hidden !important;
            pointer-events: none !important;
        }

        body.rn2020.is-mente-modal-open .mfp-bg {
            z-index: 10001 !important;
        }

        body.rn2020.is-mente-modal-open .mfp-wrap {
            z-index: 10002 !important;
        }