@charset "UTF-8";
/*
 * 1week trial kit 使用方法
 */
/* KV */
@media screen and (min-width: 769px) {
  .content-asset .cKv-image {
    width: 63.103953vw;
  }
}
@media screen and (max-width: 768px) {
  .content-asset .cKv-titleMain {
    margin-bottom: 2.275rem;
    line-height: 1.33;
  }

  .content-asset .cLowerNav-list {
    gap: 1.3125rem 1.25rem;
  }

  .content-asset .cLowerNav-item {
    width: 11.2499975rem;
  }
}
/* Sidebar */
@media screen and (min-width: 769px) {
  .content-asset .cLowerNav .cLowerNav-item + .cLowerNav-item {
    margin-top: 15px;
  }
}
/* Slider */
.content-asset .cSlider .slick-track {
  background-color: #fff;
}

.content-asset .cSlider .slick-slide img {
  width: 268px;
  height: auto;
}

.content-asset .cSlider .slick-prev {
  left: -17px;
  margin-top: -17px;
}

.content-asset .cSlider .slick-next {
  right: -17px;
  margin-top: -17px;
}

@media screen and (min-width: 769px) {
  .content-asset .cSlider .slick-dots {
    margin-top: 68px;
  }
}
@media screen and (max-width: 768px) {
  .content-asset .cSlider .slick-track {
    align-items: baseline;
  }

  .content-asset .cSlider .slick-slide img {
    width: 72.463768vw;
  }
}
/* 2カラム */
.content-asset .cColumn2-content {
  gap: 30px;
  padding-top: 48px;
}

.content-asset .cColumn2-image {
  text-align: center;
}

.content-asset .cColumn2 p {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.571428;
  color: #323232;
  text-align: left;
}

.content-asset .cColumn2 p:not(.sublead) {
  padding-right: 10px;
}

.content-asset .cColumn2 .sublead {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.571428;
  padding-top: 5px;
  padding-bottom: 12px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .content-asset .cColumn2-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
    padding-top: 0;
  }

  .content-asset .cColumn2-image {
    margin-top: 1.249999975rem;
  }

  .content-asset .cColumn2-main {
    padding-top: 1.18749995rem;
  }

  .content-asset .cColumn2 p {
    font-size: 0.875rem;
    letter-spacing: 0;
  }

  .content-asset .cColumn2 p:not(.sublead) {
    padding-right: 0;
  }

  .content-asset .cColumn2 .sublead {
    font-size: 0.875rem;
    padding-top: 0.31249995rem;
    padding-bottom: 1.18749995rem;
    letter-spacing: 0;
  }
}
/* お使いになる前に */
.content-asset .howbefore {
  padding-top: 99px;
}

.content-asset .cKv {
  padding-bottom: 35px;
}

.content-asset .howbefore-content p {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.571428;
  margin-top: 40px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 768px) {
  .content-asset .howbefore {
    padding-top: 4.43749985rem;
  }

  .content-asset .howbefore-content {
    margin-top: 2.125rem;
    margin-inline: 1rem;
  }

  .content-asset .cKv {
    padding-bottom: 2.1875rem;
  }

  .content-asset .howbefore-content p {
    font-size: 0.875rem;
    margin-top: 2.4999975rem;
  }
}
/* 落とす */
.content-asset .howremove {
  padding-top: 130px;
}

.content-asset .howremove .howtoProduct {
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .content-asset .howremove {
    padding-top: 6.93749875rem;
  }

  .content-asset .howremove .howtoProduct {
    padding-top: 2.4999975rem;
    margin-inline: 1rem;
  }

  .content-asset .howremove .cSlider .slick-prev {
    left: -0.875rem;
    margin-top: -5.9999975rem;
  }

  .content-asset .howremove .cSlider .slick-next {
    right: -0.875rem;
    margin-top: -5.9999975rem;
  }

  .content-asset .howremove .cSlider .slick-dots {
    margin-top: -0.4375rem;
  }
}
/* 磨く */
.content-asset .howpolish {
  padding-top: 127px;
}

.content-asset .howpolish .howtoProduct {
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .content-asset .howpolish {
    padding-top: 6.7499999rem;
  }

  .content-asset .howpolish .howtoProduct {
    padding-top: 2.4999975rem;
    margin-inline: 1rem;
  }

  .content-asset .howpolish .cSlider .slick-prev {
    left: -0.875rem;
    margin-top: -6.6874999975rem;
  }

  .content-asset .howpolish .cSlider .slick-next {
    right: -0.875rem;
    margin-top: -6.6874999975rem;
  }

  .content-asset .howpolish .cSlider .slick-dots {
    margin-top: 2.312499875rem;
  }
}
/* うるおし整える */
.content-asset .howmoisturize {
  padding-top: 127px;
}

.content-asset .howmoisturize .howmoisturize-inner {
  padding-top: 40px;
}

.content-asset .howmoisturize .cColumn2-image img {
  width: 268px;
  height: auto;
}

.content-asset .howmoisturize .cFlow-image {
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 768px) {
  .content-asset .howmoisturize {
    padding-top: 6.7499999rem;
  }

  .content-asset .howmoisturize .howmoisturize-inner {
    padding-top: 2.4999975rem;
  }

  .content-asset .howmoisturize .cSmallTitle {
    margin-inline: 1rem;
  }

  .content-asset .howmoisturize .cColumn2 {
    margin-inline: 1rem;
  }

  .content-asset .howmoisturize .cColumn2-image img {
    width: 18.749999975rem;
    padding-top: 1.249999975rem;
  }

  .content-asset .howmoisturize .cColumn2-image p.pc-none {
    padding-top: 0.6249999rem;
  }

  .content-asset .howmoisturize .howmoisturize-flow {
    margin-top: -1.0624999rem;
  }

  .content-asset .howmoisturize .cFlow-image {
    width: 6.2499999975rem;
    height: 6.2499999975rem;
  }
}