@import url(css-NotoSansJP400500700.css);

#rimmel-concept {
    background-image: none
}

#rimmel-concept .pankuzu ul li {
    color: #646464
}

#rimmel-concept .pankuzu ul li a {
    color: #646464
}

#rimmel-concept .pankuzu ul li a:after {
    background-image: url(../image/pankuzu_arrow.svg)
}

#rimmel-concept .message {
    max-width: 1140px;
    margin: 54px auto 0;
    padding-top: 0
}

#rimmel-concept .message figure.mv {
    width: 1058px;
    margin: 118px auto 0
}

#rimmel-concept .message figure.submv {
    width: 690px;
    margin: 39px auto 37px
}

#rimmel-concept .message p {
    width: 690px;
    padding-left: 35px;
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Yu Gothic, "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.8;
    text-align: left
}

#rimmel-concept .message p img {
    width: 539px
}

#rimmel-concept .appeal {
    max-width: 1140px;
    margin: 140px auto 0
}

#rimmel-concept .appeal dl {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: auto
}

#rimmel-concept .appeal dl dd,
#rimmel-concept .appeal dl dt {
    width: 50%
}

#rimmel-concept .appeal dl dd img,
#rimmel-concept .appeal dl dt img {
    width: 100%
}

#rimmel-concept .appeal dl dd {
    text-align: left
}

#rimmel-concept .appeal dl dd p {
    margin-top: 43px;
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Yu Gothic, "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.8
}

#rimmel-concept .appeal dl.appeal1 dt {
    padding-left: 4.861vw
}

#rimmel-concept .appeal dl.appeal1 dt img {
    max-width: 460px
}

#rimmel-concept .appeal dl.appeal1 dd {
    padding-top: 60px;
    padding-left: 3.5%
}

#rimmel-concept .appeal dl.appeal1 dd img {
    max-width: 269px
}

#rimmel-concept .appeal dl.appeal2 {
    margin-top: 127px
}

#rimmel-concept .appeal dl.appeal2 dt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: right
}

#rimmel-concept .appeal dl.appeal2 dt img {
    max-width: 530px
}

#rimmel-concept .appeal dl.appeal2 dd {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding-top: 38px;
    padding-left: 5vw
}

#rimmel-concept .appeal dl.appeal2 dd img {
    max-width: 461px
}

#rimmel-concept .appeal dl.appeal2 dd p {
    padding-left: 6%
}

#rimmel-concept .appeal dl.appeal3 {
    margin-top: 127px
}

#rimmel-concept .appeal dl.appeal3 dt {
    padding-left: 98px
}

#rimmel-concept .appeal dl.appeal3 dt img {
    max-width: 414px
}

#rimmel-concept .appeal dl.appeal3 dd {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    height: 36vh;
    padding-left: 3.5%
}

#rimmel-concept .appeal dl.appeal3 dd img {
    max-width: 362px
}

#rimmel-concept .appeal dl.appeal3 dd p {
    margin-top: 41px
}

#rimmel-concept .appeal .js-appealIn {
    -webkit-transform: translateY(15%);
    -webkit-transition: 1.2s ease;
    transform: translateY(15%);
    opacity: 0;
    transition: 1.2s ease
}

#rimmel-concept .appeal .js-appealIn.show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#rimmel-concept .history-link {
    margin: 175px auto 140px
}

@media only screen and (max-width:1140px) {
    #rimmel-concept .message {
        max-width: 100%
    }

    #rimmel-concept .message figure.mv {
        width: 95%
    }

    #rimmel-concept .message figure.submv {
        width: 65%
    }

    #rimmel-concept .message p {
        max-width: 60%;
        padding-left: 0
    }

    #rimmel-concept .appeal {
        max-width: 80%
    }

    #rimmel-concept .appeal dl.appeal3 dd {
        height: 38vh
    }
}

@media only screen and (max-width:1064px) {

    #rimmel-concept .appeal dl dd,
    #rimmel-concept .appeal dl dt {
        width: 48%
    }

    #rimmel-concept .appeal dl.appeal1 dt {
        padding-left: 0
    }

    #rimmel-concept .appeal dl.appeal1 dd {
        padding-left: 13%
    }

    #rimmel-concept .appeal dl.appeal2 dd {
        padding-left: 0
    }

    #rimmel-concept .appeal dl.appeal3 dt {
        padding-left: 0
    }

    #rimmel-concept .appeal dl.appeal3 dd {
        -webkit-align-self: start;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        height: auto;
        padding-left: 0
    }
}

@media only screen and (max-width:768px) {
    #rimmel-concept .message {
        width: calc(100% - 50px);
        max-width: calc(100% - 50px);
        margin: 50px auto 0
    }

    #rimmel-concept .message figure.mv {
        width: 100vw;
        margin: 55.5px calc(50% - 50vw) 0
    }

    #rimmel-concept .message figure.submv {
        width: 100%;
        max-width: 95%;
        margin: 22px auto 28px
    }

    #rimmel-concept .message p {
        max-width: 95%;
        font-size: 14.5px;
        font-size: .90625rem
    }

    #rimmel-concept .message p img {
        width: 100%;
        max-width: 267px;
        margin: 0
    }

    #rimmel-concept .appeal {
        width: calc(100% - 50px);
        max-width: calc(100% - 50px);
        margin: 72.5px auto 0
    }

    #rimmel-concept .appeal dl {
        display: block
    }

    #rimmel-concept .appeal dl dd,
    #rimmel-concept .appeal dl dt {
        width: 100%
    }

    #rimmel-concept .appeal dl dd {
        padding-top: 28.5px
    }

    #rimmel-concept .appeal dl dd p {
        margin-top: 31px;
        font-size: 14.5px;
        font-size: .90625rem;
        letter-spacing: .03em
    }

    #rimmel-concept .appeal dl.appeal1 dt img {
        max-width: 90%
    }

    #rimmel-concept .appeal dl.appeal1 dd {
        padding-top: 28px
    }

    #rimmel-concept .appeal dl.appeal1 dd img {
        max-width: 60%
    }

    #rimmel-concept .appeal dl.appeal2 {
        margin-top: 66px
    }

    #rimmel-concept .appeal dl.appeal2 dt {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        text-align: center
    }

    #rimmel-concept .appeal dl.appeal2 dt img {
        max-width: 100%
    }

    #rimmel-concept .appeal dl.appeal2 dd {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 28px
    }

    #rimmel-concept .appeal dl.appeal2 dd img {
        max-width: 80%
    }

    #rimmel-concept .appeal dl.appeal2 dd p {
        padding-left: 4%
    }

    #rimmel-concept .appeal dl.appeal3 {
        margin-top: 69.5px
    }

    #rimmel-concept .appeal dl.appeal3 dt img {
        max-width: 86%
    }

    #rimmel-concept .appeal dl.appeal3 dd {
        -webkit-align-self: start;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        height: auto;
        padding-top: 34.5px;
        text-align: center
    }

    #rimmel-concept .appeal dl.appeal3 dd img {
        max-width: 58%
    }

    #rimmel-concept .appeal dl.appeal3 dd p {
        margin: 32px auto 0;
        padding-left: 20%;
        text-align: left
    }

    #rimmel-concept .history-link {
        margin: 72.5px auto 80px
    }
}