.mxlp {
    width: 100%
}
@media screen and (min-width: 961px) {
    .l-main {
        margin: 210px auto 0 !important;
        width: 85% !important;
    }
}
.mxlp * {
    line-height: 1;
    box-sizing: border-box
}
.mxlp a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: initial;
    background: #0000;
    text-decoration: none
}
.mxlp img,
.mxlp video {
    display: block;
    width: 100%;
    height: auto;
    border: none
}
body {
    margin: 0
}
.mxlp .c-kv {
    position: relative;
    width: 85%;
    max-width: 1230px;
    margin: 0 auto;
}
.mxlp .c-kv .m-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    max-width: 1230px;
}
.mxlp .c-kv .m-fg {
    position: relative;
    z-index: 20;
}
.mxlp .c-content {
    z-index: 1;
    width: 1230px;
}
.mxlp .c-offer {
    z-index: 1;
    width: 1230px;
}
.mxlp .c-content,
.mxlp .c-offer,
.mxlp .c-cv {
    position: relative;
    margin: 0 auto;
    max-width: 1230px;
    width: 85%;
}
.mxlp .c-cv {
    width: 85%;
    max-width: 1230px;
}
.mxlp .c-cv .m-cv_btnWrap {
    position: absolute;
    top: 47.3%;
    right: 29.1%;
    width: calc((382 / 1230) * 100%);
}

.mxlp .c-cv .c-cv__link {
    display: block;
    position: absolute;
    width: 26.8%;
    height: 4.4%;
    top: 83.6%;
    left: 19.3%;
}

.kuchikomi_video{
    position: absolute;
    width: calc(400 / 1230 * 100%);
    top: 24.4%;
}

.kuchikomi_video.is_video01{
    left: calc(171 / 1230 * 100%);
    width: calc(404 / 1230 * 100%);
}
.kuchikomi_video.is_video01 video{
    clip-path: inset(0 0.8% 0.7% 0);
}

.howto_video {
    position: absolute;
    width: calc(450 / 1230 * 100%);
    top: 42.5%;
}

.howto_video.is_video01 {
    left: calc(136 / 1230 * 100%);
}

.kuchikomi_video.is_video02{
    right: calc(170 / 1230 * 100%);
}
.howto_video.is_video02 {
    right: calc(136 / 1230 * 100%);
}

.c-offer__button {
    position: absolute;
    width: calc(414 / 1230 * 100%);
    right: calc(78 / 1230 * 100%);
}

.c-offer__button.is_item01 {
    top: 33.4%;
}

.c-offer__button.is_item02 {
    top: 81.85%;
}

.mxlp .vc_video {
    display: block;
    position: absolute;
    top: 36%;
    right: 21.8%;
    width: calc(690/1230 * 100%);
}

.sp_only{
    display: none;
}
.pc_only{
    display: block;
}
@media screen and (max-width: 960px) {
    .mxlp .c-cv,
    .mxlp .c-kv,
    .mxlp .c-content {
        width: 100%;
    }
    .mxlp .c-offer {
        width: 100%;
        overflow: hidden;
    }
    .mxlp .c-cv .m-cv_btnWrap {
        width: 92.4vw;
        top: auto;
        bottom: 13.4%;
        right: 3%;
    }

    .mxlp .c-cv .c-cv__link {
        width: 45.8%;
        height: 3.4%;
        top: 94.7%;
        left: 24.3%;
    }

    .kuchikomi_video.is_video01{
        width: calc(503 / 750 * 100%);
        left: 16.7%;
        top: 14.7%;
    }
    .kuchikomi_video.is_video02{
        width: calc(498 / 750 * 100%);
        right: 16.9%;
        top: 58.6%;
    }

    .howto_video {
        width: calc(670 / 750 * 100%);
        left: 50%;
        transform: translateX(-50%);
    }

    .howto_video.is_video01 {
        left: 50%;
        top: 24%;
    }

    .howto_video.is_video02 {
        right: auto;
        top: 59%;
    }

    .c-offer__button {
        width: 67.2%;
        right: 1.5%;
    }

    .c-offer__button.is_item01 {
        top: 35.1%;
    }

    .c-offer__button.is_item02 {
        top: 82.8%;
    }

    .mxlp .vc_video {
        top: 38%;
        right: 5%;
        width: calc(860/960 * 100%);
    }


    .sp_only{
        display: block;
    }
    .pc_only{
        display: none;
    }
}