@charset "UTF-8";
.BNCWrap {
  color: #040a2b;
  max-width: 1366px;
  margin: 0 auto;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .BNCWrap .lp-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .lp-sp {
    display: none;
  }
}
.BNCWrap .mincho {
  margin: 0;
}
.BNCWrap h2, .BNCWrap h3 {
  font-weight: normal;
}
.BNCWrap p {
  margin: 0;
}
.BNCWrap img {
  display: block;
  width: 100%;
}
.BNCWrap ul {
  margin: 0;
}
.BNCWrap ul li {
  list-style-type: none;
}
.BNCWrap .link {
  text-decoration: none;
}
.BNCWrap .fs110p {
  font-size: 110%;
}
.BNCWrap .text--gold {
  margin: 0;
  background: -webkit-linear-gradient(90deg, #d0aa61, #e6d098, #d0aa61);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text !important;
  background-clip: border-box;
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial {
    margin-top: 100px;
    margin-bottom: calc(clamp(0px, 8.320644vw, 130px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial {
    margin-top: 40px;
    margin-bottom: calc(clamp(0px, 20.3333333333vw, 20.3333333333vw) * 1);
  }
}
.BNCWrap .trial .trial__title {
  text-align: center;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__title {
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
    padding-top: calc(clamp(0px, 7.666667vw, 7.666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
    .BNCWrap .trial .trial__discription {
        font-size: calc(clamp(0px, 1.864129vw, 24px) * 1);
    }
  }
  @media screen and (max-width: 767px) {
    .BNCWrap .trial .trial__discription {
        font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    }
  }


@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__inner {
    width: calc(clamp(0px, 65.8857979502vw, 900px) * 1);
    border: calc(clamp(0px, 0.1464128843vw, 2px) * 1) solid #b08f56;
    display: flex;
    align-items: center;
    gap: calc(clamp(0px, 5.1244509517vw, 30px) * 1);
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__inner {
    margin: calc(clamp(0px, 8vw, 8vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) 0;
    border: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1) solid #b08f56;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__image {
    width: calc(clamp(0px, 29.2825768668vw, 400px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text {
    text-align: center;
    margin-top: calc(clamp(0px, 8vw, 8vw) * 1);
    padding: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.BNCWrap .trial .trial__text .trial__tag {
  padding: calc(clamp(0px, 0.5124450952vw, 0px) * 1) calc(clamp(0px, 1.2811127379vw, 10px) * 1);

  border: 1px solid #c19f48;
  display: inline-block;
  color: #c19f48;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
    .BNCWrap .trial .trial__text .trial__tag {
        font-size: calc(clamp(0px, 1.0248901903vw, 12px) * 1);
    }
  }
  @media screen and (max-width: 767px) {
    .BNCWrap .trial .trial__text .trial__tag {
        font-size: calc(clamp(0px, 3.0248901903vw, 12px) * 1);
    }
  }

.BNCWrap .trial .trial__text .trial__name {
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__text .trial__name {
    margin-top: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    line-height: normal;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__name {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__text .trial__price {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__price {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.BNCWrap .trial .trial__text .trial__price .price {
  font-size: 1.7em;
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__text .trial__set {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__set {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.6vw, 3.6vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__text .trial__set p {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__set p {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.BNCWrap .trial .trial__text .trial__set ul {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__set ul {
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__text .trial__link {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__link {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
.BNCWrap .trial .trial__text .trial__link a {
  display: grid;
  place-content: center;
  background: linear-gradient(90deg, rgb(170, 134, 85) 0%, rgb(211, 173, 114) 50%, rgb(170, 134, 86) 100%);
}
@media screen and (min-width: 768px) {
  .BNCWrap .trial .trial__text .trial__link a {
    font-size: calc(clamp(0px, 0.878477306vw, 12px) * 1);
    width: calc(clamp(0px, 10.980966325vw, 150px) * 1);
    height: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .trial .trial__text .trial__link a {
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    height: calc(clamp(0px, 9.6vw, 9.6vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .video {
    margin: calc(clamp(0px, 5.8565153734vw, 80px) * 1) 0 calc(clamp(0px, 4.39238653vw, 60px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .video {
    margin: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1) 0 calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.BNCWrap .video .video__title {
  text-align: center;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .BNCWrap .video .video__title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .video .video__title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .video .video__title .small {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .video .video__title .small {
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.BNCWrap .video .video__inner {
  aspect-ratio: 16/9;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .BNCWrap .video .video__inner {
    margin-top: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    width: calc(clamp(0px, 65.8857979502vw, 900px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .video .video__inner {
    margin: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) 0;
  }
}
.BNCWrap .video .video__inner iframe {
  width: 100%;
  height: 100%;
}
.BNCWrap .movieWrap {
  background: #000;
}
.BNCWrap .movieWrap .movie_inner {
  max-width: 100%;
  margin: 0 auto;
}
.BNCWrap .movieWrap .movie_inner video {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .BNCWrap .movieWrap.movieWrap--01 {
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    margin-bottom: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .movieWrap.movieWrap--01 {
    margin-top: calc(clamp(0px, 6vw, 6vw) * 1);
  }
}
.BNCWrap .bgImage {
  position: relative;
}
.BNCWrap .bgImage .bgImage__bg {
  position: relative;
  z-index: 0;
}
.BNCWrap .bgImage .bgImage__content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .BNCWrap .noteWrap p {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    line-height: 1.6;
    padding-top: 20px;
    color: RGB(119, 119, 119);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .noteWrap p {
    font-size: calc(clamp(0px, 2.9306666667vw, 2.9306666667vw) * 1);
    line-height: 1.6000909918;
    padding-top: 20px;
    color: RGB(119, 119, 119);
  }
}
.BNCWrap .leadwrap {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .BNCWrap .leadwrap {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .leadwrap .title {
    padding-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    line-height: 1.5238095238;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .leadwrap .title {
    padding-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.4;
    width: 110%;
    margin-left: -5%;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .leadwrap .leadtext.leadtext--01 {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    line-height: 1.5238095238;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .leadwrap .leadtext.leadtext--01 {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.4;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .leadwrap .leadtext.leadtext--02 {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    line-height: 1.5;
    padding-bottom: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .leadwrap .leadtext.leadtext--02 {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    line-height: 1.4;
    padding-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap {
    margin-top: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap {
    position: relative;
    background: #000004;
    margin-top: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.BNCWrap .chargeWrap .bgImage__content {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: calc(clamp(0px, 0.3660322108vw, 5px) * -1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content {
    position: relative;
    padding: calc(clamp(0px, 10vw, 10vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner {
    width: 50%;
    padding-left: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeWrap__title {
    font-size: calc(clamp(0px, 2.7086383602vw, 37px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.0497803807vw, 28px) * 1);
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeWrap__title {
    text-align: center;
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.4;
    width: 110%;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList {
    display: flex;
    flex-flow: column wrap;
    height: calc(clamp(0px, 10.980966325vw, 150px) * 1);
    width: calc(clamp(0px, 36.6032210835vw, 500px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList {
    margin-top: calc(clamp(0px, 3.8666666667vw, 3.8666666667vw) * 1);
  }
}
.BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li {
    padding-left: calc(clamp(0px, 3.513909224vw, 48px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li {
    padding-left: calc(clamp(0px, 11.3333333333vw, 11.3333333333vw) * 1);
    margin-left: calc(clamp(0px, 2vw, 2vw) * 1);
  }
}
.BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li p {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li p {
    font-size: calc(clamp(0px, 1.3909224012vw, 19px) * 1);
    line-height: 2.2em;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li p {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    line-height: 1.4494117647;
    line-height: 2.1em;
  }
}
.BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li::before {
  content: "";
  display: block;
  background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/ico_check.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.4em;
  left: 0;
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li::before {
    width: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
    height: calc(clamp(0px, 2.1229868228vw, 29px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .chargeList > li::before {
    width: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
    height: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .noteWrap {
    position: absolute;
    bottom: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .chargeWrap .bgImage__content .bgImage__content__inner .noteWrap {
    width: 100%;
    text-align: right;
    margin-top: calc(clamp(0px, 2vw, 2vw) * 1);
  }
}
.BNCWrap .tecWrap {
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap {
    background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/tec_bg.jpg);
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap {
    background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/tec_bg-sp.jpg);
    padding-top: calc(clamp(0px, 25.3333333333vw, 25.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.BNCWrap .tecWrap .componentWrap {
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap {
    background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/tec_frame_01.png);
    background-size: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
    background-position: top calc(clamp(0px, 13.0307467057vw, 178px) * 1) center;
    padding-bottom: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap {
    background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/tec_frame_01-sp.png);
    padding: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    background-size: 100% 100%;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .title {
    padding-top: calc(clamp(0px, 6.2225475842vw, 85px) * 1);
    line-height: 1.3214285714;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .title {
    width: 100%;
    margin: calc(clamp(0px, 14.6666666667vw, 14.6666666667vw) * -1) auto 0;
    padding-top: 0;
    position: absolute;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail {
    width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
    padding-top: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    padding-left: calc(clamp(0px, 4.39238653vw, 60px) * 1);
    padding-right: calc(clamp(0px, 4.39238653vw, 60px) * 1);
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item {
    margin-top: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentDetail__item__subtitle {
    font-size: calc(clamp(0px, 1.9765739385vw, 27px) * 1);
    margin-bottom: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentDetail__item__subtitle {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    letter-spacing: 1.4;
    margin-bottom: calc(clamp(0px, 3.6vw, 3.6vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList {
    display: flex;
    flex-flow: column nowrap;
    row-gap: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item {
    width: calc(clamp(0px, 11.859443631vw, 162px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item {
    width: 100%;
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text {
    width: 120%;
    margin-left: -10%;
    height: calc(clamp(0px, 8.4187408492vw, 115px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text {
    width: calc(clamp(0px, 44vw, 44vw) * 1);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    text-align: left;
    padding-left: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text p {
    letter-spacing: -0.05em;
  }
}
.BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__num {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__num {
    font-size: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    padding-bottom: calc(clamp(0px, 0.5856515373vw, 8px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__num {
    font-size: calc(clamp(0px, 12vw, 12vw) * 1);
    height: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    margin-right: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__label {
  line-height: 1;
  background: #8c734b;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__label {
    padding: calc(clamp(0px, 0.439238653vw, 6px) * 1) calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    margin-bottom: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__label {
    height: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    padding: calc(clamp(0px, 1.6vw, 1.6vw) * 1) calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    margin-top: 1.2em;
  }
}
.BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__title {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__title {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    margin-bottom: calc(clamp(0px, 0.439238653vw, 6px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__title {
    width: 100%;
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
    line-height: 1.2631578947;
    letter-spacing: -0.05em;
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__lead {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__lead {
    font-size: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__text .componentList__text__lead {
    width: 100%;
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * -1);
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__image {
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item .componentList .componentList__item .componentList__image {
    width: calc(clamp(0px, 33.3333333333vw, 33.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--01 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: calc(clamp(0px, 2.7818448023vw, 38px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--01 {
    margin-top: 0;
    padding-top: calc(clamp(0px, 22.6666666667vw, 22.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--01 .componentList {
    width: calc(clamp(0px, 43.9238653001vw, 600px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--01 .componentList .componentList__item .componentList__text {
    height: calc(clamp(0px, 10.980966325vw, 150px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--01 .componentList .componentList__item .componentList__text .componentList__text__num {
    padding-bottom: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
.BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 {
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 {
    width: calc(clamp(0px, 39.5314787701vw, 540px) * 1);
    padding: calc(clamp(0px, 1.317715959vw, 18px) * 1) calc(clamp(0px, 1.8301610542vw, 25px) * 1) calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/tec_frame_02.png);
    background-size: calc(clamp(0px, 39.5314787701vw, 540px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 {
    background-size: 100% 100%;
    background-image: url(/media/export/cms_2.0/LP2024/240419_bounce-night-creme/tec_frame_02-sp.png);
    padding: calc(clamp(0px, 4.6666666667vw, 4.6666666667vw) * 1) 0 calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList {
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    row-gap: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item {
    width: calc(clamp(0px, 10.7613469985vw, 147px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__text {
    width: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    flex-flow: column wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__text .componentList__text__num {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__text .componentList__text__num.componentList__text__num--02 {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * -1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__text .componentList__text__title {
    height: calc(clamp(0px, 4.39238653vw, 60px) * 1);
    font-size: calc(clamp(0px, 1.3909224012vw, 19px) * 1);
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__text .componentList__text__title {
    margin-top: calc(clamp(0px, 4.6666666667vw, 4.6666666667vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__text .componentList__text__title.componentList__text__title--02 {
    margin-bottom: calc(clamp(0px, 2vw, 2vw) * -1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--02 .componentList .componentList__item .componentList__image {
    width: calc(clamp(0px, 30.6666666667vw, 30.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--03 {
    padding-bottom: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .componentDetail__item.componentDetail__item--03 .componentList {
    width: calc(clamp(0px, 28.1112737921vw, 384px) * 1);
  }
}
.BNCWrap .tecWrap .componentWrap .componentDetail .noteWrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .noteWrap {
    width: 100%;
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .componentWrap .componentDetail .noteWrap {
    margin-top: calc(clamp(0px, 7.3333333333vw, 7.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .tecList {
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.BNCWrap .tecWrap .tecList .tecList__item {
  display: flex;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .tecList .tecList__item {
    width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(clamp(0px, 3.2942898975vw, 45px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .tecList .tecList__item {
    flex-flow: column nowrap;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__image {
    width: calc(clamp(0px, 42.6061493411vw, 582px) * 1);
  }
}
.BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text .tecList__item__text__title {
    font-size: calc(clamp(0px, 2.7086383602vw, 37px) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * -1);
    margin-bottom: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    letter-spacing: -0.085em;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text .tecList__item__text__title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.4;
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 2vw, 2vw) * 1);
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text .tecList__item__text__lead {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6326666667;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text .tecList__item__text__lead {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.633;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text .noteWrap {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .tecList .tecList__item .tecList__item__text .noteWrap {
    margin-top: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .BNCWrap .tecWrap .tecList .tecList__item.tecList__item--01 {
    flex-flow: row-reverse nowrap;
  }
}
@media screen and (max-width: 767px) {
  .BNCWrap .tecWrap .tecList .tecList__item.tecList__item--02 {
    margin-top: calc(clamp(0px, 10vw, 10vw) * 1);
  }
}