@charset "UTF-8";
/*=======================================
                  PC   
========================================*/
/* fonts */
/* fonts-size */
/* color */
/*=======================================
 	        animation
 ========================================*/
.fade {
    transition: all 2s;
    visibility: hidden;
    opacity: 0;
}
.fade.active {
    visibility: visible;
    opacity: 1;
}

/*=======================================
 	        animation
 ========================================*/

#wrapper {
    margin: 0 auto;
}

#CE221209Alice .section-wrap {
    position: relative;
}

/* ============================= ▼ common ▼ == */
#CE221209Alice {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.025em;
}

#CE221209Alice img {
    width: 100%;
}

#CE221209Alice .white-bg {
    background-color: #fff;
}

#CE221209Alice .description {
    font-size: 1.3rem;
    line-height: 2.2;
    letter-spacing: 0.025em;
}
#CE221209Alice .sub-ttl {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.1em;
    text-align: center;
}

/* ============================= ▼ firstview ▼ == */
#CE221209Alice .heading__wrapper {
    margin-bottom: 14rem;
}
#CE221209Alice .heading__visual {
    width: 114rem;
    margin: 0 auto 14rem;
}
#CE221209Alice .intro-wrapper {
    padding: 10rem 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/pc_bg.jpg");
    background-repeat: repeat-x;
    background-size: contain;
}
#CE221209Alice .intro {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}
#CE221209Alice .intro::before {
    content: "";
    position: absolute;
    width: 114rem;
    height: 72.5rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url("../img/pc_frame.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#CE221209Alice .intro p {
    position: relative;
    margin-top: 5.7rem;
    font-size: 1.3rem;
    line-height: 2.2;
    letter-spacing: 0.025em;
    text-align: center;
}
#CE221209Alice .intro .img01 {
    position: relative;
    margin-left: 6rem;
}
#CE221209Alice .intro .img01 video {
    width: 40rem;
}

/* ============================= ▼ 01 ▼ == */
#CE221209Alice .content__wrapper--01 {
    width: 140rem;
    margin: 0 auto 14rem;
}
#CE221209Alice .content__wrapper--01 h3 {
    width: 22rem;
    margin: 0 auto 3.2rem;
}
#CE221209Alice .content__wrapper--01 .img01 {
    position: relative;
    width: 42rem;
    margin: 0 auto -16.5rem;
    z-index: 2;
}
#CE221209Alice .content__wrapper--01 .content-detail {
    margin-left: 9rem;
    display: flex;
}
#CE221209Alice .content__wrapper--01 .item-name {
    width: 11.5rem;
    margin-bottom: 2.7rem;
}
#CE221209Alice .content__wrapper--01 .description-wrapper {
    position: relative;
    width: 45rem;
    margin-top: 26.5rem;
    margin-left: 15rem;
}
#CE221209Alice .content__wrapper--01 .description-wrapper::before {
    content: "";
    position: absolute;
    width: 29rem;
    height: 40rem;
    right: -26rem;
    top: -33rem;
    background-image: url("../img/design01.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
#CE221209Alice .content__wrapper--01 .description {
    text-align: justify;
}
#CE221209Alice .content__wrapper--01 .img02 {
    width: 45rem;
}
#CE221209Alice .content__wrapper--01 .sub-ttl {
    margin-bottom: 5.6rem;
}

/* ============================= ▼ 02 ▼ == */
#CE221209Alice .content__wrapper--02 {
    margin-bottom: 13.2rem;
    text-align: center;
}
#CE221209Alice .content__wrapper--02 .img01 {
    position: relative;
    width: 50.4rem;
    margin: 0 auto 5rem;
}
#CE221209Alice .content__wrapper--02 .img01::before {
    content: "";
    position: absolute;
    width: 33rem;
    height: 44rem;
    left: -27.5rem;
    bottom: -5.9rem;
    background-image: url("../img/design02.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
#CE221209Alice .content__wrapper--02 h3 {
    width: 20rem;
    margin: 0 auto 2.8rem;
}
#CE221209Alice .content__wrapper--02 .description {
    text-align: center;
}

/* ============================= ▼ 03 ▼ == */
#CE221209Alice .content__wrapper--03 {
    width: 140rem;
    margin: 0 auto 14rem;
}
#CE221209Alice .content__wrapper--03 h3 {
    width: 50rem;
    margin: 0 auto 3.3rem;
}
#CE221209Alice .content__wrapper--03 .img01 {
    position: relative;
    width: 42rem;
    margin: 0 auto -17rem;
    z-index: 2;
}
#CE221209Alice .content__wrapper--03 .content-detail {
    margin-left: 31rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
#CE221209Alice .content__wrapper--03 .img02 {
    width: 42rem;
    margin-left: 10rem;
}
#CE221209Alice .content__wrapper--03 .description-wrapper {
    position: relative;
    width: 45rem;
    margin-top: 27rem;
}
#CE221209Alice .content__wrapper--03 .description-wrapper::before {
    content: "";
    position: absolute;
    width: 28rem;
    height: 37rem;
    left: -28rem;
    top: -30rem;
    background-image: url("../img/design03.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#CE221209Alice .content__wrapper--03 .description {
    text-align: justify;
}
#CE221209Alice .content__wrapper--03 .sub-ttl {
    margin-bottom: 5.5rem;
}
#CE221209Alice .content__wrapper--03 .item-name {
    width: 19.2rem;
    margin-bottom: 2.7rem;
}

/* ============================= ▼ 04 ▼ == */
#CE221209Alice .content__wrapper--04 {
    margin-bottom: 13.4rem;
    text-align: center;
}
#CE221209Alice .content__wrapper--04 .img01 {
    position: relative;
    width: 50.4rem;
    margin: 0 auto 5rem;
}
#CE221209Alice .content__wrapper--04 .img01::before {
    content: "";
    position: absolute;
    width: 28rem;
    height: 42rem;
    right: -24rem;
    bottom: -8rem;
    background-image: url("../img/design04.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
#CE221209Alice .content__wrapper--04 h3 {
    width: 20rem;
    margin: 0 auto 2.8rem;
}
#CE221209Alice .content__wrapper--04 .description {
    text-align: center;
}
#CE221209Alice .content__wrapper--04 .price {
    margin-top: 2.3rem;
}

/* ============================= ▼ 04 ▼ == */
#CE221209Alice .content__wrapper--05 {
    position: relative;
}
#CE221209Alice .content__wrapper--05::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 14rem;
    background-color: #f8f6f2;
    z-index: -3;
}
#CE221209Alice .content__wrapper--05 .img01 {
    width: 52.5rem;
    margin: 0 auto 14rem;
}
#CE221209Alice .content__wrapper--05 h3 {
    position: relative;
    width: 52rem;
    margin: 0 auto 5.6rem;
    padding: 0 2rem;
}
#CE221209Alice .content__wrapper--05 h3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #f8f6f2;
    z-index: -1;
}
#CE221209Alice .content__wrapper--05 h3::after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 0.1rem;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #000;
    z-index: -2;
}
#CE221209Alice .content__wrapper--05 .content-all {
    width: 140rem;
    margin: 0 auto;
}
#CE221209Alice .content__wrapper--05 .content-detail {
    display: flex;
}
#CE221209Alice .content__wrapper--05 .content-detail01 {
    margin-left: 23rem;
    margin-bottom: -2.6rem;
}
#CE221209Alice .content__wrapper--05 .content-detail02 {
    margin-left: 40rem;
    margin-bottom: 10rem;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
#CE221209Alice .content__wrapper--05 .img02 {
    width: 33rem;
}
#CE221209Alice .content__wrapper--05 .content-detail .description-wrapper {
    width: 40rem;
}
#CE221209Alice .content__wrapper--05 .content-detail01 .description-wrapper {
    margin-top: 13.3rem;
    margin-left: 4rem;
}
#CE221209Alice .content__wrapper--05 .content-detail02 .description-wrapper {
    margin-top: 18rem;
    margin-right: 4rem;
}
#CE221209Alice .content__wrapper--05 .content-detail .description {
    text-align: justify;
}
#CE221209Alice .content__wrapper--05 .item-name01 {
    width: 12.2rem;
    margin-bottom: 2.7rem;
}
#CE221209Alice .content__wrapper--05 .item-name02 {
    width: 10.5rem;
    margin-bottom: 2.7rem;
}
#CE221209Alice .content__wrapper--05 .item-name03 {
    width: 30rem;
    margin: 0 auto 3.5rem;
}
#CE221209Alice .content__wrapper--05 .item-wrapper {
    margin-bottom: 2.7rem;
    display: flex;
    justify-content: center;
}
#CE221209Alice .content__wrapper--05 .img03,
#CE221209Alice .content__wrapper--05 .img04 {
    width: 36.5rem;
}
#CE221209Alice .content__wrapper--05 .img03 {
    z-index: 2;
}
#CE221209Alice .content__wrapper--05 .img04 {
    margin-top: 10rem;
    margin-left: -6rem;
}
#CE221209Alice .content__wrapper--05 .content-detail03 .description {
    text-align: center;
}
#CE221209Alice .content__wrapper--05 .content-detail03 .price {
    text-align: center;
}

.m-btn-wrapper {
    background-color: #f8f6f2;
}

/* for SP */
@media screen and (max-width: 767px) {

    /* ============================= ▼ common ▼ == */

    #CE221209Alice .description {
        font-size: calc(24* (100vw / 750));
    }
    #CE221209Alice .sub-ttl {
        font-size: calc(27* (100vw / 750));
        letter-spacing: 0.025em;
    }

    /* ============================= ▼ firstview ▼ == */
    /* ============================= ▼ firstview ▼ == */
    #CE221209Alice .heading__wrapper {
        margin-bottom: calc(128* (100vw / 750));
    }
    #CE221209Alice .heading__visual {
        width: 100%;
        margin: 0 auto calc(140* (100vw / 750));
    }
    #CE221209Alice .intro-wrapper {
        padding: calc(155* (100vw / 750)) 0;
        width: 100%;
        height: 100%;
        background-image: url("../img/sp_bg.jpg");
    }
    #CE221209Alice .intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #CE221209Alice .intro::before {
        content: "";
        position: absolute;
        width: calc(720* (100vw / 750));
        height: calc(1679* (100vw / 750));
        top: calc(-85* (100vw / 750));
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        background-image: url("../img/sp_frame.png");
    }
    #CE221209Alice .intro p {
        margin-top: calc(70* (100vw / 750));
        font-size: calc(24* (100vw / 750));
        line-height: 2.2;
    }
    #CE221209Alice .intro .img01 {
        width: calc(600* (100vw / 750));
        margin: 0 auto;
    }
    #CE221209Alice .intro .img01 video {
        width: calc(600* (100vw / 750));
    }

    /* ============================= ▼ 01 ▼ == */
    #CE221209Alice .content__wrapper--01 {
        width: 100%;
        margin: 0 auto calc(89* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--01 h3 {
        width: calc(352* (100vw / 750));
        margin: 0 auto calc(37* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--01 .img01 {
        width: calc(630* (100vw / 750));
        margin: 0 auto calc(-40* (100vw / 750));
        margin-left: auto;
        margin-right: 0;
    }
    #CE221209Alice .content__wrapper--01 .content-detail {
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
    }
    #CE221209Alice .content__wrapper--01 .item-name {
        width: calc(207* (100vw / 750));
        margin-bottom: calc(36* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--01 .description-wrapper {
        width: calc(670* (100vw / 750));
        margin: 0 auto;
    }
    #CE221209Alice .content__wrapper--01 .description-wrapper::before {
        width: calc(405* (100vw / 750));
        height: calc(600* (100vw / 750));
        right: calc(-40* (100vw / 750));
        top: calc(-289* (100vw / 750));
        background-image: url("../img/sp_design01.png");
    }
    #CE221209Alice .content__wrapper--01 .img02 {
        width: calc(670* (100vw / 750));
        margin-bottom: calc(70* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--01 .sub-ttl {
        margin-bottom: calc(61* (100vw / 750));
    }

    /* ============================= ▼ 02 ▼ == */
    #CE221209Alice .content__wrapper--02 {
        margin-bottom: calc(167* (100vw / 750));
        text-align: center;
    }
    #CE221209Alice .content__wrapper--02 .img01 {
        position: relative;
        width: calc(670* (100vw / 750));
        margin: 0 auto calc(70* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--02 .img01::before {
        width: calc(295* (100vw / 750));
        height: calc(560* (100vw / 750));
        left: calc(-40* (100vw / 750));
        bottom: calc(-540* (100vw / 750));
        background-image: url("../img/sp_design02.png");
    }
    #CE221209Alice .content__wrapper--02 h3 {
        width: calc(360* (100vw / 750));
        margin: 0 auto calc(36* (100vw / 750));
    }

    /* ============================= ▼ 03 ▼ == */
    #CE221209Alice .content__wrapper--03 {
        width: 100%;
        margin: 0 auto calc(89* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--03 h3 {
        position: relative;
        width: calc(690* (100vw / 750));
        margin: 0 auto calc(37* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--03 h3::before {
        content: "";
        position: absolute;
        width: calc(275* (100vw / 750));
        height: calc(555* (100vw / 750));
        top: calc(180* (100vw / 750));
        right: calc(-30* (100vw / 750));
        background-image: url(../img/sp_design03.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    #CE221209Alice .content__wrapper--03 .img01 {
        width: calc(630* (100vw / 750));
        margin: 0 auto calc(-40* (100vw / 750));
        margin-right: auto;
        margin-left: 0;
    }
    #CE221209Alice .content__wrapper--03 .content-detail {
        margin-left: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #CE221209Alice .content__wrapper--03 .img02 {
        width: calc(670* (100vw / 750));
        margin-left: auto;
        margin-bottom: calc(71* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--03 .description-wrapper {
        width: calc(670* (100vw / 750));
        margin-top: 0;
        margin-left: calc(40* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--03 .description-wrapper::before {
        display: none;
    }
    #CE221209Alice .content__wrapper--03 .sub-ttl {
        margin-bottom: calc(60* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--03 .item-name {
        width: calc(345* (100vw / 750));
        margin-bottom: calc(36* (100vw / 750));
    }

    /* ============================= ▼ 04 ▼ == */
    #CE221209Alice .content__wrapper--04 {
        margin-bottom: calc(168* (100vw / 750));
        text-align: center;
    }
    #CE221209Alice .content__wrapper--04 .img01 {
        position: relative;
        width: calc(670* (100vw / 750));
        margin: 0 auto calc(70* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--04 .img01::before {
        width: calc(320* (100vw / 750));
        height: calc(630* (100vw / 750));
        right: calc(-40* (100vw / 750));
        top: calc(-470* (100vw / 750));
        bottom: auto;
        background-image: url("../img/sp_design04.png");
    }
    #CE221209Alice .content__wrapper--04 h3 {
        width: calc(360* (100vw / 750));
        margin: 0 auto calc(36* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--04 .price {
        margin-top: calc(25* (100vw / 750));
    }

    /* ============================= ▼ 04 ▼ == */
    #CE221209Alice .content__wrapper--05 {
        position: relative;
    }
    #CE221209Alice .content__wrapper--05::before {
        width: 100vw;
        height: 100%;
        top: calc(201* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .img01 {
        width: 100%;
        margin: 0 auto calc(180* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 h3 {
        width: calc(550* (100vw / 750));
        margin: 0 auto calc(71* (100vw / 750));
        padding: 0 calc(20* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 h3::before {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    #CE221209Alice .content__wrapper--05 h3::after {
        width: 100vw;
        height: calc(2* (100vw / 750));
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    #CE221209Alice .content__wrapper--05 .content-all {
        width: 100%;
        margin: 0 auto;
    }
    #CE221209Alice .content__wrapper--05 .content-detail {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #CE221209Alice .content__wrapper--05 .content-detail01 {
        margin-left: 0;
        margin-bottom: calc(79* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .content-detail02 {
        margin-left: 0;
        margin-bottom: calc(79* (100vw / 750));
        flex-direction: row;
        justify-content: center;
    }
    #CE221209Alice .content__wrapper--05 .img02 {
        width: calc(495* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .content-detail .description-wrapper {
        width: auto;
    }
    #CE221209Alice .content__wrapper--05 .content-detail01 .description-wrapper {
        margin-top: calc(50* (100vw / 750));
        margin-left: 0;
    }
    #CE221209Alice .content__wrapper--05 .content-detail02 .description-wrapper {
        margin-top: calc(50* (100vw / 750));
        margin-right: 0;
    }
    #CE221209Alice .content__wrapper--05 .content-detail .description {
        text-align: center;
    }
    #CE221209Alice .content__wrapper--05 .item-name01 {
        width: calc(244* (100vw / 750));
        margin: 0 auto calc(36* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .item-name02 {
        width: calc(210* (100vw / 750));
        margin: 0 auto calc(36* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .item-name03 {
        width: calc(600* (100vw / 750));
        margin: 0 auto calc(51* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .item-wrapper {
        margin-bottom: calc(36* (100vw / 750));
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #CE221209Alice .content__wrapper--05 .img03,
    #CE221209Alice .content__wrapper--05 .img04 {
        width: calc(495* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .img03 {
        margin-left: calc(31* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .img04 {
        margin-top: calc(-121* (100vw / 750));
        margin-left: calc(225* (100vw / 750));
    }
    #CE221209Alice .content__wrapper--05 .price {
        text-align: center;
    }
}
/*# sourceMappingURL=style.css.map */