@charset "UTF-8";
.night_beauty {
  /* =========================================================
   contents
  ========================================================= */
}
.night_beauty .technology {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .night_beauty .technology {
    margin-bottom: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.night_beauty .technology .technology__inner {
  color: #fff;
}
.night_beauty .technology .technology__inner .technology__inner-title {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technology__inner-title {
    font-size: calc(clamp(0px, 2.8550512445vw, 39px) * 1);
    letter-spacing: -0.05em;
    line-height: 1.5;
    margin-top: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technology__inner-title {
    margin-top: calc(clamp(0px, 2.4vw, 2.4vw) * 1);
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    line-height: 1.4545454545;
  }
}
.night_beauty .technology .technology__inner .technology__inner-subtitle {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technology__inner-subtitle {
    line-height: 1.5;
    font-size: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technology__inner-subtitle {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList {
    display: flex;
    justify-content: center;
    gap: calc(clamp(0px, 6.588579795vw, 90px) * 1);
    margin-top: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    row-gap: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.night_beauty .technology .technology__inner .technologyList .technologyList__item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order {
    margin-bottom: calc(clamp(0px, 1.317715959vw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order {
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order p {
  color: #e8c481;
}
.night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num {
  border-bottom: 1px solid #e8c481;
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num {
    width: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
    padding-bottom: calc(clamp(0px, 0.1464128843vw, 2px) * 1);
    margin-bottom: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num {
    width: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-bottom: calc(clamp(0px, 0.8vw, 0.8vw) * 1);
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    border-bottom-width: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1);
  }
}
.night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num .technologyList__item__order__num {
  font-family: "OptimaDisplayLight", "OptimaDisplay";
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num .technologyList__item__order__num {
    font-size: calc(clamp(0px, 2.4890190337vw, 34px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num .technologyList__item__order__num {
    font-size: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .num .technologyList__item__order__num {
    font-size: 35px;
  }
}
.night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .technologyList__item__order__lead {
  font-family: 游明朝, "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .technologyList__item__order__lead {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    line-height: 1.4166666667;
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__order .technologyList__item__order__lead {
    font-size: calc(clamp(0px, 5.6vw, 5.6vw) * 1);
    line-height: 1.5238095238;
  }
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__image {
    width: calc(clamp(0px, 25.6222547584vw, 350px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__image {
    width: calc(clamp(0px, 78.6666666667vw, 78.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__text {
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    margin-left: -3em;
    margin-right: -3em;
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__text {
    margin-top: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .technologyList .technologyList__item .technologyList__item__text p {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .night_beauty .technology .technology__inner .noteWrap {
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .noteWrap {
    margin-top: calc(clamp(0px, 7.3333333333vw, 7.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .night_beauty .technology .technology__inner .noteWrap p {
    letter-spacing: 0;
  }
}