@charset "utf-8";

/* 	beforeAfter
---------------------------------------------*/
.features_wrap.--beforeAfter .--textColor_green{
    color: #2c6e76;
}
.features_wrap.--beforeAfter .--textColor_red{
    color: #b45a4b;
}
.features_wrap.--beforeAfter .--bg_split01{
    width: 100%;
    background: linear-gradient(90deg, #abc5c8 0%, #abc5c8 50%, #ffc6c4 50%, #ffc6c4 100%);
}
.features_wrap.--beforeAfter .--bg_split02{
    width: 100%;
    background: linear-gradient(90deg, #e6eeee 0%, #e6eeee 50%, #ffeeed 50%, #ffeeed 100%);
}
.features_wrap.--beforeAfter .FV{
    padding-top: 4.6%;
    padding-bottom: 6%;
}
.features_wrap.--beforeAfter .FV .FV-title{
    width: 92.53%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.features_wrap.--beforeAfter .FV .FV-title .title__balloon{
    width: 100%;
    margin-bottom: 4.6%;
}
.features_wrap.--beforeAfter .FV .FV-title .title__before,
.features_wrap.--beforeAfter .FV .FV-title .title__after{
    display: block;
    width: 45.53%;
}
.features_wrap.--beforeAfter .introduction{
    padding: 110px 10px;
    text-align: center;
}
.features_wrap.--beforeAfter .introduction p{
    font-size: 3.2rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.8;
}
.features_wrap.--beforeAfter .introduction p span{
    font-weight: 700;
}
.features_wrap.--beforeAfter .BA{
    width: 100%;
}
.features_wrap.--beforeAfter .BA .BA-lead{
    width: 100%;
}
.features_wrap.--beforeAfter .BA .BA-beforeAfter{
    padding-top: 7.3%;
    padding-bottom: 7.3%;
    display: flex;
    justify-content: center;
    position: relative;
}
.features_wrap.--beforeAfter .BA .BA-beforeAfter .beforeAfter__before,
.features_wrap.--beforeAfter .BA .BA-beforeAfter .beforeAfter__after{
    width: 42%;
}
.features_wrap.--beforeAfter .BA .BA-beforeAfter .beforeAfter__after{
    margin-left: 8%;
}
.features_wrap.--beforeAfter .BA .BA-beforeAfter .absolute-beforeAfter__minus{
    width: 24.4%;
    bottom: 24%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.features_wrap.--beforeAfter .BA .BA-difference{
    padding-top: 8%;
    padding-bottom: 6.6%;
    text-align: center;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__lead{
    display: block;
    width: 92%;
    margin: 0 auto;
    background-color: #fff;
    font-size: 3.4rem;
    letter-spacing: 0.1em;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__arrowDown{
    display: block;
    width: 8%;
    margin: 1% auto 4%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo{
    display: flex;
    justify-content: space-between;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before,
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after{
    width: 50%;
    position: relative;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--denimPants .before__photo{
    width: 58.66%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--denimPants .absolute-before__dottedLine{
    width: 37.3%;
    top: 19%;
    left: 1%;
    right: 0;
    margin: 0 auto;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before .absolute-before__common_line{
    width: 38.93%;
    bottom: 2%;
    right: 7%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--denimPants .after__photo{
    width: 76.26%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--denimPants .absolute-after__arrowUp{
    width: 35.2%;
    top: 21%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--denimPants .absolute-after__dottedLine{
    width: 38.93%;
    top: 41%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--denimPants .absolute-after__package{
    width: 30.4%;
    bottom: 0%;
    left: 0%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--denimPants .absolute-after__text{
    width: 21.6%;
    top: 3%;
    right: 3%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--hipliftGirdle .before__photo{
    width: 73.6%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--hipliftGirdle .absolute-before__dottedCircle{
    width: 11.46%;
    top: 18%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--hipliftGirdle .absolute-before__dottedCircle.--left{
    left: 21%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--hipliftGirdle .absolute-before__dottedCircle.--right{
    right: 25%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--hipliftGirdle .after__photo{
    width: 84.26%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--hipliftGirdle .absolute-after__arrowUp{
    width: 46.13%;
    top: 35%;
    left: 25.5%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--hipliftGirdle .absolute-after__3line_left{
    width: 4.26%;
    top: 19%;
    left: 21%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--hipliftGirdle .absolute-after__3line_right{
    width: 4%;
    top: 19%;
    right: 25.5%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--hipliftGirdle .absolute-after__package{
    width: 30.93%;
    bottom: -1%;
    left: -5%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--hipliftGirdle .absolute-after__text{
    width: 19.46%;
    top: 6%;
    right: 3%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--ribLeggings .before__photo{
    width: 58.66%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--ribLeggings .after__photo{
    width: 76.26%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--ribLeggings .absolute-after__arrowUp{
    width: 51%;
    top: 14%;
    left: 24%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--ribLeggings .absolute-after__dottedCircle{
    width: 9.06%;
    left: 45%;
    top: 28%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--ribLeggings .absolute-after__package{
    width: 32.26%;
    bottom: 0%;
    left: -9%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--ribLeggings .absolute-after__text{
    width: 16%;
    top: 22%;
    right: 5%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--shapeupInner .before__photo{
    width: 73.6%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__before.--shapeupInner .absolute-before__dottedLine{
    width: 11.46%;
    top: 25%;
    right: 15%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--shapeupInner .after__photo{
    width: 82.13%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--shapeupInner .absolute-after__arrowUp{
    width: 6.66%;
    bottom: 19%;
    right: 31%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--shapeupInner .absolute-after__package{
    width: 31.46%;
    left: -7%;
    bottom: 0%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__photo .photo__after.--shapeupInner .absolute-after__text{
    width: 19.46%;
    top: 8%;
    right: 3%;
}
.features_wrap.--beforeAfter .BA .BA-difference .difference__caution{
    margin-top: 2.6%;
    color: #808080;
    font-size: 1rem;
    letter-spacing: 0.1em;
}
.features_wrap.--beforeAfter .BA .BA-productInfo{
    width: 100%;
    padding: 10.6% 4%;
    background-image: url("../img/topics/features/beforeAfter/EC_topics_features_beforeAfter_productInfo_photo__denimPants.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    aspect-ratio: 750 / 823;
}
.features_wrap.--beforeAfter .BA .BA-productInfo.--denimPants{
    background-image: url("../img/topics/features/beforeAfter/EC_topics_features_beforeAfter_productInfo_photo__denimPants.png");
}
.features_wrap.--beforeAfter .BA .BA-productInfo.--hipliftGirdle{
    background-image: url("../img/topics/features/beforeAfter/EC_topics_features_beforeAfter_productInfo_photo__hipliftGirdle.png");
}
.features_wrap.--beforeAfter .BA .BA-productInfo.--ribLeggings{
    background-image: url("../img/topics/features/beforeAfter/EC_topics_features_beforeAfter_productInfo_photo__ribLeggings.png");
}
.features_wrap.--beforeAfter .BA .BA-productInfo.--shapeupInner{
    background-image: url("../img/topics/features/beforeAfter/EC_topics_features_beforeAfter_productInfo_photo__shapeupInner.png");
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title img{
    display: block;
    margin-bottom: 15px;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title span{
    color: #222;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title.--denimPants img{
    width: 36.95%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title.--hipliftGirdle img{
    width: 62.3%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title.--ribLeggings img{
    width: 58.8%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title.--shapeupInner img{
    width: 50%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__name{
    display: inline-block;
    margin-top: 40px;
    font-size: 3.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__sizeColor{
    display: block;
    margin-top: 20px;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__sizeColor.--denimPants{
    width: 36.5%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__sizeColor.--hipliftGirdle{
    width: 30.8%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__sizeColor.--ribLeggings{
    width: 57.97%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__sizeColor.--shapeupInner{
    width: 16.66%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__price{
    display: block;
    margin-top: 25px;
    margin-bottom: 70px;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__price.--denimPants{
    width: 25.5%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__price.--hipliftGirdle{
    width: 25.21%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__price.--ribLeggings{
    width: 23.33%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__price.--shapeupInner{
    width: 24.92%;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_detail,
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_other{
    display: block;
    width: 52%;
    margin-top: 25px;
    padding: 10px;
    border-radius: 30px;
    font-size: 2.4rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    text-align: center;
    position: relative;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_detail::before,
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_other::before{
    content: '';
    width: 8px;
    height: 15px;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_detail::before{
    background: #fff;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_other::before{
    background: #b45a4b;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_detail{
    background-color: #b45a4b;
    color: #fff;
}
.features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_other{
    border: 2px solid #b45a4b;
    background-color: #fff;
    color: #b45a4b;
}
.features_wrap.--beforeAfter .endMessage{
    padding: 110px 10px;
    text-align: center;
}
.features_wrap.--beforeAfter .endMessage p{
    font-size: 3.2rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.8;
}

@media screen and (max-width: 749px) {
    .features_wrap.--beforeAfter .introduction{
        padding: 55px 5px;
    }
    .features_wrap.--beforeAfter .introduction p{
        font-size: 1.6rem;
    }
    .features_wrap.--beforeAfter .BA .BA-difference .difference__lead{
        font-size: 1.7rem;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title img{
        margin-bottom: 7px;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__title span{
        font-size: 1.4rem;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__name{
        margin-top: 20px;
        font-size: 1.8rem;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__sizeColor{
        margin-top: 10px;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__price{
        margin-top: 12px;
        margin-bottom: 35px;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_detail,
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_other{
        margin-top: 12px;
        font-size: 1.2rem;
    }
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_detail::before,
    .features_wrap.--beforeAfter .BA .BA-productInfo .productInfo__btn_other::before{
        width: 4px;
        height: 7px;
        right: 10px;
    }
    .features_wrap.--beforeAfter .endMessage{
        padding: 55px 5px;
    }
    .features_wrap.--beforeAfter .endMessage p{
        font-size: 1.6rem;
    }
}