@charset "UTF-8";
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__container {
    padding: calc(clamp(0px, 8.78477306vw, 120px) * 1) calc(clamp(0px, 7.3206442167vw, 100px) * 1);
    background: url(/media/export/cms_2.0/LP/happy-mothers-day-2026/20260415/monogramming__bg.jpg) no-repeat top/cover;
    display: grid;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__container {
    padding: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    background: url(/media/export/cms_2.0/LP/happy-mothers-day-2026/20260415/monogramming__bg.sp.jpg) no-repeat top/cover;
  }
}
.lp-content-monogramming .monogramming__title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__title {
    text-align: center;
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__lead {
    width: calc(clamp(0px, 36.6032210835vw, 500px) * 1);
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    margin-top: calc(clamp(0px, 1.6471449488vw, 22.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__lead {
    text-align: center;
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-monogramming .monogramming__lead--date {
  display: block;
  border-top: 1px solid #040a2b;
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__lead--date {
    margin-top: calc(clamp(0px, 0.5490483163vw, 7.5px) * 1);
    padding-top: calc(clamp(0px, 0.5490483163vw, 7.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__lead--date {
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    padding-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(clamp(0px, 7.6134699854vw, 104px) * 1);
    width: calc(clamp(0px, 38.3601756955vw, 524px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__image {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__column {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__column {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__column__list {
    margin-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__column__list {
    text-align: center;
  }
}
.lp-content-monogramming .monogramming__column__list dt {
  display: inline-block;
  background-color: #040a2b;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__column__list dt {
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    padding-inline: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    padding-block: calc(clamp(0px, 0.1098096633vw, 1.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__column__list dt {
    font-size: calc(clamp(0px, 3.6vw, 3.6vw) * 1);
    padding-inline: calc(clamp(0px, 2.4vw, 2.4vw) * 1);
    padding-block: calc(clamp(0px, 0.6666666667vw, 0.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__column__list dd {
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    font-size: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__column__list dd {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    margin-inline: -1em;
  }
}
@media screen and (min-width: 768px) {
  .lp-content-monogramming .monogramming__column__text {
    margin-top: calc(clamp(0px, 1.6471449488vw, 22.5px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-monogramming .monogramming__column__text {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}