@charset "UTF-8";
/*=======================================
                  PC   
========================================*/
/* fonts */
/* fonts-size */
/* color */
/*=======================================
 	        animation
 ========================================*/
.fade {
    opacity: 0;
    transition-duration: 1.2s;
}
.fade.active {
    opacity: 1;
}

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

#wrapper {
    /* width: 192rem; */
    margin: 2rem auto 0;
}

/* ============================= ▼ common ▼ == */
#CE221110outer .content__image,
#CE221110outer .content__inner,
#CE221110outer .content__unit,
#CE221110outer .content__wrapper {
    position: relative;
}

#CE221110outer .content__unit::after {
    position: absolute;
    content: "";
    z-index: -1;
}
#CE221110outer img {
    width: 100%;
}

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

#CE221110outer h3 {
    position: absolute;
    font-size: 4.8rem;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    letter-spacing: 0.011em;
    transform: rotate(90deg);
}
#CE221110outer h4 {
    position: absolute;
    font-size: 2.4rem;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    letter-spacing: 0.018em;
    line-height: 1.2;
    transform: rotate(90deg);
}
#CE221110outer h4 span {
    font-weight: 500;
}

#CE221110outer .img01,
#CE221110outer .img02 {
    position: relative;
}

#CE221110outer .title {
    margin-bottom: 3.6rem;
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    font-weight: bold;
}
#CE221110outer .description-txt {
    margin-bottom: 3.4rem;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
    line-height: 2.2;
    text-align: justify;
}
#CE221110outer .description-txt02 {
    margin-bottom: 2.3rem;
}

#CE221110outer .point {
    display: flex;
    align-items: center;
}
#CE221110outer .point li {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    font-family: "Crimson Text", serif;
    letter-spacing: 0.025em;
}
#CE221110outer .point li:nth-child(n+2) {
    margin-left: 1rem;
}
#CE221110outer .point li img {
    width: 2.4rem;
    margin-right: 0.5rem;
}

/* ============================= ▼ firstview ▼ == */
#CE221110outer .heading__wrapper {
    margin-bottom: 13.6rem;
    text-align: center;
}
#CE221110outer .heading__visual {
    width: 110rem;
    margin: 0 auto 13.2rem;
}
#CE221110outer .lead {
    font-size: 1.3rem;
    letter-spacing: 0.025em;
    line-height: 2.2;
}

/* ============================= ▼ 01 ▼ == */
#CE221110outer .content__wrapper--01 {
    margin-bottom: 14rem;
}
#CE221110outer .content__unit--01-1 {
    margin-bottom: -22rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
#CE221110outer .content__wrapper--01 .content__unit--01-1 .description-wrapper {
    margin-top: 20.1rem;
}
#CE221110outer .content__wrapper--01 .content__unit--01-1 .description-txt {
    width: 36rem;
}
#CE221110outer .content__wrapper--01 .img01 {
    width: 46rem;
    margin-left: 12rem;
    z-index: 2;
}
#CE221110outer .content__wrapper--01 .price {
    margin-top: 2.2rem;
    text-align: right;
}
#CE221110outer .content__wrapper--01 h3 {
    right: -34.5rem;
    top: 23.8rem;
    color: #91892c;
}
#CE221110outer .content__unit--01-2 {
    margin-left: 23rem;
}
#CE221110outer .content__wrapper--01 .img02 {
    width: 32rem;
    margin-bottom: 3.3rem;
}
#CE221110outer .content__wrapper--01 .content__unit--01-2 .description-txt {
    width: 32rem;
}
#CE221110outer .content__wrapper--01 h4 {
    right: -24.8rem;
    top: 20.8rem;
}
#CE221110outer .content__wrapper--01 h4 span {
    color: #91892c;
}

/* ============================= ▼ 02 ▼ == */
#CE221110outer .content__wrapper--02 {
    margin-bottom: -5.9rem;
}
#CE221110outer .content__unit--02-1 {
    margin-left: 35rem;
    margin-bottom: -28rem;
    display: flex;
}
#CE221110outer .content__wrapper--02 .content__unit--02-1 .description-wrapper {
    margin-top: 16rem;
    margin-left: 6rem;
}
#CE221110outer .content__wrapper--02 .content__unit--02-1 .description-txt {
    width: 42rem;
}
#CE221110outer .content__wrapper--02 .img01 {
    width: 46rem;
}
#CE221110outer .content__wrapper--02 .price {
    margin-top: 2.2rem;
}
#CE221110outer .content__wrapper--02 h3 {
    left: -26rem;
    top: 15.1rem;
    color: #c58581;
    letter-spacing: 0.018em;
}
#CE221110outer .content__unit--02-2 {
    margin-left: 101rem;
}
#CE221110outer .content__wrapper--02 .img02 {
    width: 28rem;
    margin-bottom: 3.3rem;
}
#CE221110outer .content__wrapper--02 .content__unit--02-2 .description-txt {
    width: 28rem;
}
#CE221110outer .content__wrapper--02 h4 {
    right: -24.8rem;
    top: 17.8rem;
    letter-spacing: 0.021em;
}
#CE221110outer .content__wrapper--02 h4 span {
    color: #c58581;
}

/* ============================= ▼ 03 ▼ == */
#CE221110outer .content__wrapper--03 {
    margin-bottom: 14.1rem;
}
#CE221110outer .content__unit--03-1 {
    margin-left: 4rem;
    margin-bottom: -15.4rem;
    display: flex;
}
#CE221110outer .content__wrapper--03 .content__unit--03-1 .description-wrapper {
    margin-top: 36rem;
    margin-left: 12rem;
}
#CE221110outer .content__wrapper--03 .content__unit--03-1 .description-txt {
    width: 42rem;
}
#CE221110outer .content__wrapper--03 .img01 {
    width: 48rem;
}
#CE221110outer .content__wrapper--03 .price {
    margin-top: 2.2rem;
}
#CE221110outer .content__wrapper--03 h3 {
    right: -27.4rem;
    top: 16.5rem;
    color: #989898;
}
#CE221110outer .content__unit--03-2 {
    margin-left: 74rem;
}
#CE221110outer .content__wrapper--03 .img02 {
    width: 32rem;
    margin-bottom: 3.3rem;
}
#CE221110outer .content__wrapper--03 .content__unit--03-2 .description-txt {
    width: 32rem;
}
#CE221110outer .content__wrapper--03 h4 {
    right: -20.9rem;
    top: 13.9rem;
    letter-spacing: 0.022em;
}
#CE221110outer .content__wrapper--03 h4 span {
    color: #989898;
}

/* ============================= ▼ 04 ▼ == */
#CE221110outer .content__wrapper--04 {
    margin-bottom: 14rem;
}
#CE221110outer .content__block--04 {
    margin-left: 21rem;
    display: flex;
}
#CE221110outer .content__unit--04-1 {
    margin-left: 4rem;
    margin-bottom: -15.4rem;
}
#CE221110outer .content__wrapper--04 .content__unit--04-1 .description-wrapper {}
#CE221110outer .content__wrapper--04 .content__unit--04-1 .description-txt {
    width: 50rem;
}
#CE221110outer .content__wrapper--04 .img01 {
    width: 50rem;
    margin-bottom: 4.1rem;
}
#CE221110outer .content__wrapper--04 .price {
    margin-top: 2.2rem;
}
#CE221110outer .content__wrapper--04 h3 {
    right: -41.3rem;
    top: 30.5rem;
    color: #af9570;
    letter-spacing: 0.022em;
}
#CE221110outer .content__unit--04-2 {
    margin-top: 67rem;
    margin-left: 16rem;
}
#CE221110outer .content__wrapper--04 .img02 {
    width: 34rem;
    margin-bottom: 3.3rem;
}
#CE221110outer .content__wrapper--04 .content__unit--04-2 .description-txt {
    width: 34rem;
}
#CE221110outer .content__wrapper--04 h4 {
    right: -27.6rem;
    top: 20.6rem;
    letter-spacing: 0.025em;
}
#CE221110outer .content__wrapper--04 h4 span {
    color: #af9570;
}

/* ============================= ▼ 05 ▼ == */
#CE221110outer .content__wrapper--05 {
    margin-bottom: 13.4rem;
}
#CE221110outer .content__unit--05-1 {
    margin-bottom: -25.4rem;
    display: flex;
    justify-content: center;
}
#CE221110outer .content__wrapper--05 .content__unit--05-1 .description-wrapper {
    width: 38rem;
    margin-top: 20.1rem;
    margin-left: 12rem;
}
#CE221110outer .content__wrapper--05 .img01 {
    width: 46rem;
}
#CE221110outer .content__wrapper--05 .price {
    margin-top: 2.2rem;
}
#CE221110outer .content__wrapper--05 h3 {
    left: -34.8rem;
    top: 24rem;
    color: #254259;
    letter-spacing: 0.005em;
}
#CE221110outer .content__unit--05-2 {
    margin-left: 90rem;
}
#CE221110outer .content__wrapper--05 .img02 {
    width: 28rem;
    margin-bottom: 3.3rem;
}
#CE221110outer .content__wrapper--05 .content__unit--05-2 .description-txt {
    width: 28rem;
}
#CE221110outer .content__wrapper--05 h4 {
    right: -8.3rem;
    top: 4.2rem;
}

/* ============================= ▼ 06 ▼ == */
#CE221110outer .content__wrapper--06 {
    margin-bottom: 13.9rem;
}
#CE221110outer .content__block--06 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
#CE221110outer .content__unit--06-1 {
    margin-left: 16rem;
}
#CE221110outer .content__wrapper--06 .content__unit--06-1 .description-wrapper {
    width: 50rem;
}
#CE221110outer .content__wrapper--06 .img01 {
    width: 50rem;
    margin-bottom: 4rem;
}
#CE221110outer .content__wrapper--06 h3 {
    left: -39.7rem;
    top: 28.9rem;
    color: #8b7ca4;
    letter-spacing: 0.017em;
}
#CE221110outer .content__unit--06-2 {
    margin-top: 59rem;
}
#CE221110outer .content__wrapper--06 .img02 {
    width: 34rem;
    margin-bottom: 3.3rem;
}
#CE221110outer .content__wrapper--06 .content__unit--06-2 .description-txt {
    width: 34rem;
}
#CE221110outer .content__wrapper--06 h4 {
    left: -29.7rem;
    top: 22.6rem;
    letter-spacing: 0.025em;
}
#CE221110outer .content__wrapper--06 h4 span {
    color: #8b7ca4;
}
#CE221110outer .content__unit--06-1 .description-txt {
    margin-bottom: 1.7rem;
}

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

    /* ============================= ▼ common ▼ == */
    #CE221110outer .content__image,
    #CE221110outer .content__inner,
    #CE221110outer .content__unit,
    #CE221110outer .content__wrapper {
        position: relative;
    }

    #CE221110outer h3 {
        font-size: calc(66* (100vw / 750));
        letter-spacing: 0.008em;
    }
    #CE221110outer h4 {
        font-size: calc(38* (100vw / 750));
        letter-spacing: 0.015em;
        line-height: 1;
    }

    #CE221110outer .img01,
    #CE221110outer .img02 {
        position: relative;
    }

    #CE221110outer .title {
        margin-bottom: calc(40* (100vw / 750));
        font-size: calc(27* (100vw / 750));
    }
    #CE221110outer .description-txt {
        margin-bottom: calc(40* (100vw / 750));
        font-size: calc(24* (100vw / 750));
    }
    #CE221110outer .description-txt02 {
        margin-bottom: calc(40* (100vw / 750));
    }

    #CE221110outer .point {
        display: flex;
        align-items: center;
    }
    #CE221110outer .point li {
        font-size: calc(24* (100vw / 750));
    }
    #CE221110outer .point li:nth-child(n+2) {
        margin-left: calc(20* (100vw / 750));
    }
    #CE221110outer .point li img {
        width: calc(40* (100vw / 750));
        margin-right: calc(10* (100vw / 750));
    }

    #wrapper{
        margin: 0 auto;
    }

    /* ============================= ▼ firstview ▼ == */
    #CE221110outer .heading__wrapper {
        margin-bottom: calc(149* (100vw / 750));

    }
    #CE221110outer .heading__visual {
        width: 100%;
        margin: 0 auto calc(146* (100vw / 750));
    }
    #CE221110outer .lead {
        font-size: calc(24* (100vw / 750));
    }

    /* ============================= ▼ 01 ▼ == */
    #CE221110outer .content__wrapper--01 {
        margin-bottom: calc(187* (100vw / 750));
    }
    #CE221110outer .content__unit--01-1 {
        margin-bottom: calc(80* (100vw / 750));
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #CE221110outer .content__wrapper--01 .content__unit--01-1 .description-wrapper {
        margin-top: 0;
        margin-left: calc(40* (100vw / 750));
    }
    #CE221110outer .content__wrapper--01 .content__unit--01-1 .description-txt {
        width: calc(600* (100vw / 750));
    }
    #CE221110outer .content__wrapper--01 .img01 {
        width: calc(640* (100vw / 750));
        margin-left: 0;
        margin-bottom: calc(81* (100vw / 750));
    }
    #CE221110outer .content__wrapper--01 .price {
        margin-top: calc(35* (100vw / 750));
        text-align: left;
    }
    #CE221110outer .content__wrapper--01 h3 {
        right: calc(-471* (100vw / 750));
        top: calc(330* (100vw / 750));
    }
    #CE221110outer .content__unit--01-2 {
        margin-left: calc(123* (100vw / 750));
    }
    #CE221110outer .content__wrapper--01 .img02 {
        width: calc(540* (100vw / 750));
        margin-bottom: calc(45* (100vw / 750));
    }
    #CE221110outer .content__wrapper--01 .content__unit--01-2 .description-txt {
        width: calc(540* (100vw / 750));
    }
    #CE221110outer .content__wrapper--01 h4 {
        right: calc(-393* (100vw / 750));
        top: calc(330* (100vw / 750));
    }

    /* ============================= ▼ 02 ▼ == */
    #CE221110outer .content__wrapper--02 {
        margin-bottom: calc(187* (100vw / 750));
    }
    #CE221110outer .content__unit--02-1 {
        margin-left: 0;
        margin-bottom: calc(79* (100vw / 750));
        display: flex;
        flex-wrap: wrap;
    }
    #CE221110outer .content__wrapper--02 .content__unit--02-1 .description-wrapper {
        margin-top: 0;
        margin-left: 6rem;
    }
    #CE221110outer .content__wrapper--02 .content__unit--02-1 .description-txt {
        width: calc(600* (100vw / 750));
    }
    #CE221110outer .content__wrapper--02 .img01 {
        width: calc(640* (100vw / 750));
        margin-left: auto;
        margin-bottom: calc(65* (100vw / 750));
    }
    #CE221110outer .content__wrapper--02 .price {
        margin-top: calc(34* (100vw / 750));
    }
    #CE221110outer .content__wrapper--02 h3 {
        left: calc(-352* (100vw / 750));
        top: calc(211* (100vw / 750));
        letter-spacing: 0.013em;
    }
    #CE221110outer .content__unit--02-2 {
        margin-left: calc(40* (100vw / 750));
    }
    #CE221110outer .content__wrapper--02 .img02 {
        width:calc(540* (100vw / 750));
        margin-bottom: calc(46* (100vw / 750));
    }
    #CE221110outer .content__wrapper--02 .content__unit--02-2 .description-txt {
        width: calc(540* (100vw / 750));
        margin-bottom: calc(43* (100vw / 750));
    }
    #CE221110outer .content__wrapper--02 h4 {
        right: calc(-442* (100vw / 750));
        top: calc(378* (100vw / 750));
        letter-spacing: 0.018em;
    }
    #CE221110outer .content__wrapper--02 .title {
        margin-bottom: calc(22* (100vw / 750));
        line-height: 2.2;
    }

    /* ============================= ▼ 03 ▼ == */
    #CE221110outer .content__wrapper--03 {
        margin-bottom: calc(188* (100vw / 750));
    }
    #CE221110outer .content__unit--03-1 {
        margin-left: 0;
        margin-bottom: calc(30* (100vw / 750));
        display: flex;
        flex-wrap: wrap;
    }
    #CE221110outer .content__wrapper--03 .content__unit--03-1 .description-wrapper {
        margin-top: 0;
        margin-left: calc(40* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 .content__unit--03-1 .description-txt {
        width: calc(600* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 .img01 {
        width: calc(640* (100vw / 750));
        margin-bottom: calc(81* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 .price {
        margin-top: calc(36* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 h3 {
        right: calc(-372* (100vw / 750));
        top: calc(232* (100vw / 750));
    }
    #CE221110outer .content__unit--03-2 {
        margin-left: calc(190* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 .img02 {
        width: calc(520* (100vw / 750));
        margin-bottom: calc(46* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 .content__unit--03-2 .description-txt {
        width: calc(520* (100vw / 750));
    }
    #CE221110outer .content__wrapper--03 h4 {
        right: auto;
        left: calc(-350* (100vw / 750));
        top: calc(287* (100vw / 750));
        letter-spacing: 0.018em;
    }

    /* ============================= ▼ 04 ▼ == */
    #CE221110outer .content__wrapper--04 {
        margin-bottom: calc(188* (100vw / 750));
    }
    #CE221110outer .content__block--04 {
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
    }
    #CE221110outer .content__unit--04-1 {
        margin-left: 0;
        margin-bottom: calc(80* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 .content__unit--04-1 .description-wrapper {
        margin-left: calc(40* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 .content__unit--04-1 .description-txt {
        width: calc(600* (100vw / 750));
        margin-bottom: calc(42* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 .img01 {
        width: calc(640* (100vw / 750));
        margin-bottom: calc(65* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 .price {
        margin-top: calc(34* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 h3 {
        right: calc(-562* (100vw / 750));
        top: calc(421* (100vw / 750));
        letter-spacing: 0.018em;
    }
    #CE221110outer .content__unit--04-2 {
        margin-top: 0;
        margin-left: 0;
    }
    #CE221110outer .content__wrapper--04 .img02 {
        width: calc(600* (100vw / 750));
        margin-left: calc(150* (100vw / 750));
        margin-bottom: calc(46* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 .content__unit--04-2 .description-txt {
        width: calc(560* (100vw / 750));
        margin-bottom: calc(42* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 .content__unit--04-2 .description-wrapper {
        margin-left: calc(150* (100vw / 750));
    }
    #CE221110outer .content__wrapper--04 h4 {
        right: auto;
        left: calc(-490* (100vw / 750));
        top: calc(427* (100vw / 750));
        letter-spacing: 0.02em;
    }
    #CE221110outer .content__wrapper--04 .title {
        margin-bottom: calc(22* (100vw / 750));
        line-height: 2.2;
    }

    /* ============================= ▼ 05 ▼ == */
    #CE221110outer .content__wrapper--05 {
        margin-bottom: calc(188* (100vw / 750));
    }
    #CE221110outer .content__unit--05-1 {
        margin-bottom: calc(27* (100vw / 750));
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #CE221110outer .content__wrapper--05 .content__unit--05-1 .description-wrapper {
        width: calc(600* (100vw / 750));
        margin-top: 0;
        margin-left: calc(110* (100vw / 750));
    }
    #CE221110outer .content__wrapper--05 .img01 {
        width: calc(640* (100vw / 750));
        margin-left: auto;
        margin-bottom: calc(65* (100vw / 750));
    }
    #CE221110outer .content__wrapper--05 .price {
        margin-top: 0;
        margin-left: calc(110* (100vw / 750));
    }
    #CE221110outer .content__wrapper--05 h3 {
        left: calc(-473* (100vw / 750));
        top: calc(331* (100vw / 750));
        letter-spacing: 0.001em;
    }
    #CE221110outer .content__unit--05-2 {
        margin-left: 0;
    }
    #CE221110outer .content__wrapper--05 .img02 {
        width: calc(540* (100vw / 750));
        margin-left: calc(110* (100vw / 750));
        margin-bottom: calc(45* (100vw / 750));
    }
    #CE221110outer .content__wrapper--05 .content__unit--05-2 .description-txt {
        width: calc(540* (100vw / 750));
        margin-left: calc(110* (100vw / 750));
        margin-bottom: calc(27* (100vw / 750));
    }
    #CE221110outer .content__wrapper--05 h4 {
        right: calc(-132* (100vw / 750));
        top: calc(68* (100vw / 750));
    }
    #CE221110outer .content__wrapper--05 .title {
        margin-bottom: calc(22* (100vw / 750));
        line-height: 2.2;
    }

    /* ============================= ▼ 06 ▼ == */
    #CE221110outer .content__wrapper--06 {
        margin-bottom: calc(187* (100vw / 750));
    }
    #CE221110outer .content__block--06 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #CE221110outer .content__unit--06-1 {
        margin-left: 0;
        margin-bottom: calc(40* (100vw / 750));
    }
    #CE221110outer .content__wrapper--06 .content__unit--06-1 .description-wrapper {
        width: calc(600* (100vw / 750));
        margin-left: calc(110* (100vw / 750));
    }
    #CE221110outer .content__wrapper--06 .img01 {
        width: calc(640* (100vw / 750));
        margin-left: auto;
        margin-bottom: calc(80* (100vw / 750));
    }
    #CE221110outer .content__wrapper--06 h3 {
        left: calc(-541* (100vw / 750));
        top: calc(399* (100vw / 750));
        letter-spacing: 0.013em;
    }
    #CE221110outer .content__unit--06-2 {
        margin-top: 0;
    }
    #CE221110outer .content__wrapper--06 .img02 {
        width: calc(600* (100vw / 750));
        margin-bottom: calc(45* (100vw / 750));
    }
    #CE221110outer .content__wrapper--06 .content__unit--06-2 .description-txt {
        width: calc(560* (100vw / 750));
    }
    #CE221110outer .content__wrapper--06 h4 {
        left: auto;
        right: calc(-486* (100vw / 750));
        top: calc(422* (100vw / 750));
        letter-spacing: 0.019em;
    }
    #CE221110outer .content__unit--06-1 .description-txt {
        margin-bottom: 1.7rem;
    }
    #CE221110outer .content__wrapper--06 .content__unit--06-2 .description-wrapper {
        margin-left: calc(40* (100vw / 750));
    }
    #CE221110outer .content__wrapper--06 .price {
        margin-top: calc(35* (100vw / 750));
    }
}
/*# sourceMappingURL=style.css.map */