.p-product-main {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.p-product-main[data-page=cserum] {
  background-image: url("../img/product/cserum/kv_bg.png");
}
.p-product-main[data-page=rserum] {
  background-image: url("../img/product/rserum/kv_bg.png");
}
.p-product-main[data-page=azserum] {
  background-image: url("../img/product/azserum/kv_bg.png");
}
.p-product-kv {
  padding: 21.3333333333vw 5.3333333333vw 0;
  position: relative;
}
.p-product-kv__tag {
  display: flex;
  flex-direction: column;
}
.p-product-kv__tag__text01 {
  font-family: "Cormorant", serif;
  font-weight: 300;
  font-size: 9.3333333333vw;
  line-height: 1;
}
.p-product-kv__tag__text02 {
  font-weight: 400;
  font-size: 3.7333333333vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.p-product-kv__lead {
  font-weight: 500;
  font-size: 6.4vw;
  line-height: 1.5;
  margin-top: 14.9333333333vw;
}
.p-product-kv__remarks {
  font-size: 2.6666666667vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #787878;
  margin-top: 3.7333333333vw;
}
.p-product-kv__remarks + .p-product-kv__logo {
  margin-top: 17.8666666667vw;
}
.p-product-kv__logo {
  width: 26.6666666667vw;
  margin-top: 26.4vw;
}
.p-product-kv__heading {
  display: flex;
  flex-direction: column;
  gap: 3.7333333333vw;
  margin-top: 3.7333333333vw;
}
.p-product-kv__heading__text01 {
  font-family: "Cormorant", serif;
  font-weight: 300;
  font-size: 13.8666666667vw;
  line-height: 0.9;
  letter-spacing: 0;
}
.p-product-kv__heading__text02 {
  font-weight: 600;
  font-size: 3.7333333333vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.p-product-kv__img {
  width: 25.0666666667vw;
  position: absolute;
  top: 17.3333333333vw;
  right: 8.5333333333vw;
}
.p-product-intro {
  margin-top: 29.3333333333vw;
}
.p-product-intro__heading {
  font-weight: 400;
  font-size: 6.4vw;
  line-height: 1.5;
  text-align: center;
}
.p-product-intro__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5.3333333333vw 3.4666666667vw;
  margin-top: 6.9333333333vw;
}
.p-product-intro__list__item {
  width: 42.9333333333vw;
  border-radius: 50%;
  position: relative;
}
.p-product-intro__list__item__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40.5333333333vw;
  height: 40.5333333333vw;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-product-intro__list__item__text {
  line-height: 1.6;
  text-align: center;
}
.p-product-intro__list[data-page=cserum] .p-product-intro__list__item {
  box-shadow: 0 0 5.3333333333vw rgba(211, 179, 59, 0.5);
}
.p-product-intro__list[data-page=rserum] .p-product-intro__list__item {
  box-shadow: 0 0 5.3333333333vw #DA97BA;
}
.p-product-intro__list[data-page=azserum] .p-product-intro__list__item {
  box-shadow: 0 0 5.3333333333vw #C5D6E5;
}
.p-product-howtouse {
  margin-top: 26.6666666667vw;
}
.p-product-howtouse__inner {
  margin-top: 8vw;
  padding: 0 5.3333333333vw;
}
.p-product-howtouse__list__item {
  display: flex;
  align-items: center;
  gap: 3.7333333333vw;
}
.p-product-howtouse__list__item + .p-product-howtouse__list__item {
  margin-top: 5.3333333333vw;
}
.p-product-howtouse__list__tag {
  width: 19.4666666667vw;
  flex-shrink: 0;
}
.p-product-howtouse__list__text {
  font-size: 5.3333333333vw;
  line-height: 1.5;
  letter-spacing: -0.06em;
}
.p-product-howtouse__img {
  margin-top: 5.3333333333vw;
}
.p-product-item {
  margin-top: 26.6666666667vw;
  padding-top: 26.6666666667vw;
  border-top: 0.2666666667vw solid #B3B3B3;
}
.p-product-item__main__item {
  display: flex;
  justify-content: center;
  gap: 8vw;
}
.p-product-item__main__item__imgarea {
  width: 19.4666666667vw;
}
.p-product-item__main__item__textarea {
  width: 58.6666666667vw;
}
.p-product-item__main__item__heading {
  font-weight: 600;
  font-size: 5.3333333333vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.p-product-item__main__item__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 10.6666666667vw;
}
.p-product-item__main__item__info__text01 {
  font-weight: 600;
  font-size: 5.3333333333vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.p-product-item__main__item__info__text01 span {
  font-size: 3.7333333333vw;
}
.p-product-item__main__item__info__text02 {
  font-weight: 600;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.p-product-item__main__item__info[data-page=azserum] {
  margin-top: 2.6666666667vw;
}
.p-product-item__main__item__button {
  margin-top: 9.0666666667vw;
}
.p-product-item__main__item__button__item + .p-product-item__main__item__button__item {
  margin-top: 3.7333333333vw;
}
.p-product-item__main__item__button__item .c-button__link {
  width: 100%;
}
.p-product-item__other {
  background: #E9F1F4;
  margin-top: 26.6666666667vw;
  padding: 10.6666666667vw 5.3333333333vw 13.3333333333vw;
}
.p-product-item__other__heading {
  font-family: "Cormorant", serif;
  font-weight: 300;
  font-size: 6.4vw;
  line-height: 1;
  text-align: center;
}
.p-product-item__other__item {
  margin-top: 10.6666666667vw;
  padding-left: 9.3333333333vw;
}
.p-product-item__other__item + .p-product-item__other__item {
  margin-top: 13.3333333333vw;
}
.p-product-item__other__item__inner {
  display: flex;
  justify-content: center;
  gap: 9.3333333333vw;
}
.p-product-item__other__item__imgarea {
  width: 12vw;
  flex-shrink: 0;
}
.p-product-item__other__item__textarea {
  flex-grow: 1;
}
.p-product-item__other__item__text01 {
  font-weight: 500;
  font-size: 6.4vw;
  line-height: 1.4;
}
.p-product-item__other__item__text02 {
  font-weight: 600;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  margin-top: 5.3333333333vw;
}
.p-product-item__other__item__info {
  display: flex;
  align-items: flex-end;
  gap: 3.7333333333vw;
  margin-top: 1.0666666667vw;
}
.p-product-item__other__item__info__text01 {
  font-weight: 600;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.p-product-item__other__item__info__text01 span {
  font-size: 3.2vw;
}
.p-product-item__other__item__info__text02 {
  font-weight: 600;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.p-product-item__other__item__button {
  width: 37.6vw;
  margin-top: 2.6666666667vw;
}
.p-product-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.p-product-modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.p-product-modal__inner {
  position: relative;
  z-index: 10;
  width: 76.8vw;
  padding: 7.2vw 5.3333333333vw 5.3333333333vw;
  background: #ffffff;
  border-radius: 5.3333333333vw;
}
.p-product-modal__close {
  width: 5.6vw;
  position: absolute;
  top: 5.3333333333vw;
  right: 5.3333333333vw;
}
.p-product-modal__heading {
  font-weight: 700;
  font-size: 4.2666666667vw;
  line-height: 1.5;
}
.p-product-modal__text {
  font-size: 3.2vw;
  line-height: 1.4;
  text-align: justify;
  margin-top: 5.3333333333vw;
}
.p-product-modal.is-active {
  visibility: visible;
  opacity: 1;
}

@media print, (min-width: 768px) {
  .p-product-kv {
    padding: 7.9648609078vw 1.9912152269vw 0;
  }
  .p-product-kv__tag__text01 {
    font-size: 3.4846266471vw;
  }
  .p-product-kv__tag__text02 {
    font-size: 1.3938506589vw;
  }
  .p-product-kv__lead {
    font-size: 2.3894582723vw;
    margin-top: 5.5754026354vw;
  }
  .p-product-kv__remarks {
    font-size: 0.9956076135vw;
    margin-top: 1.3938506589vw;
  }
  .p-product-kv__remarks + .p-product-kv__logo {
    margin-top: 6.6705710102vw;
  }
  .p-product-kv__logo {
    width: 9.9560761347vw;
    margin-top: 9.8565153734vw;
  }
  .p-product-kv__heading {
    gap: 1.3938506589vw;
    margin-top: 1.3938506589vw;
  }
  .p-product-kv__heading__text01 {
    font-size: 5.17715959vw;
  }
  .p-product-kv__heading__text02 {
    font-size: 1.3938506589vw;
  }
  .p-product-kv__img {
    width: 9.3587115666vw;
    top: 6.4714494876vw;
    right: 3.1859443631vw;
  }
  .p-product-intro {
    margin-top: 10.9516837482vw;
  }
  .p-product-intro__heading {
    font-size: 2.3894582723vw;
  }
  .p-product-intro__list {
    gap: 1.9912152269vw 1.2942898975vw;
    margin-top: 2.588579795vw;
  }
  .p-product-intro__list__item {
    width: 16.0292825769vw;
  }
  .p-product-intro__list__item__inner {
    width: 15.1332357247vw;
    height: 15.1332357247vw;
  }
  .p-product-intro__list[data-page=cserum] .p-product-intro__list__item {
    box-shadow: 0 0 1.9912152269vw rgba(211, 179, 59, 0.5);
  }
  .p-product-intro__list[data-page=rserum] .p-product-intro__list__item {
    box-shadow: 0 0 1.9912152269vw #DA97BA;
  }
  .p-product-intro__list[data-page=azserum] .p-product-intro__list__item {
    box-shadow: 0 0 1.9912152269vw #C5D6E5;
  }
  .p-product-howtouse {
    margin-top: 9.9560761347vw;
  }
  .p-product-howtouse__inner {
    margin-top: 2.9868228404vw;
    padding: 0 1.9912152269vw;
  }
  .p-product-howtouse__list__item {
    gap: 1.3938506589vw;
  }
  .p-product-howtouse__list__item + .p-product-howtouse__list__item {
    margin-top: 1.9912152269vw;
  }
  .p-product-howtouse__list__tag {
    width: 7.2679355783vw;
  }
  .p-product-howtouse__list__text {
    font-size: 1.9912152269vw;
  }
  .p-product-howtouse__img {
    margin-top: 1.9912152269vw;
  }
  .p-product-item {
    margin-top: 9.9560761347vw;
    padding-top: 9.9560761347vw;
    border-top: 0.0995607613vw solid #B3B3B3;
  }
  .p-product-item__main__item {
    gap: 2.9868228404vw;
  }
  .p-product-item__main__item__imgarea {
    width: 7.2679355783vw;
  }
  .p-product-item__main__item__textarea {
    width: 21.9033674963vw;
  }
  .p-product-item__main__item__heading {
    font-size: 1.9912152269vw;
  }
  .p-product-item__main__item__info {
    margin-top: 3.9824304539vw;
  }
  .p-product-item__main__item__info__text01 {
    font-size: 1.9912152269vw;
  }
  .p-product-item__main__item__info__text01 span {
    font-size: 1.3938506589vw;
  }
  .p-product-item__main__item__info__text02 {
    font-size: 1.5929721816vw;
  }
  .p-product-item__main__item__info[data-page=azserum] {
    margin-top: 0.9956076135vw;
  }
  .p-product-item__main__item__button {
    margin-top: 3.3850658858vw;
  }
  .p-product-item__main__item__button__item + .p-product-item__main__item__button__item {
    margin-top: 1.3938506589vw;
  }
  .p-product-item__other {
    margin-top: 9.9560761347vw;
    padding: 3.9824304539vw 1.9912152269vw 4.9780380673vw;
  }
  .p-product-item__other__heading {
    font-size: 2.3894582723vw;
  }
  .p-product-item__other__item {
    margin-top: 3.9824304539vw;
    padding-left: 3.4846266471vw;
  }
  .p-product-item__other__item + .p-product-item__other__item {
    margin-top: 4.9780380673vw;
  }
  .p-product-item__other__item__inner {
    gap: 3.4846266471vw;
  }
  .p-product-item__other__item__imgarea {
    width: 4.4802342606vw;
  }
  .p-product-item__other__item__text01 {
    font-size: 2.3894582723vw;
  }
  .p-product-item__other__item__text02 {
    font-size: 1.5929721816vw;
    margin-top: 1.9912152269vw;
  }
  .p-product-item__other__item__info {
    gap: 1.3938506589vw;
    margin-top: 0.3982430454vw;
  }
  .p-product-item__other__item__info__text01 {
    font-size: 1.5929721816vw;
  }
  .p-product-item__other__item__info__text01 span {
    font-size: 1.1947291362vw;
  }
  .p-product-item__other__item__info__text02 {
    font-size: 1.5929721816vw;
  }
  .p-product-item__other__item__button {
    width: 14.0380673499vw;
    margin-top: 0.9956076135vw;
  }
  .p-product-modal__inner {
    width: 28.6734992679vw;
    padding: 2.6881405564vw 1.9912152269vw 1.9912152269vw;
    border-radius: 1.9912152269vw;
  }
  .p-product-modal__close {
    width: 2.0907759883vw;
    top: 1.9912152269vw;
    right: 1.9912152269vw;
    cursor: pointer;
    transition: 0.3s;
  }
  .p-product-modal__close:hover {
    opacity: 0.7;
  }
  .p-product-modal__heading {
    font-size: 1.5929721816vw;
  }
  .p-product-modal__text {
    font-size: 1.1947291362vw;
    margin-top: 1.9912152269vw;
  }
}
/*# sourceMappingURL=product.css.map */