html body .p-lowerLead__image {
  aspect-ratio: 387/403;
}
html body .p-newHomeLife {
  padding: clamp(160px * var(--fluid-min, 0.8), 11.7130307467vw, 192px) 0 clamp(140px * var(--fluid-min, 0.8), 10.2489019034vw, 168px);
}
html body .p-newHomeLife__inner {
  width: clamp(1115px * var(--fluid-min, 0.8), 81.6251830161vw, 1338px);
  margin-left: calc(clamp(125px * var(--fluid-min, 0.8), 9.1508052709vw, 150px) + max(0px, (100% - 1639.2px) / 2));
}
html body .p-newHomeLife__inner > .p-lowerHeading {
  width: fit-content;
  margin: clamp(50px * var(--fluid-min, 0.8), 3.6603221083vw, 60px) 0 0 clamp(1px * var(--fluid-min, 0.8), 0.0732064422vw, 1.2px);
}
html body .p-newHomeLife__texts {
  width: clamp(687px * var(--fluid-min, 0.8), 50.2928257687vw, 824.4px);
  margin: clamp(27px * var(--fluid-min, 0.8), 1.9765739385vw, 32.4px) 0 0 clamp(7px * var(--fluid-min, 0.8), 0.5124450952vw, 8.4px);
}
html body .p-newHomeLife__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(26px * var(--fluid-min, 0.8), 1.9033674963vw, 31.2px);
  margin: clamp(60px * var(--fluid-min, 0.8), 4.39238653vw, 72px) 0 0 clamp(1px * var(--fluid-min, 0.8), 0.0732064422vw, 1.2px);
}
html body .p-newHomeLife__card {
  position: relative;
  min-height: clamp(322px * var(--fluid-min, 0.8), 23.5724743777vw, 386.4px);
  padding: clamp(30px * var(--fluid-min, 0.8), 2.196193265vw, 36px) clamp(27px * var(--fluid-min, 0.8), 1.9765739385vw, 32.4px) clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
  border: 1px solid #cad1de;
  border-radius: 5px;
  background: #fff;
}
html body .p-newHomeLife__card::after {
  content: "";
  position: absolute;
  top: clamp(32px * var(--fluid-min, 0.8), 2.3426061493vw, 38.4px);
  right: clamp(29px * var(--fluid-min, 0.8), 2.1229868228vw, 34.8px);
  width: clamp(86px * var(--fluid-min, 0.8), 6.2957540264vw, 103.2px);
  height: clamp(83px * var(--fluid-min, 0.8), 6.0761346999vw, 99.6px);
  background-color: #acb8d2;
  pointer-events: none;
}
html body .p-newHomeLife__card--life::after {
  -webkit-mask-image: url("../images/icon-life.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-life.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-newHomeLife__card--change::after {
  top: clamp(30px * var(--fluid-min, 0.8), 2.196193265vw, 36px);
  right: clamp(27px * var(--fluid-min, 0.8), 1.9765739385vw, 32.4px);
  width: clamp(101px * var(--fluid-min, 0.8), 7.3938506589vw, 121.2px);
  height: clamp(81px * var(--fluid-min, 0.8), 5.9297218155vw, 97.2px);
  -webkit-mask-image: url("../images/icon-change.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-change.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-newHomeLife__card--image::after {
  top: clamp(37px * var(--fluid-min, 0.8), 2.7086383602vw, 44.4px);
  right: clamp(28px * var(--fluid-min, 0.8), 2.0497803807vw, 33.6px);
  width: clamp(85px * var(--fluid-min, 0.8), 6.2225475842vw, 102px);
  height: clamp(75px * var(--fluid-min, 0.8), 5.4904831625vw, 90px);
  -webkit-mask-image: url("../images/icon-image.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/icon-image.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-newHomeLife__card .p-lowerCardTitle {
  position: relative;
  width: fit-content;
  margin-top: clamp(14px * var(--fluid-min, 0.8), 1.0248901903vw, 16.8px);
}
html body .p-newHomeLife__cardTexts {
  margin-top: clamp(22px * var(--fluid-min, 0.8), 1.6105417277vw, 26.4px);
}
@media screen and (max-width: 767px) {
  html body .p-newHomeLife {
    padding: clamp(64px, 10.4166666667vw, 96px) 0 clamp(44.8px, 7.2916666667vw, 67.2px);
  }
  html body .p-newHomeLife__inner {
    width: auto;
    width: clamp(550.4px, 89.5833333333vw, 825.6px);
    max-width: calc(100% - clamp(32px, 5.2083333333vw, 48px) * 2);
    margin-inline: auto;
  }
  html body .p-newHomeLife__inner > .p-lowerHeading {
    margin: clamp(28.8px, 4.6875vw, 43.2px) 0 0;
  }
  html body .p-newHomeLife__texts {
    width: 100%;
    margin: clamp(16px, 2.6041666667vw, 24px) 0 0;
  }
  html body .p-newHomeLife__cards {
    grid-template-columns: 1fr;
    gap: clamp(12.8px, 2.0833333333vw, 19.2px);
    margin: clamp(32px, 5.2083333333vw, 48px) 0 0;
  }
  html body .p-newHomeLife__card {
    min-height: 0;
    padding: clamp(22.4px, 3.6458333333vw, 33.6px) clamp(22.4px, 3.6458333333vw, 33.6px) clamp(25.6px, 4.1666666667vw, 38.4px);
  }
  html body .p-newHomeLife__card::after {
    transform: scale(0.8);
    transform-origin: top right;
  }
}
@media screen and (max-width: 767px) {
  html body .p-newHomeLife {
    padding: clamp(44.8px, 14.9333333333vw, 67.2px) 0 clamp(32px, 10.6666666667vw, 48px);
  }
  html body .p-newHomeLife__inner {
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-newHomeLife__inner > .p-lowerHeading {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-newHomeLife__texts {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-newHomeLife__cards {
    margin-top: clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-newHomeLife__card {
    padding: clamp(19.2px, 6.4vw, 28.8px) clamp(16px, 5.3333333333vw, 24px) clamp(22.4px, 7.4666666667vw, 33.6px);
  }
  html body .p-newHomeLife__card::after {
    transform: scale(0.65);
  }
  html body .p-newHomeLife__cardTexts {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
}
