@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: 55px
}
#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
  }
}