@charset "UTF-8";
body {
  background: #fff;
  color: #000;
  box-sizing: border-box;
}

.show--sp {
  display: none;
}
@media screen and (max-width: 430px) {
  .show--sp {
    display: block;
  }
}

a {
  transition: all 0.3s ease;
}

.inner {
  padding: 0 min(30 / 430 * 100vw, 55.8139534884px);
  margin: 0 auto;
  max-width: 800px;
}
@media screen and (max-width: 430px) {
  .inner {
    padding: 0 6.511627907vw;
  }
}

/* ==============================
MV
============================== */
.mv {
  padding-bottom: min(20 / 430 * 100vw, 37.2093023256px);
  background: url("../img/lp01/mv-bg.jpg") no-repeat center top/100%;
  max-width: 800px;
  margin: auto;
}
@media screen and (min-width: 830px) {
  .mv {
    background: url("../img/lp01/mv-bg-pc.jpg") no-repeat center top/100%;
    max-width: 1200px;
  }
}
@media screen and (min-width: 830px) {
  .mv .inner {
    max-width: min(66.6666666667vw, 800px);
  }
}

.mv__logo {
  padding-top: min(20 / 430 * 100vw, 37.2093023256px);
}
@media screen and (min-width: 830px) {
  .mv__logo {
    padding-top: min(1.25vw, 15px);
  }
}
.mv__logo img {
  max-width: min(117 / 430 * 100vw, 217.6744186047px);
}
@media screen and (min-width: 830px) {
  .mv__logo img {
    max-width: min(18.0833333333vw, 217px);
  }
}

.mv__catch {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
  text-align: center;
}
@media screen and (min-width: 830px) {
  .mv__catch {
    margin-top: 3.0833333333vw;
  }
}
.mv__catch img {
  max-width: min(292 / 430 * 100vw, 543.2558139535px);
}
@media screen and (min-width: 830px) {
  .mv__catch img {
    max-width: min(45.25vw, 543px);
  }
}

.mv__title {
  margin: min(273 / 430 * 100vw, 507.9069767442px) auto 0;
  padding: min(8 / 430 * 100vw, 14.8837209302px) min(5 / 430 * 100vw, 9.3023255814px);
  background: #fff;
  font-weight: bold;
  font-size: min(17 / 430 * 100vw, 31.6279069767px);
  line-height: 1.3323529412;
  letter-spacing: 0.1em;
  color: #2D2D2D;
  border-radius: min(5 / 430 * 100vw, 9.3023255814px);
  max-width: min(320 / 430 * 100vw, 595.3488372093px);
  text-align: center;
}
@media screen and (min-width: 830px) {
  .mv__title {
    padding: min(1.25vw, 15px) min(0.8333333333vw, 10px);
    margin: min(20.8333333333vw, 250px) auto 0;
    font-size: min(2.6666666667vw, 32px);
    max-width: min(49.5833333333vw, 595px);
  }
}

.mv__box {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 830px) {
  .mv__box {
    margin-top: min(3.0833333333vw, 37px);
  }
}

.mv__satisfaction {
  width: 100%;
  max-width: min(200 / 430 * 100vw, 372.0930232558px);
}
@media screen and (min-width: 830px) {
  .mv__satisfaction {
    max-width: min(31vw, 372px);
  }
}
.mv__ring {
  margin-top: auto;
  margin-bottom: min(30 / 430 * 100vw, 55.8139534884px);
  width: 100%;
  max-width: min(160 / 430 * 100vw, 297.6744186047px);
}
@media screen and (min-width: 830px) {
  .mv__ring {
    margin-bottom: min(4.5833333333vw, 55px);
    max-width: min(24.75vw, 297px);
  }
}
.mv__attention {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
  font-size: min(9 / 430 * 100vw, 16.7441860465px);
  color: #6D6D6D;
}
@media screen and (min-width: 830px) {
  .mv__attention {
    margin-top: min(3.0833333333vw, 37px);
    font-size: min(1.4166666667vw, 17px);
  }
}

@media screen and (min-width: 830px) {
  .mv .cta__text {
    font-size: min(2.4166666667vw, 29px);
  }
}
@media screen and (min-width: 830px) {
  .mv .cta__text .large {
    font-size: min(4.6666666667vw, 56px);
  }
}
@media screen and (min-width: 830px) {
  .mv .cta__text::before, .mv .cta__text::after {
    top: min(4.3333333333vw, 52px);
    width: min(2.4166666667vw, 29px);
    height: min(0.1666666667vw, 2px);
  }
}
@media screen and (min-width: 830px) {
  .mv .cta__text::before {
    left: min(2.8333333333vw, 34px);
  }
}
@media screen and (min-width: 830px) {
  .mv .cta__text::after {
    right: min(3.3333333333vw, 40px);
  }
}
@media screen and (min-width: 830px) {
  .mv .cta__btn {
    padding-left: min(5.4166666667vw, 65px);
    border-radius: min(7.75vw, 93px);
    max-width: min(57.3333333333vw, 688px);
    height: min(9.25vw, 111px);
    font-size: min(2.75vw, 33px);
  }
}
.mv .cta__btn::before {
  left: min(90 / 430 * 100vw, 167.4418604651px);
  width: min(20 / 430 * 100vw, 37.2093023256px);
  height: min(22 / 430 * 100vw, 40.9302325581px);
}
@media screen and (min-width: 830px) {
  .mv .cta__btn::before {
    left: min(13.9166666667vw, 167px);
    width: min(3.0833333333vw, 37px);
    height: min(3.4166666667vw, 41px);
  }
}

/* ==============================
想いをカタチに
============================== */
.introduction__wrapper {
  position: relative;
}
.introduction__wrapper::before {
  background: #EAD8CC;
  background: url("../img/lp01/answer-bg.png") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -3;
}

.introduction {
  padding-top: min(35 / 430 * 100vw, 65.1162790698px);
  padding-bottom: min(90 / 430 * 100vw, 167.4418604651px);
  position: relative;
  margin: auto;
  max-width: 800px;
}
.introduction::before {
  background: url("../img/lp01/introduction-bg.svg") no-repeat center top/100%;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.introduction::after {
  background: url("../img/lp01/introduction-woman.png") no-repeat center center/cover;
  content: "";
  width: min(128 / 430 * 100vw, 238.1395348837px);
  height: min(188 / 430 * 100vw, 349.7674418605px);
  position: absolute;
  right: 0;
  bottom: min(53 / 430 * 100vw, 98.6046511628px);
  z-index: 1;
}

.introduction__title {
  font-weight: bold;
  font-size: min(19 / 430 * 100vw, 35.3488372093px);
  line-height: 1.6852631579;
  letter-spacing: 0.24em;
  color: #2D2D2D;
  text-align: center;
}

.introduction__bubbles {
  margin-top: min(25 / 430 * 100vw, 46.511627907px);
  position: relative;
}

.introduction__bubble {
  font-weight: bold;
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  line-height: 1.7857142857;
  height: min(46 / 430 * 100vw, 85.5813953488px);
  letter-spacing: 0.06em;
  color: #AC7862;
  display: flex;
  align-items: center;
  text-align: center;
}
.introduction__bubble:last-child {
  margin-top: min(8 / 430 * 100vw, 14.8837209302px);
  justify-content: flex-end;
}

.introduction__bubble--left {
  background: url("../img/lp01/introduction-bubble-left.svg") no-repeat center center/100%;
  padding: min(15 / 430 * 100vw, 27.9069767442px) min(15 / 430 * 100vw, 27.9069767442px) min(15 / 430 * 100vw, 27.9069767442px) min(30 / 430 * 100vw, 55.8139534884px);
  max-width: min(290 / 430 * 100vw, 539.5348837209px);
  width: 100%;
}

.introduction__bubble--right {
  background: url("../img/lp01/introduction-bubble-right.svg") no-repeat center center/100%;
  max-width: min(290 / 430 * 100vw, 539.5348837209px);
  width: 100%;
  padding: min(15 / 430 * 100vw, 27.9069767442px) min(30 / 430 * 100vw, 55.8139534884px) min(15 / 430 * 100vw, 27.9069767442px) min(15 / 430 * 100vw, 27.9069767442px);
}

.introduction__emphasis {
  margin: min(30 / 430 * 100vw, 55.8139534884px) auto 0;
  padding: min(12 / 430 * 100vw, 22.3255813953px) min(20 / 430 * 100vw, 37.2093023256px);
  background: #fff;
  font-weight: bold;
  max-width: min(320 / 430 * 100vw, 595.3488372093px);
  height: min(66 / 430 * 100vw, 122.7906976744px);
  font-size: min(16 / 430 * 100vw, 29.7674418605px);
  line-height: 1;
  letter-spacing: 0em;
  color: #2D2D2D;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: min(3 / 430 * 100vw, 5.5813953488px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: min(300 / 430 * 100vw, 558.1395348837px);
}
.introduction__emphasis .large {
  font-family: "Amiri", "Noto Serif JP", serif;
  font-size: min(56 / 430 * 100vw, 104.1860465116px);
  color: #AC7862;
  line-height: 1;
  margin-bottom: min(-6 / 430 * 100vw, -11.1627906977px);
}
.introduction__emphasis::before, .introduction__emphasis::after {
  background: url("../img/lp01/introduction-triangle.svg") no-repeat center center/cover;
  content: "";
  width: min(14 / 430 * 100vw, 26.0465116279px);
  height: min(14 / 430 * 100vw, 26.0465116279px);
  position: absolute;
}
.introduction__emphasis::before {
  left: 0;
  top: 0;
}
.introduction__emphasis::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.introduction__bottom {
  margin-top: min(45 / 430 * 100vw, 83.7209302326px);
  font-weight: bold;
  font-size: min(17 / 430 * 100vw, 31.6279069767px);
  line-height: 1.5305882353;
  letter-spacing: 0.24em;
  color: #2D2D2D;
  text-align: center;
  position: relative;
}
.introduction__bottom .bg-white {
  background: linear-gradient(transparent 60%, #fff 60%);
  display: inline-flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}

/* ==============================
まるごと解消
============================== */
.answer {
  padding-bottom: min(80 / 430 * 100vw, 148.8372093023px);
  position: relative;
}
.answer::before {
  background: url("../img/lp01/answer-bg.png") no-repeat center center/cover;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.answer__bg {
  background: #fff;
}

.answer__title {
  padding: min(15 / 430 * 100vw, 27.9069767442px) min(30 / 430 * 100vw, 55.8139534884px) min(25 / 430 * 100vw, 46.511627907px);
  font-weight: bold;
  font-size: min(16 / 430 * 100vw, 29.7674418605px);
  letter-spacing: 0.22em;
  color: #2D2D2D;
  max-width: 800px;
  margin: auto;
}

.answer__title--upper {
  position: relative;
}
.answer__title--upper::after {
  background: url("../img/lp01/answer-title-wave01.svg") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: 100%;
  height: min(4 / 430 * 100vw, 7.4418604651px);
  bottom: min(-4 / 430 * 100vw, -7.4418604651px);
  left: 0;
}
.answer__title--upper .white {
  position: relative;
  font-weight: bold;
  font-size: min(26 / 430 * 100vw, 48.3720930233px);
  line-height: 2.3669230769;
  letter-spacing: 0.24em;
  color: #FFFFFF;
  -webkit-text-stroke: 1px #2D2D2D;
}
.answer__title--upper .white::before {
  background: url("../img/lp01/answer-title-deco.svg") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: min(15 / 430 * 100vw, 27.9069767442px);
  height: min(13 / 430 * 100vw, 24.1860465116px);
  right: 0;
}

.answer__title-wrapper {
  display: inline-block;
  text-align: right;
  width: 100%;
}

.answer__title--lower {
  text-align: right;
  position: relative;
  line-height: 1;
}
.answer__title--lower::after {
  background: url("../img/lp01/answer-title-wave02.svg") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: 100%;
  height: min(4 / 430 * 100vw, 7.4418604651px);
  bottom: min(-4 / 430 * 100vw, -7.4418604651px);
  left: 0;
}
.answer__title--lower .large {
  font-weight: bold;
  font-size: min(26 / 430 * 100vw, 48.3720930233px);
  letter-spacing: 0;
  color: #AC7862;
}

.answer__box {
  margin-top: min(70 / 430 * 100vw, 130.2325581395px);
  background: url("../img/lp01/answer-box-bg.svg") no-repeat center center/cover #fff;
  padding: min(50 / 430 * 100vw, 93.023255814px) min(30 / 430 * 100vw, 55.8139534884px) min(30 / 430 * 100vw, 55.8139534884px);
  position: relative;
  border-radius: min(5 / 430 * 100vw, 9.3023255814px);
  border: 1px solid #B2B2B2;
}
.answer__box:first-child {
  margin-top: min(60 / 430 * 100vw, 111.6279069767px);
}

.answer__box:nth-child(1) .answer__bubble {
  background: url("../img/lp01/answer-bubble-green.png") no-repeat center center/100%;
}
.answer__box:nth-child(2) .answer__bubble {
  background: url("../img/lp01/answer-bubble-yellow.png") no-repeat center center/100%;
}
.answer__box:nth-child(3) .answer__bubble {
  background: url("../img/lp01/answer-bubble-blue.png") no-repeat center center/100%;
}
.answer__box:nth-child(4) .answer__bubble {
  background: url("../img/lp01/answer-bubble-brown.png") no-repeat center center/100%;
}

.answer__bubble {
  padding-top: min(12 / 430 * 100vw, 22.3255813953px);
  position: absolute;
  top: min(-15 / 430 * 100vw, -27.9069767442px);
  left: 50%;
  transform: translateX(-50%);
  width: 102%;
  height: min(62 / 430 * 100vw, 115.3488372093px);
  font-weight: bold;
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  line-height: 1.7857142857;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
}

.answer__box-title {
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  line-height: 1.7857142857;
  letter-spacing: -0.02em;
  text-align: center;
}
.answer__box-title .large {
  font-weight: bold;
  font-size: min(19 / 430 * 100vw, 35.3488372093px);
  line-height: 1.3157894737;
  letter-spacing: -0.02em;
}

.answer__box-text {
  margin: min(15 / 430 * 100vw, 27.9069767442px) auto 0;
  font-size: min(13 / 430 * 100vw, 24.1860465116px);
  line-height: 1.9230769231;
  letter-spacing: -0.02em;
  text-align: center;
  max-width: min(290 / 430 * 100vw, 539.5348837209px);
}
.answer__box-text .green,
.answer__box-text .yellow,
.answer__box-text .blue,
.answer__box-text .brown {
  position: relative;
}
.answer__box-text .green::after,
.answer__box-text .yellow::after,
.answer__box-text .blue::after,
.answer__box-text .brown::after {
  position: absolute;
  content: "";
  width: 100%;
  height: min(4 / 430 * 100vw, 7.4418604651px);
  bottom: min(-2 / 430 * 100vw, -3.7209302326px);
  left: 0;
}
.answer__box-text .green {
  color: #579381;
}
.answer__box-text .green:nth-of-type(1)::after {
  background: url("../img/lp01/answer-deco-green01.svg") no-repeat center center/cover;
}
.answer__box-text .green:nth-of-type(2)::after {
  background: url("../img/lp01/answer-deco-green02.svg") no-repeat center center/cover;
}
.answer__box-text .green:nth-of-type(3)::after {
  background: url("../img/lp01/answer-deco-green03.svg") no-repeat center center/cover;
}
.answer__box-text .yellow {
  color: #C99617;
}
.answer__box-text .yellow:nth-of-type(1)::after {
  background: url("../img/lp01/answer-deco-yellow01.svg") no-repeat center center/cover;
}
.answer__box-text .yellow:nth-of-type(2)::after {
  background: url("../img/lp01/answer-deco-yellow02.svg") no-repeat center center/cover;
}
.answer__box-text .yellow:nth-of-type(3)::after {
  background: url("../img/lp01/answer-deco-yellow03.svg") no-repeat center center/cover;
}
.answer__box-text .blue {
  color: #3B67A8;
}
.answer__box-text .blue:nth-of-type(1)::after {
  background: url("../img/lp01/answer-deco-blue01.svg") no-repeat center center/cover;
}
.answer__box-text .blue:nth-of-type(2)::after {
  background: url("../img/lp01/answer-deco-blue02.svg") no-repeat center center/cover;
}
.answer__box-text .blue:nth-of-type(3)::after {
  background: url("../img/lp01/answer-deco-blue03.svg") no-repeat center center/cover;
}
.answer__box-text .brown {
  color: #C65922;
}
.answer__box-text .brown:nth-of-type(1)::after {
  background: url("../img/lp01/answer-deco-brown01.svg") no-repeat center center/cover;
}
.answer__box-text .brown:nth-of-type(2)::after {
  background: url("../img/lp01/answer-deco-brown02.svg") no-repeat center center/cover;
}
.answer__box-text .brown:nth-of-type(3)::after {
  background: url("../img/lp01/answer-deco-brown03.svg") no-repeat center center/cover;
}
.answer__box-text .brown:nth-of-type(4)::after {
  background: url("../img/lp01/answer-deco-brown04.svg") no-repeat center center/cover;
}

.answer__img {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
}

.answer__box .cta__btn {
  margin-top: min(25 / 430 * 100vw, 46.511627907px);
  height: min(51 / 430 * 100vw, 94.8837209302px);
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  letter-spacing: 0.26em;
}
.answer__box .cta__btn::before {
  width: min(18 / 430 * 100vw, 33.488372093px);
  height: min(20 / 430 * 100vw, 37.2093023256px);
  left: min(65 / 430 * 100vw, 120.9302325581px);
}

.answer__voice {
  margin: min(30 / 430 * 100vw, 55.8139534884px) auto 0;
  padding: min(30 / 430 * 100vw, 55.8139534884px) 0 min(15 / 430 * 100vw, 27.9069767442px);
  border-radius: min(10 / 430 * 100vw, 18.6046511628px);
  border: 1px solid #C99617;
  max-width: min(280 / 430 * 100vw, 520.9302325581px);
  position: relative;
}

.answer__voice-bubble {
  padding-top: min(5 / 430 * 100vw, 9.3023255814px);
  padding-left: min(15 / 430 * 100vw, 27.9069767442px);
  background: url("../img/lp01/answer-voice-bubble.svg") no-repeat center center/100%;
  position: absolute;
  top: min(-10 / 430 * 100vw, -18.6046511628px);
  left: 50%;
  transform: translateX(-50%);
  width: 82%;
  height: min(36 / 430 * 100vw, 66.976744186px);
  font-weight: bold;
  font-size: min(10 / 430 * 100vw, 18.6046511628px);
  line-height: 2.085;
  letter-spacing: -0.02em;
  color: #C99617;
  text-align: center;
}

.answer__voice-icon {
  position: relative;
}
.answer__voice-icon::after {
  background: url("../img/lp01/answer-voice-smile.svg") no-repeat center center/cover;
  position: absolute;
  content: "";
  width: min(13 / 430 * 100vw, 24.1860465116px);
  height: min(13 / 430 * 100vw, 24.1860465116px);
  top: 50%;
  transform: translateY(-50%);
  left: min(-10 / 430 * 100vw, -18.6046511628px);
}

.answer__voice-text {
  font-size: min(13 / 430 * 100vw, 24.1860465116px);
  line-height: 1.9230769231;
  letter-spacing: -0.02em;
  text-align: center;
}

/* ==============================
カラーストーンプレゼント
============================== */
.present {
  margin-top: min(-1 / 430 * 100vw, -1.8604651163px);
  background: #BDCEBC;
  padding-top: min(60 / 430 * 100vw, 111.6279069767px);
  padding-bottom: min(60 / 430 * 100vw, 111.6279069767px);
}

.present__title {
  margin-bottom: min(-20 / 430 * 100vw, -37.2093023256px);
  margin-left: min(-8 / 430 * 100vw, -14.8837209302px);
  margin-right: min(-8 / 430 * 100vw, -14.8837209302px);
  text-align: center;
}

.present__title--upper {
  font-weight: bold;
  font-size: min(17 / 430 * 100vw, 31.6279069767px);
  line-height: 1.9994117647;
  letter-spacing: -0.02em;
  display: inline-block;
  position: relative;
}
.present__title--upper span {
  position: relative;
}
.present__title--upper .dot {
  position: relative;
}
.present__title--upper .dot::before {
  content: "";
  background: #000;
  position: absolute;
  width: min(3 / 430 * 100vw, 5.5813953488px);
  height: min(3 / 430 * 100vw, 5.5813953488px);
  top: min(-3 / 430 * 100vw, -5.5813953488px);
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.present__title--upper::before {
  background: #fff;
  content: "";
  position: absolute;
  width: min(186 / 430 * 100vw, 346.0465116279px);
  height: min(100 / 430 * 100vw, 186.0465116279px);
  left: 50%;
  top: min(-5 / 430 * 100vw, -9.3023255814px);
  transform: translateX(-50%);
  border-radius: 50%;
}
.present__title--upper::after {
  background: url("../img/lp01/present-title-deco.svg") no-repeat center center/cover;
  position: absolute;
  content: "";
  width: min(60 / 430 * 100vw, 111.6279069767px);
  height: min(30 / 430 * 100vw, 55.8139534884px);
  top: min(-8 / 430 * 100vw, -14.8837209302px);
  right: min(-18 / 430 * 100vw, -33.488372093px);
}

.present__title--lower {
  padding: min(13 / 430 * 100vw, 24.1860465116px) 0 min(25 / 430 * 100vw, 46.511627907px);
  background: url("../img/lp01/present-title-bg.svg") no-repeat center center/100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: min(24 / 430 * 100vw, 44.6511627907px);
  letter-spacing: -0.02em;
  color: #51844D;
  position: relative;
}

.present__box {
  padding: min(50 / 430 * 100vw, 93.023255814px) min(20 / 430 * 100vw, 37.2093023256px);
  background: #fff;
  border: min(2 / 430 * 100vw, 3.7209302326px) solid #51844D;
}

.present__text {
  font-size: min(13 / 430 * 100vw, 24.1860465116px);
  line-height: 1.9230769231;
  letter-spacing: -0.02em;
}

.present__ringList {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(12 / 430 * 100vw, 22.3255813953px);
  list-style: none;
}

.present__stoneList {
  margin-top: min(40 / 430 * 100vw, 74.4186046512px);
  margin: min(40 / 430 * 100vw, 74.4186046512px) auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(36 / 430 * 100vw, 66.976744186px) min(20 / 430 * 100vw, 37.2093023256px);
  max-width: 90%;
  list-style: none;
}

.present__stoneItem-img {
  text-align: center;
}
.present__stoneItem-img img {
  max-width: min(52 / 430 * 100vw, 96.7441860465px);
}

.present__stoneItem:nth-child(11) {
  margin-top: min(-5 / 430 * 100vw, -9.3023255814px);
}
.present__stoneItem:nth-child(11) .present__stoneItem-img img {
  max-width: min(72 / 430 * 100vw, 133.9534883721px);
}

.present__stoneItem-text {
  margin-top: min(5 / 430 * 100vw, 9.3023255814px);
  font-weight: bold;
  font-size: min(12 / 430 * 100vw, 22.3255813953px);
  line-height: 1.345;
  text-align: center;
}

/* ==============================
制作事例
============================== */
.case {
  background: #E1E2DC;
  padding-bottom: min(60 / 430 * 100vw, 111.6279069767px);
}

.case__mv-img {
  margin: auto;
  max-width: 800px;
  width: 100%;
}
.case__mv-img img {
  margin-left: auto;
  max-width: min(375 / 430 * 100vw, 697.6744186047px);
  display: block;
}

.case__title {
  margin-top: min(-35 / 430 * 100vw, -65.1162790698px);
  font-size: min(22 / 430 * 100vw, 40.9302325581px);
  line-height: 1.9272727273;
  letter-spacing: 3.08px;
  color: #2D2D2D;
  position: relative;
}
.case__title .bg-white {
  padding: min(8 / 430 * 100vw, 14.8837209302px) min(10 / 430 * 100vw, 18.6046511628px);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
.case__title .bg-white:nth-of-type(2) {
  margin-top: min(5 / 430 * 100vw, 9.3023255814px);
}

.case__emphasis {
  margin-left: auto;
  margin-top: min(18 / 430 * 100vw, 33.488372093px);
  width: -moz-fit-content;
  width: fit-content;
}

.case__emphasis--upper {
  font-weight: bold;
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  line-height: 2.145;
  letter-spacing: 0.1em;
  color: #A36854;
  text-decoration: underline;
}

.case__emphasis-text {
  font-weight: bold;
  font-size: min(22 / 430 * 100vw, 40.9302325581px);
  color: #2D2D2D;
  line-height: 1;
}
.case__emphasis-text .large {
  font-family: "Amiri", "Noto Serif JP", serif;
  font-size: min(56 / 430 * 100vw, 104.1860465116px);
  position: relative;
  color: #A36854;
}

.case__description {
  margin-top: min(25 / 430 * 100vw, 46.511627907px);
  font-size: min(12 / 430 * 100vw, 22.3255813953px);
  line-height: 2.2;
}

.case__list {
  margin-top: min(50 / 430 * 100vw, 93.023255814px);
  display: flex;
  flex-direction: column;
  gap: min(60 / 430 * 100vw, 111.6279069767px);
  list-style: none;
}

.case__item {
  padding: min(30 / 430 * 100vw, 55.8139534884px) min(20 / 430 * 100vw, 37.2093023256px) min(20 / 430 * 100vw, 37.2093023256px);
  background: #fff;
  border-radius: min(5 / 430 * 100vw, 9.3023255814px);
  position: relative;
}

.case__item-title {
  font-size: min(34 / 430 * 100vw, 63.2558139535px);
  line-height: 2.2105882353;
  letter-spacing: 0.06em;
  position: absolute;
  top: min(-22 / 430 * 100vw, -40.9302325581px);
  left: min(0 / 430 * 100vw, 0px);
}

.case__item-title--deco {
  position: relative;
}
.case__item-title--deco::after {
  background: #000;
  content: "";
  position: absolute;
  width: min(38 / 430 * 100vw, 70.6976744186px);
  height: min(1 / 430 * 100vw, 1.8604651163px);
  transform: rotate(-45deg);
  right: min(-26 / 430 * 100vw, -48.3720930233px);
  bottom: min(10 / 430 * 100vw, 18.6046511628px);
}

.case__item-img {
  max-width: min(207 / 430 * 100vw, 385.1162790698px);
}
.case__item-img:nth-of-type(2) {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
  margin-left: auto;
  position: relative;
}
.case__item-img:nth-of-type(2)::before {
  background: url("../img/lp01/case-item-img-deco.svg") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: min(72 / 430 * 100vw, 133.9534883721px);
  height: min(66 / 430 * 100vw, 122.7906976744px);
  left: min(-50 / 430 * 100vw, -93.023255814px);
  top: min(2 / 430 * 100vw, 3.7209302326px);
}

.case__item-title-sub {
  margin-top: min(25 / 430 * 100vw, 46.511627907px);
  font-size: min(13 / 430 * 100vw, 24.1860465116px);
  padding-bottom: min(10 / 430 * 100vw, 18.6046511628px);
  position: relative;
}
.case__item-title-sub::after {
  background: #909090;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: min(31 / 430 * 100vw, 57.6744186047px);
  height: min(1 / 430 * 100vw, 1.8604651163px);
}

.case__item-text {
  margin-top: min(12 / 430 * 100vw, 22.3255813953px);
  font-size: min(13 / 430 * 100vw, 24.1860465116px);
  line-height: 1.5692307692;
}

.case__item-text--small {
  margin-top: min(20 / 430 * 100vw, 37.2093023256px);
  font-size: min(10 / 430 * 100vw, 18.6046511628px);
  line-height: 1.4;
  letter-spacing: 0.08em;
}

/* ==============================
お客様の声
============================== */
.voice {
  padding-top: min(80 / 430 * 100vw, 148.8372093023px);
  padding-bottom: min(60 / 430 * 100vw, 111.6279069767px);
  background: #F7F6EF;
  overflow: hidden;
}

.voice__title-wrapper {
  background: #fff;
  margin: auto;
}
.voice__title-wrapper .inner {
  position: relative;
}

.voice__title {
  padding-top: min(40 / 430 * 100vw, 74.4186046512px);
  padding-bottom: min(20 / 430 * 100vw, 37.2093023256px);
  font-weight: bold;
  font-size: min(25 / 430 * 100vw, 46.511627907px);
  line-height: 1.1452;
  letter-spacing: 0.1em;
  color: #2D2D2D;
  width: 100%;
}

.voice__title-img {
  position: absolute;
  top: min(-16 / 430 * 100vw, -29.7674418605px);
  left: min(5 / 430 * 100vw, 9.3023255814px);
  max-width: min(125 / 430 * 100vw, 232.5581395349px);
  width: 100%;
}

.voice__title-satisfaction {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: min(7 / 430 * 100vw, 13.023255814px);
  max-width: min(168 / 430 * 100vw, 312.5581395349px);
  width: 100%;
}

.voice__main-img {
  margin-top: min(35 / 430 * 100vw, 65.1162790698px);
  position: relative;
}
.voice__main-img img {
  max-width: min(302 / 430 * 100vw, 561.8604651163px);
  width: 100%;
}

.voice__name {
  padding: min(5 / 430 * 100vw, 9.3023255814px) min(20 / 430 * 100vw, 37.2093023256px);
  background: #fff;
  position: absolute;
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  letter-spacing: 0.06em;
  right: min(5 / 430 * 100vw, 9.3023255814px);
  bottom: min(15 / 430 * 100vw, 27.9069767442px);
}

.voice__text {
  margin-top: min(35 / 430 * 100vw, 65.1162790698px);
  font-size: min(14 / 430 * 100vw, 26.0465116279px);
  line-height: 1.7428571429;
}

.voice__slider-wrapper {
  margin-top: min(4.6511627907vw, 37.2093px);
  margin: min(4.6511627907vw, 37.2093px) calc(50% - 50vw);
  overflow: hidden;
}

.voice__swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.voice__img {
  flex: 0 0 auto;
  width: min(33.7209302326vw, 500px);
}

.voice__img img {
  height: auto;
  display: block;
}

.voice .cta__btn {
  margin-top: min(40 / 430 * 100vw, 74.4186046512px);
}/*# sourceMappingURL=lp01.css.map */