.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%);
}

.c-offer-pdp-button{
    position: absolute;
    width: calc(500 / 1230 * 100%);
    top: calc(990 / 1230 * 100%);
    left: 43%;
    right: 0;
}

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

.c-content.sec02 .video iframe {
    width: 99%;
    height: 100%;
  }
.c-offer__button {
    /*position: absolute;
    width: calc(600 / 1230 * 100%);
    right: calc(290 / 1230 * 100%);
    bottom: calc(120 / 1230 * 100%);
    */
}
.is_item-trial {
    position: absolute;
    width: calc(1160 / 1230 * 100%);
    right: calc(36 / 1230 * 100%);
    bottom: calc(570 / 1230 * 100%);
}
.is_item-subs {
    position: absolute;
    width: calc(1160 / 1230 * 100%);
    right: calc(36 / 1230 * 100%);
    bottom: calc(44 / 1230 * 100%);
}

.c-offer-01,
.c-offer-02,
.c-offer-03 {
    position: relative;
    width:85%;
    margin: auto;
    max-width: 1230px;
}

.c-content.sec01 {z-index: 100;}
.c-content.sec02 {z-index: 1;margin-top: -60px;}
.sec-last{margin-bottom: 60px !important;}


.mxlp .vc_video {
    display: block;
    position: absolute;
    top: 62.4%;
    right: 16.8%;
    width: calc(540/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-cv{
        padding: 0;
    }
    .c-kv {
        margin-bottom: 0 !important;
        position: fixed;
    }

    .mxlp .c-offer {
        width: 100%;
        overflow: hidden;
        padding: 6% 5% 30%; 
    }
    .c-offer__button{
        /*
        top: calc(740 / 1230 * 100%);
        width: calc(1180 / 1230 * 100%);
        left: calc(30 / 1230 * 100%);
        */
    }
    .c-offer-pdp-button{
        position: absolute;
        width: calc(630 / 1230 * 100%);
        top: calc(1085 / 1230 * 100%);
        left: 40%;
        right: 0;
    }

    .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%;
    }

    .sp_only{
        display: block;
    }
    .pc_only{
        display: none;
    }
    .c-offer-01 {
        width: 100%;
        margin: 0 auto;
    }
    .c-content.sec01 {z-index: 100;}
    .c-content.sec02 {z-index: 1;margin-top: -50px;}
    .is_item-trial {
        position: absolute;
        width: calc(1120 / 1230 * 100%);
        right: calc(54 / 1230 * 100%);
        bottom: calc(510 / 1230 * 100%);
    }
    .is_item-subs {
        position: absolute;
        width: calc(1120 / 1230 * 100%);
        right: calc(54 / 1230 * 100%);
        bottom: calc(34 / 1230 * 100%);
    }
    .c-offer-02,
    .c-offer-03 {
        position: relative;
        width:100%;
        margin: 0 auto;
        max-width: 1230px;
    }
}