body{margin:0;padding:0}
main.vc100s-main{margin:0;padding:0;width:100%}
main.vc100s-main *{
    line-height:1;box-sizing:border-box
}
main.vc100s-main a{
    margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none
}
main.vc100s-main img,main.vc100s-main video{
    display:block;width:100%;height:auto;border:none
}
main.vc100s-main .vc100s-container
    {
        width:100%;
        max-width:1230px;
        margin:0 auto;
        background-image:url(https://dev08-ap01-jnjdrcilabo.demandware.net/on/demandware.static/-/Sites-ci-labo-Library/default/dwb83bf497/campaigns/mx_2208/acgel/images/bg_pc.png)}
        @media screen and (max-width: 960px){
            main.vc100s-main .vc100s-container{
                max-width:750px;
                background-image:url(https://dev08-ap01-jnjdrcilabo.demandware.net/on/demandware.static/-/Sites-ci-labo-Library/default/dwb83bf497/campaigns/mx_2208/acgel/images/bg_sp.png);
                background-repeat: repeat-y;
                background-position: 0% 36%;
                background-size: 100%;
            }
        }
        main.vc100s-main .wrap{position:relative;width:100%;margin-bottom: -20px;}
        main.vc100s-main .row{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}@media screen and (max-width: 960px){main.vc100s-main .row{display:block}}main.vc100s-main .grid-container{display:grid;position:relative}@media screen and (max-width: 960px){main.vc100s-main .grid-container{display:block}}main.vc100s-main .txt-box{position:absolute;width:100%;color:#323232}
        main.vc100s-main .abs{position:absolute;left:0;width:100%}
main.vc100s-main .sec01-2{top:0%} .sec01-3{top:0%}


@media screen and (max-width: 960px){
        main.vc100s-main.sec01-2{
            top:76%
        }
    }
    main.vc100s-main .sec02-2
    {
        top:3%
    }
@media screen and (max-width: 960px){main.vc100s-main.sec01-3{top:76%}}
@media screen and (max-width: 960px){main.vc100s-main .sec02-2{top:14%}}
    main.vc100s-main .sec02-3{top:28%}
@media screen and (max-width: 960px){main.vc100s-main .sec02-3{top:5%}}
    main.vc100s-main .sec02-4{top:42%}
@media screen and (max-width: 960px){
    main.vc100s-main .sec02-4{
        top:15%
    }
}
main.vc100s-main .sec02-5{bottom:0}main.vc100s-main .sec03-2{top:12%}@media screen and (max-width: 960px){main.vc100s-main .sec03-2{top:3%}}main.vc100s-main .sec04 .grid-item_01{grid-row:1/2;grid-column:2/3}main.vc100s-main .sec04 .grid-item_02{grid-row:1/7;grid-column:1/2}main.vc100s-main .sec04 .grid-item_03{grid-row:2/3;grid-column:2/3}main.vc100s-main .sec04 .grid-item_04{grid-row:3/4;grid-column:2/3}main.vc100s-main .sec04 .grid-item_05{grid-row:4/5;grid-column:2/3}main.vc100s-main .sec04 .grid-item_06{grid-row:5/6;grid-column:2/3}main.vc100s-main .sec04 .grid-item_07{position:relative;width:100%;height:100%;grid-row:6/7;grid-column:2/3}
main.vc100s-main .sec04-8{position:relative;z-index:1}main.vc100s-main .sec04-9{z-index:10;max-width:384px;width:100%;top:0}@media screen and (max-width: 960px){main.vc100s-main .sec04-9{max-width:620px;left:calc(50% - 1px);transform:translate(-50%)}}main.vc100s-main .sec05 .grid-item_01{grid-row:1/2;grid-column:1/2}main.vc100s-main .sec05 .grid-item_02{grid-row:1/3;grid-column:2/3}main.vc100s-main .sec05 .grid-item_03{grid-row:2/3;grid-column:1/2}main.vc100s-main .sec06 .grid-item_01{position:relative;z-index:1;grid-row:1/2;grid-column:2/3}main.vc100s-main .sec06 .grid-item_02{position:relative;z-index:1;grid-row:2/3;grid-column:2/3}main.vc100s-main .sec06 .grid-item_03{grid-row:1/3;grid-column:1/2}@media screen and (max-width: 960px){main.vc100s-main .sec06 .grid-item_03{position:absolute;top:-5%;left:0;z-index:0}}main.vc100s-main .sec07 .grid-container{position:relative;z-index:1}main.vc100s-main .sec07 .grid-item_01{grid-row:1/2;grid-column:1/2}main.vc100s-main .sec07 .grid-item_02{grid-row:1/2;grid-column:2/3}main.vc100s-main .sec07 .grid-item_03{grid-row:2/3;grid-column:1/2}main.vc100s-main .sec07 .grid-item_04{grid-row:2/3;grid-column:2/3}main.vc100s-main .sec07-1{position:relative;z-index:1}main.vc100s-main .sec07-2{position:relative;z-index:1}main.vc100s-main .sec07-7{position:absolute;z-index:0;top:-35%;left:0}@media screen and (max-width: 960px){main.vc100s-main .sec07-7{top:-10%}}main.vc100s-main .sec08 .grid-item_01{grid-row:1/2;grid-column:1/2}main.vc100s-main .sec08 .grid-item_02{grid-row:1/4;grid-column:2/3}main.vc100s-main .sec08 .grid-item_03{grid-row:2/3;grid-column:1/2}main.vc100s-main .sec08 .grid-item_04{position:relative;grid-row:3/4;grid-column:1/2}main.vc100s-main .sec08-4{position:relative;z-index:1}main.vc100s-main .sec08-5{z-index:10;top:0;width:100%}@media screen and (max-width: 960px){main.vc100s-main .sec08-5{left:50%!important;transform:translate(-50%)}}main.vc100s-main .sec09{position:relative}main.vc100s-main .sec09-1{position:relative;z-index:0}main.vc100s-main .sec09-7{position:relative;z-index:0}main.vc100s-main .sec09-8{z-index:10;max-width:380px;width:100%;top:0}@media screen and (max-width: 960px){main.vc100s-main .sec09-8{max-width:100%;left:calc(50% - 1px);transform:translate(-50%)}}main.vc100s-main .sec09 .grid-container{position:absolute;top:0;left:0}main.vc100s-main .sec09 .grid-item_01{grid-row:1/2;grid-column:1/3}main.vc100s-main .sec09 .grid-item_02{grid-row:2/6;grid-column:1/2}main.vc100s-main .sec09 .grid-item_03{grid-row:2/3;grid-column:2/3}main.vc100s-main .sec09 .grid-item_04{grid-row:3/4;grid-column:2/3}main.vc100s-main .sec09 .grid-item_05{grid-row:4/5;grid-column:2/3}main.vc100s-main .sec09 .grid-item_06{position:relative;grid-row:5/6;grid-column:2/3}main.vc100s-main .font-sgk{font-family:dnp-shuei-gothic-kin-std,sans-serif}main.vc100s-main .font-zmo{font-family:zen-old-mincho,sans-serif}main.vc100s-main .txt-m{font-size:15px;line-height:1.8}
@media screen and (max-width: 960px){main.vc100s-main .txt-m{font-size:28px}}main.vc100s-main .is-pc{display:block}
@media screen and (max-width: 960px){main.vc100s-main .is-pc{display:none}}main.vc100s-main .is-sp{display:none}
@media screen and (max-width: 960px){main.vc100s-main .is-sp{display:block}}main.vc100s-main .js-fadein{opacity:0}main.vc100s-main .js-fadein.appeared{animation:fadein 0.9s ease-in-out forwards}
@keyframes fadein{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media screen and (min-width: 961px){
    main.vc100s-main .sec02-inner {
        width:78%;
        margin: 0 auto;
        padding:40px 0;
        position: relative;
    }
    main.vc100s-main .sec03-inner{
        width:78%;
        margin: 0 auto;
        padding:40px 0;
        position: relative;
    }
    main.vc100s-main .cv_btn{
        width: 78%;
    }
    .sec-cv01{
        /*width: 78% !important;*/
        margin: 0 auto;
        position: absolute !important;
        top:63%;
        z-index: 1;
    }
    .sec-cv02{
        /*width: 78% !important;*/
        margin: 0 auto;
        position: absolute !important;
        top:66%;
        z-index: 1;
    }
    .sec-cv01member {
        margin: 0 auto;
        position: absolute !important;
        top:78%;
        right: 20%;
        color: #000;
        text-decoration: underline !important;
        z-index: 1;
    }
    .sec-cv02member {
        margin: 0 auto;
        position: absolute !important;
        top:81%;
        right: 20%;
        color: #000;
        text-decoration: underline !important;
        z-index: 1;
    }
    .sec-cv-tel{
        margin: 0 auto;
    }
    .is-tel{
        margin: 0 auto;
    }
    .sec04-title {
        margin: 80px auto 20px;
        width:78% !important;
    }
    .sec05-title {
        margin: 80px auto 80px;
        width:78% !important;
    }
    .sec05-base {
        width: 78% !important;
        margin: 0 auto;
        position: relative;
    }
    .sec05-front {
        width: 78% !important;
        margin: 0 auto;
        top: 16%;
        left: 11%;
        position: absolute;
    }
    .sec06-title {
        margin: 80px auto 80px;
        width:78% !important;
    }
    .sec06-base {
        width: 78% !important;
        margin: -60px auto 0;
        position: relative;
    }
    .sec06-front {
        width: 78% !important;
        margin: -60px auto 0;
        top: 16%;
        left: 11%;
        position: absolute;
    }
    .sec07-base {
        width: 78% !important;
        margin: 0 auto;
        position: relative;
    }
    .sec07-front {
        width: 78% !important;
        margin: 0 auto 0;
        top: 48%;
        left: 11%;
        position: absolute;
    }
    .sec08-title {
        margin: 80px auto 20px;
        width:78% !important;
    }
    .sec08-base {
        width: 78% !important;
        margin: 0 auto;
        position: relative;
    }
    .sec08-front {
        width: 78% !important;
        margin: 0 auto;
        top: 4%;
        left: 11%;
        position: absolute;
    }
    .sec09-title {
        margin: 80px auto 80px;
        width:78% !important;
    }
    .sec09-base {
        width: 78% !important;
        margin: 0 auto;
        position: relative;
    }
    .sec09-front {
        width: 78% !important;
        margin: 0 auto;
        top: 17%;
        left: 11%;
        position: absolute;
    }
    .sec10-title {
        margin: 80px auto 40px;
        width:78% !important;
    }
    .sec10-base {
        width: 78% !important;
        margin: 0 auto;
        position: relative;
    }
    .sec10-front {
        width: 78% !important;
        margin: 0 auto;
        top: 5%;
        left: 11%;
        position: absolute;
    }
    .sec11-title {
        margin: 80px auto 80px;
        width:78% !important;
    }
    .sec11-base {
        width: 78% !important;
        margin: 0 auto;
        position: relative;
    }
    .sec11-front {
        width: 78% !important;
        margin: 0 auto;
        top: 17%;
        left: 11%;
        position: absolute;
    }
    .c-withIframe {
        text-align: center;
        margin: 40px auto;
    }
    .mb100 {
        margin-bottom: 100px;
    }
    .pb100 {
        padding-bottom: 100px;
    }
    }



    /*sp layout*/
    @media screen and (max-width: 960px){
        .sec02 {
            margin-top: 40px;
        }
        .sec02-inner {
            width:90%;
            margin: 0 auto;
        }
        .sec03-inner {
            width:90%;
            margin: 0 auto;
        }
        .sec-cv01{
            width: 78% !important;
            margin: 0 auto;
            position: absolute !important;
            right: 10%;
            top:72%;
            z-index: 1;
        }
        .sec-cv02{
            width: 78% !important;
            margin: 0 auto;
            position: absolute !important;
            right: 10%;
            top:82%;
            z-index: 1;
        }
        .sec-cv01member {
            margin: 0 auto;
            position: absolute !important;
            top:84%;
            right: 32%;
            color: #000;
            text-decoration: underline !important;
            z-index: 1;
        }
        .is-tel{
            margin: 20px auto;
            width: 90%;
        }
        .sec04-title {
            margin: 80px auto 20px;
            width:100% !important;
        }
        .sec05-title {
            margin: 80px auto 80px;
            width:90% !important;
            position: absolute !important;
            z-index: 1;
            right: 5%;
            top: -4%;
        }
        .sec05-base {
            width: 100% !important;
            margin: 0 auto;
            position: relative;
        }
        .sec05-front {
            width: 100% !important;
            margin: 0 auto;
            top: 0%;
            position: absolute;
        }
        .sec06-title {
        margin: 80px auto 40px;
        width:90% !important;
        }
        .sec06-base {
            width: 100% !important;
            margin: 0 auto 0;
            position: relative;
        }
        .sec06-front {
            width: 100% !important;
            margin: 0 auto 0;
            top: 6%;
            left: 0%;
            position: absolute;
        }
        .sec07-base {
            width: 100% !important;
            margin: 0 auto;
            position: relative;
        }
        .sec07-front {
            width: 100% !important;
            margin: 0 auto 0;
            top: 6%;
            left: 0%;
            position: absolute;
        }
        .sec08-title {
            margin: 80px auto 80px;
            width:90% !important;
            position: absolute !important;
            z-index: 1;
            right: 5%;
            top: 0%;
        }
        .sec08-base {
            width: 100% !important;
            margin: 0 auto;
            position: relative;
        }
        .sec08-front {
            width: 100% !important;
            margin: 0 auto;
            top: 0%;
            position: absolute;
        }
        .sec09-title {
            margin: 80px auto 20px;
            width:90% !important;
        }
        .sec09-base {
            width: 100% !important;
            margin: 0 auto;
            position: relative;
        }
        .sec09-front {
            width: 100% !important;
            margin: 0 auto;
            top: 5%;
            left: 0%;
            position: absolute;
        }
        .sec10-title {
            margin: 80px auto 40px;
            width:90% !important;
        }
        .sec10-base {
            width: 100% !important;
            margin: 0 auto;
            position: relative;
        }
        .sec10-front {
            width: 100% !important;
            margin: 0 auto;
            top: 3%;
            left: 0%;
            position: absolute;
        }
        .sec11-futureskin{
            margin-top: 31px;
        }
        .sec11-title {
            margin: 80px auto 80px;
            width:90% !important;
            position: absolute !important;
            z-index: 1;
            right: 5%;
            top: -4%;
        }
        .sec11-base {
            width: 100% !important;
            margin: 0 auto;
            position: relative;
        }
        .sec11-front {
            width: 100% !important;
            margin: 0 auto;
            top: 0%;
            position: absolute;
        }
        .c-withIframe {
            text-align: center;
            margin: 40px auto;
        }
        .mb100 {
            margin-bottom: 100px;
        }
        .s-pb40 {
            padding-bottom: 40px;
        }
        .pb100 {
            padding-bottom: 100px;
        }
        .s-pb100 {
            padding-bottom: 100px;
        }
        .pt40 {
            padding-top: 40px;
        }
        .s-pt40 {
            padding-top: 40px;
        }
        .telsp {
            padding: 20px 0 20px;
        }
    }