/* renoveページの該当箇所のみ */

/* ================= Section Heading ================= */
.renove__section-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: clamp(calc(2.0 * 1vw), calc(2.0 * 1vw), calc(2.0 * 16px));
  color: #143894;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .renove__section-title {
    font-size: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}

.renove__band {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-top: clamp(calc(4.0625 * 1vw), calc(4.0625 * 1vw), calc(4.0625 * 16px));
  text-align: center;
  color: #143894;
  font-size: clamp(calc(2.0 * 1vw), calc(2.0 * 1vw), calc(2.0 * 16px));
  line-height: 1.78;
}
@media screen and (max-width: 767px) {
  .renove__band {
    font-size: min(calc(0.875 * 4.267vw), calc(0.875 * 21.33px));
    margin-top: min(calc(2.1875 * 4.267vw), calc(2.1875 * 21.33px));
  }
}

/* ================= KV ================= */
.renove__kv {
  background-image: url("assets/images/renove-black.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: clamp(calc(34.375 * 1vw), calc(34.375 * 1vw), calc(34.375 * 16px));
  padding-block: clamp(calc(7.5 * 1vw), calc(7.5 * 1vw), calc(7.5 * 16px));
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .renove__kv {
    padding: min(calc(3.75 * 4.267vw), calc(3.75 * 21.33px)) 0;
  }
}
.renove__kv-copy {
  text-align: center;
  color: #ffffff;
}

.renove__kv-lead {
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(calc(2.25 * 1vw), calc(2.25 * 1vw), calc(2.25 * 16px));
  line-height: 1.6;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .renove__kv-lead {
    font-size: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}

.renove__kv-sub {
  margin-top: clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
  color: #ffffff;
  font-size: clamp(calc(1.0 * 1vw), calc(1.0 * 1vw), calc(1.0 * 16px));
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .renove__kv-sub {
    font-size: min(calc(0.9375 * 4.267vw), calc(0.9375 * 21.33px));
  }
}

/* ================= Intro (2 columns) ================= */
.renove__intro {
  padding-block: clamp(calc(5.0 * 1vw), calc(5.0 * 1vw), calc(5.0 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__intro {
    padding-top: min(calc(2.0 * 4.267vw), calc(2.0 * 21.33px));
    padding-bottom: min(calc(2.5 * 4.267vw), calc(2.5 * 21.33px));
  }
}

.renove__intro-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
}

@media screen and (max-width: 767px) {
  .renove__intro-grid {
    grid-template-columns: 1fr;
    gap: min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}
.renove__intro-card {
  background: #f7f7f7;
  border-radius: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
  padding: clamp(calc(2.5 * 1vw), calc(2.5 * 1vw), calc(2.5 * 16px)) clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
}

.renove__intro-title {
  color: #143893;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(calc(2.0 * 1vw), calc(2.0 * 1vw), calc(2.0 * 16px));
  letter-spacing: 0.04em;
  text-align: center;
}
.renove__intro-title::after {
  content: "";
  display: block;
  width: clamp(calc(2.5625 * 1vw), calc(2.5625 * 1vw), calc(2.5625 * 16px));
  height: clamp(calc(0.125 * 1vw), calc(0.125 * 1vw), calc(0.125 * 16px));
  background: #143893;
  margin: clamp(calc(1.0 * 1vw), calc(1.0 * 1vw), calc(1.0 * 16px)) auto clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
}

@media screen and (max-width: 767px) {
  .renove__intro-title {
    font-size: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}
.renove__intro-text {
  font-family: "Inter", sans-serif;
  font-size: clamp(calc(1.125 * 1vw), calc(1.125 * 1vw), calc(1.125 * 16px));
  line-height: 1.95;
  color: #000000;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .renove__intro-text {
    font-size: min(calc(0.875 * 4.267vw), calc(0.875 * 21.33px));
  }
}
/* ================= Problems (disaster-recovery準拠) ================= */
.renove__problems {
  padding: clamp(calc(3.75 * 1vw), calc(3.75 * 1vw), calc(3.75 * 16px)) 0;
}

.renove__problems-title {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: clamp(calc(2.0 * 1vw), calc(2.0 * 1vw), calc(2.0 * 16px));
  color: #143894;
  text-align: center;
  margin-bottom: clamp(calc(0.75 * 1vw), calc(0.75 * 1vw), calc(0.75 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problems-title {
    font-size: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}

.renove__problems-subtitle {
  text-align: center;
  color: #111111;
  font-size: clamp(calc(1.125 * 1vw), calc(1.125 * 1vw), calc(1.125 * 16px));
  line-height: 1.7;
  margin-bottom: clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problems-subtitle {
    margin-bottom: min(calc(0.9375 * 4.267vw), calc(0.9375 * 21.33px));
    font-size: min(calc(0.875 * 4.267vw), calc(0.875 * 21.33px));
  }
}

.renove__problems-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
  max-width: clamp(calc(84.375 * 1vw), calc(84.375 * 1vw), calc(84.375 * 16px));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .renove__problems-list {
    grid-template-columns: 1fr;
    gap: min(calc(0.0 * 4.267vw), calc(0.0 * 21.33px));
    max-width: min(calc(20.5 * 4.267vw), calc(20.5 * 21.33px));
  }
}

.renove__problem-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: clamp(calc(3.75 * 1vw), calc(3.75 * 1vw), calc(3.75 * 16px));
  padding-right: clamp(calc(3.75 * 1vw), calc(3.75 * 1vw), calc(3.75 * 16px));
  background-color: #ffffff;
  border-radius: clamp(calc(0.5 * 1vw), calc(0.5 * 1vw), calc(0.5 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problem-item {
    padding: min(calc(2.1875 * 4.267vw), calc(2.1875 * 21.33px)) min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}

.renove__problem-item:nth-child(1) {
  padding-top: clamp(calc(1.0625 * 1vw), calc(1.0625 * 1vw), calc(1.0625 * 16px));
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .renove__problem-item:nth-child(1) {
    padding-top: min(calc(3.125 * 4.267vw), calc(3.125 * 21.33px));
    padding-bottom: min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}

.renove__problem-item:nth-child(2) {
  padding-top: clamp(calc(2.0625 * 1vw), calc(2.0625 * 1vw), calc(2.0625 * 16px));
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .renove__problem-item:nth-child(2) {
    padding-bottom: min(calc(2.1875 * 4.267vw), calc(2.1875 * 21.33px));
  }
}

.renove__problem-item:nth-child(3) {
  padding-top: clamp(calc(1.4375 * 1vw), calc(1.4375 * 1vw), calc(1.4375 * 16px));
  padding-bottom: clamp(calc(2.1875 * 1vw), calc(2.1875 * 1vw), calc(2.1875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problem-item:nth-child(3) {
    padding-top: min(calc(2.375 * 4.267vw), calc(2.375 * 21.33px));
    padding-bottom: 0;
  }
}

.renove__problem-item:not(:last-child) {
  border-right: 1px solid #dbdce0;
}
@media screen and (max-width: 767px) {
  .renove__problem-item:not(:last-child) {
    border-bottom: 1px solid #dbdce0;
    border-right: 0;
  }
}

.renove__problem-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.renove__problem-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.renove__problem-item:nth-child(1) .renove__problem-icon {
  width: clamp(calc(7.8125 * 1vw), calc(7.8125 * 1vw), calc(7.8125 * 16px));
  height: clamp(calc(8.625 * 1vw), calc(8.625 * 1vw), calc(8.625 * 16px));
  margin-bottom: clamp(calc(4.0625 * 1vw), calc(4.0625 * 1vw), calc(4.0625 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problem-item:nth-child(1) .renove__problem-icon {
    width: min(calc(6.25 * 4.267vw), calc(6.25 * 21.33px));
    height: min(calc(6.875 * 4.267vw), calc(6.875 * 21.33px));
    margin-bottom: min(calc(1.375 * 4.267vw), calc(1.375 * 21.33px));
  }
}

.renove__problem-item:nth-child(2) .renove__problem-icon {
  width: clamp(calc(7.5 * 1vw), calc(7.5 * 1vw), calc(7.5 * 16px));
  height: clamp(calc(7.6875 * 1vw), calc(7.6875 * 1vw), calc(7.6875 * 16px));
  margin-bottom: clamp(calc(3.9375 * 1vw), calc(3.9375 * 1vw), calc(3.9375 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problem-item:nth-child(2) .renove__problem-icon {
    width: min(calc(6.4375 * 4.267vw), calc(6.4375 * 21.33px));
    height: min(calc(6.375 * 4.267vw), calc(6.375 * 21.33px));
    margin-bottom: min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}

.renove__problem-item:nth-child(3) .renove__problem-icon {
  width: clamp(calc(9.125 * 1vw), calc(9.125 * 1vw), calc(9.125 * 16px));
  height: clamp(calc(9.125 * 1vw), calc(9.125 * 1vw), calc(9.125 * 16px));
  margin-bottom: clamp(calc(3.125 * 1vw), calc(3.125 * 1vw), calc(3.125 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__problem-item:nth-child(3) .renove__problem-icon {
    width: min(calc(7.0 * 4.267vw), calc(7.0 * 21.33px));
    height: min(calc(7.0 * 4.267vw), calc(7.0 * 21.33px));
    margin-bottom: min(calc(1.6875 * 4.267vw), calc(1.6875 * 21.33px));
  }
}

.renove__problem-text {
  font-family: "Inter", sans-serif;
  color: #000000;
  font-size: clamp(calc(1.125 * 1vw), calc(1.125 * 1vw), calc(1.125 * 16px));
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .renove__problem-text {
    font-size: min(calc(0.875 * 4.267vw), calc(0.875 * 21.33px));
  }
}
/* ================= Strengths (renamed from features) ================= */
.renove__strengths {
  padding-block: clamp(calc(5.0 * 1vw), calc(5.0 * 1vw), calc(5.0 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__strengths {
    padding-top: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
    padding-bottom: min(calc(2.5 * 4.267vw), calc(2.5 * 21.33px));
  }
}

.renove__strengths-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
  margin-top: clamp(calc(3.125 * 1vw), calc(3.125 * 1vw), calc(3.125 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__strengths-list {
    grid-template-columns: 1fr;
    gap: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
    margin-top: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}

.renove__strengths-item {
  background-color: #f7f7f7;
  padding-block: clamp(calc(2.5 * 1vw), calc(2.5 * 1vw), calc(2.5 * 16px));
  padding-inline: clamp(calc(0.3125 * 1vw), calc(0.3125 * 1vw), calc(0.3125 * 16px));
  text-align: center;
  border-radius: clamp(calc(0.5 * 1vw), calc(0.5 * 1vw), calc(0.5 * 16px));
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .renove__strengths-item {
    padding: min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}

.renove__strengths-image {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.renove__strengths-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.renove__strengths-title {
  font-size: clamp(calc(1.5 * 1vw), calc(1.5 * 1vw), calc(1.5 * 16px));
  color: #143893;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .renove__strengths-title {
    font-size: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}

.renove__strengths-item:nth-child(1) .renove__strengths-title {
  margin-top: clamp(calc(2.1875 * 1vw), calc(2.1875 * 1vw), calc(2.1875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__strengths-item:nth-child(1) .renove__strengths-title {
    margin-top: min(calc(0.625 * 4.267vw), calc(0.625 * 21.33px));
  }
}

.renove__strengths-item:nth-child(3) .renove__strengths-title {
  margin-top: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
}

/* ===== Strengths 画像サイズ（.renove 用）===== */
/* 1つ目：PC 218x255 / SP 158x138 */
.renove__strengths-item:nth-child(1) .renove__strengths-image {
  width: clamp(calc(13.625 * 1vw), calc(13.625 * 1vw), calc(13.625 * 16px));
  height: clamp(calc(15.9375 * 1vw), calc(15.9375 * 1vw), calc(15.9375 * 16px));
  height: auto;
}
@media screen and (max-width: 767px) {
  .renove__strengths-item:nth-child(1) .renove__strengths-image {
    width: min(calc(9.875 * 4.267vw), calc(9.875 * 21.33px));
    height: min(calc(8.625 * 4.267vw), calc(8.625 * 21.33px));
  }
}

/* 2つ目：PC 244x291 / SP 155x185 */
.renove__strengths-item:nth-child(2) .renove__strengths-image {
  width: clamp(calc(15.25 * 1vw), calc(15.25 * 1vw), calc(15.25 * 16px));
  height: clamp(calc(18.1875 * 1vw), calc(18.1875 * 1vw), calc(18.1875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__strengths-item:nth-child(2) .renove__strengths-image {
    width: min(calc(9.6875 * 4.267vw), calc(9.6875 * 21.33px));
    height: min(calc(11.5625 * 4.267vw), calc(11.5625 * 21.33px));
  }
}

/* 3つ目：PC 220x212 / SP 115x130 */
.renove__strengths-item:nth-child(3) .renove__strengths-image {
  width: clamp(calc(13.75 * 1vw), calc(13.75 * 1vw), calc(13.75 * 16px));
  height: clamp(calc(13.25 * 1vw), calc(13.25 * 1vw), calc(13.25 * 16px));
  height: auto;
}
@media screen and (max-width: 767px) {
  .renove__strengths-item:nth-child(3) .renove__strengths-image {
    width: min(calc(7.1875 * 4.267vw), calc(7.1875 * 21.33px));
    height: min(calc(8.125 * 4.267vw), calc(8.125 * 21.33px));
  }
}

.renove__strengths-card {
  background: #f7f7f7;
  border-radius: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
  padding: clamp(calc(2.5 * 1vw), calc(2.5 * 1vw), calc(2.5 * 16px)) clamp(calc(1.5 * 1vw), calc(1.5 * 1vw), calc(1.5 * 16px));
  text-align: center;
  color: #143894;
  font-size: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .renove__strengths-card {
    font-size: min(calc(1.0 * 4.267vw), calc(1.0 * 21.33px));
  }
}
/* ================= Features (detailed) ================= */
.renove__features {
  padding-block: clamp(calc(3.75 * 1vw), calc(3.75 * 1vw), calc(3.75 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__features {
    padding-block: min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}

.renove__features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: clamp(calc(67.5 * 1vw), calc(67.5 * 1vw), calc(67.5 * 16px));
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .renove__features-list {
    max-width: initial;
  }
}

.renove__feature-item {
  display: flex;
  align-items: center;
  gap: clamp(calc(3.125 * 1vw), calc(3.125 * 1vw), calc(3.125 * 16px));
  margin-bottom: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
  padding: clamp(calc(2.5 * 1vw), calc(2.5 * 1vw), calc(2.5 * 16px)) clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px));
  background-color: #ffffff;
  border-radius: clamp(calc(0.5 * 1vw), calc(0.5 * 1vw), calc(0.5 * 16px));
  width: 100%;
  position: relative;
  z-index: 0;
  /* 背景を画面いっぱいへ */
}

@media screen and (max-width: 767px) {
  .renove__feature-item {
    gap: min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
    margin-bottom: 0;
    padding: min(calc(2.5 * 4.267vw), calc(2.5 * 21.33px)) min(calc(1.875 * 4.267vw), calc(1.875 * 21.33px));
  }
}
.renove__feature-item::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: white;
  z-index: -1;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .renove__feature-item::before {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .renove__feature-item {
    flex-direction: column;
  }
}
.renove__feature-image {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.renove__feature-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: clamp(calc(0.25 * 1vw), calc(0.25 * 1vw), calc(0.25 * 16px));
}

.renove__feature-item:nth-child(1) .renove__feature-image {
  width: clamp(calc(11.5625 * 1vw), calc(11.5625 * 1vw), calc(11.5625 * 16px));
  height: clamp(calc(11.6875 * 1vw), calc(11.6875 * 1vw), calc(11.6875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__feature-item:nth-child(1) .renove__feature-image {
    width: min(calc(7.5 * 4.267vw), calc(7.5 * 21.33px));
    height: min(calc(5.625 * 4.267vw), calc(5.625 * 21.33px));
  }
}

.renove__feature-item:nth-child(2) .renove__feature-image {
  width: clamp(calc(12.375 * 1vw), calc(12.375 * 1vw), calc(12.375 * 16px));
  height: clamp(calc(9.1875 * 1vw), calc(9.1875 * 1vw), calc(9.1875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__feature-item:nth-child(2) .renove__feature-image {
    width: min(calc(7.5 * 4.267vw), calc(7.5 * 21.33px));
    height: min(calc(5.625 * 4.267vw), calc(5.625 * 21.33px));
  }
}

.renove__feature-item:nth-child(3) .renove__feature-image {
  width: clamp(calc(13.375 * 1vw), calc(13.375 * 1vw), calc(13.375 * 16px));
  height: clamp(calc(13.25 * 1vw), calc(13.25 * 1vw), calc(13.25 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__feature-item:nth-child(3) .renove__feature-image {
    width: min(calc(7.5 * 4.267vw), calc(7.5 * 21.33px));
    height: min(calc(5.625 * 4.267vw), calc(5.625 * 21.33px));
  }
}

.renove__feature-content {
  flex: 1;
}

.renove__feature-title {
  color: #143894;
  font-size: clamp(calc(1.375 * 1vw), calc(1.375 * 1vw), calc(1.375 * 16px));
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .renove__feature-title {
    text-align: center;
    font-size: min(calc(1.125 * 4.267vw), calc(1.125 * 21.33px));
  }
}

.renove__feature-sub-title {
  font-size: clamp(calc(1.3125 * 1vw), calc(1.3125 * 1vw), calc(1.3125 * 16px));
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .renove__feature-sub-title {
    text-align: center;
    font-size: min(calc(1.0 * 4.267vw), calc(1.0 * 21.33px));
  }
}

.renove__feature-description {
  margin-top: clamp(calc(0.9375 * 1vw), calc(0.9375 * 1vw), calc(0.9375 * 16px));
  color: #111111;
  line-height: 1.85;
  font-size: clamp(calc(1.0 * 1vw), calc(1.0 * 1vw), calc(1.0 * 16px));
}

@media screen and (max-width: 767px) {
  .renove__feature-description {
    font-size: min(calc(0.875 * 4.267vw), calc(0.875 * 21.33px));
    letter-spacing: 0.001em;
  }
}
/* ================= Domains ================= */
.renove__domains {
  padding-top: clamp(calc(7.1875 * 1vw), calc(7.1875 * 1vw), calc(7.1875 * 16px));
  background: #f4f9fd;
}
@media screen and (max-width: 767px) {
  .renove__domains {
    padding-top: min(calc(3.125 * 4.267vw), calc(3.125 * 21.33px));
  }
}

.renove__domains-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(calc(1.0 * 1vw), calc(1.0 * 1vw), calc(1.0 * 16px));
  text-align: center;
}

@media screen and (max-width: 767px) {
  .renove__domains-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.renove__domains-list li {
  background: #ffffff;
  border-radius: clamp(calc(0.75 * 1vw), calc(0.75 * 1vw), calc(0.75 * 16px));
  padding: clamp(calc(0.875 * 1vw), calc(0.875 * 1vw), calc(0.875 * 16px));
  color: #143894;
  font-size: clamp(calc(1.0 * 1vw), calc(1.0 * 1vw), calc(1.0 * 16px));
}

.renove__domains-image {
  max-width: clamp(calc(73.75 * 1vw), calc(73.75 * 1vw), calc(73.75 * 16px));
  margin-inline: auto;
  margin-top: clamp(calc(7.1875 * 1vw), calc(7.1875 * 1vw), calc(7.1875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__domains-image {
    margin-top: min(calc(2.5 * 4.267vw), calc(2.5 * 21.33px));
  }
}

.renove__domains-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* ================= Cards ================= */
.renove__cards {
  background: #f4f9fd;
  padding-top: clamp(calc(13.75 * 1vw), calc(13.75 * 1vw), calc(13.75 * 16px));
  padding-bottom: clamp(calc(11.875 * 1vw), calc(11.875 * 1vw), calc(11.875 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__cards {
    padding-top: min(calc(6.875 * 4.267vw), calc(6.875 * 21.33px));
    padding-bottom: min(calc(3.125 * 4.267vw), calc(3.125 * 21.33px));
  }
}

.renove__card {
  background: #ffffff;
  border-radius: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
  box-shadow: 0 0 clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px)) rgba(0, 0, 0, 0.05);
}

.renove__card + .renove__card {
  margin-top: clamp(calc(6.25 * 1vw), calc(6.25 * 1vw), calc(6.25 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__card + .renove__card {
    margin-top: min(calc(4.0625 * 4.267vw), calc(4.0625 * 21.33px));
  }
}

.renove__card-body {
  padding-inline: clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px)) clamp(calc(3.125 * 1vw), calc(3.125 * 1vw), calc(3.125 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__card-body {
    padding-inline: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
    padding-block: min(calc(0.9375 * 4.267vw), calc(0.9375 * 21.33px));
  }
}


/* 2カラム行ラッパー（左:画像/右:テキスト） */
.renove__card-row {
  display: flex;
  align-items: center;
  gap: clamp(calc(4.375 * 1vw), calc(4.375 * 1vw), calc(4.375 * 16px));
  min-height: clamp(calc(30.0 * 1vw), calc(30.0 * 1vw), calc(30.0 * 16px));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .renove__card-row {
    flex-direction: column;
    gap: min(calc(1.0 * 4.267vw), calc(1.0 * 21.33px));
    min-height: auto;
    height: auto;
    align-items: stretch;
  }
}
.renove__card-row--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .renove__card-row--reverse {
    flex-direction: column;
  }
}

.renove__card-image {
  flex: 0 0 clamp(calc(35.0 * 1vw), calc(35.0 * 1vw), calc(35.0 * 16px));
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .renove__card-image {
    flex-basis: auto;
    width: 100%;
  }
}

.renove__card-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.renove__card-content {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .renove__card-content {
    width: 100%;
  }
}

.renove__card-title {
  color: #143894;
  font-size: clamp(calc(1.75 * 1vw), calc(1.75 * 1vw), calc(1.75 * 16px));
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .renove__card-title {
    font-size: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
    text-align: center;
  }
}

.renove__card-sut-title {
  color: #143894;
  font-size: clamp(calc(1.5 * 1vw), calc(1.5 * 1vw), calc(1.5 * 16px));
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .renove__card-sut-title {
    text-align: center;
    font-size: min(calc(1.125 * 4.267vw), calc(1.125 * 21.33px));
  }
}

.renove__card-text {
  font-family: "Inter", sans-serif;
  color: #000000;
  line-height: 1.85;
  font-size: clamp(calc(1.1875 * 1vw), calc(1.1875 * 1vw), calc(1.1875 * 16px));
  margin-top: clamp(calc(2.1875 * 1vw), calc(2.1875 * 1vw), calc(2.1875 * 16px));
}

@media screen and (max-width: 767px) {
  .renove__card-text {
    font-size: min(calc(0.875 * 4.267vw), calc(0.875 * 21.33px));
    margin-top: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}
/* ギャラリー（1枚目カード用） */
/* ギャラリー（PC3列/中央右2x2、SP2列） */
.renove__card-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: clamp(calc(0.25 * 1vw), calc(0.25 * 1vw), calc(0.25 * 16px));
  border-radius: clamp(calc(0.625 * 1vw), calc(0.625 * 1vw), calc(0.625 * 16px));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .renove__card-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: min(calc(0.375 * 4.267vw), calc(0.375 * 21.33px));
  }
}

.renove__card-gallery-item {
  aspect-ratio: 280/187;
}
.renove__card-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.renove__card-gallery-item.is-2x2 {
  grid-column: 2/span 2;
  grid-row: 2/span 2;
  aspect-ratio: auto;
}
@media screen and (max-width: 767px) {
  .renove__card-gallery-item.is-2x2 {
    grid-column: 1/span 2;
    grid-row: auto;
    aspect-ratio: 3/1;
  }
}

/* ================= Flow ================= */
.renove__flow {
  padding-block: clamp(calc(7.5 * 1vw), calc(7.5 * 1vw), calc(7.5 * 16px)) clamp(calc(10.0 * 1vw), calc(10.0 * 1vw), calc(10.0 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__flow {
    padding-block: min(calc(3.75 * 4.267vw), calc(3.75 * 21.33px)) min(calc(5.0 * 4.267vw), calc(5.0 * 21.33px));
  }
}

.renove__flow-image {
  margin-inline: auto;
  margin-top: clamp(calc(5.625 * 1vw), calc(5.625 * 1vw), calc(5.625 * 16px));
  max-width: clamp(calc(78.75 * 1vw), calc(78.75 * 1vw), calc(78.75 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__flow-image {
    margin-top: min(calc(2.8125 * 4.267vw), calc(2.8125 * 21.33px));
  }
}

.renove__flow-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* ================= CTA ================= */
.renove__cta {
  box-shadow: 0 0 clamp(calc(1.875 * 1vw), calc(1.875 * 1vw), calc(1.875 * 16px)) 0 rgba(0, 0, 0, 0.05);
  padding: clamp(calc(3.75 * 1vw), calc(3.75 * 1vw), calc(3.75 * 16px)) 0;
}

.renove__cta-lead {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: clamp(calc(1.5 * 1vw), calc(1.5 * 1vw), calc(1.5 * 16px));
  color: #111111;
  margin-bottom: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
}
@media screen and (max-width: 767px) {
  .renove__cta-lead {
    font-size: min(calc(1.1875 * 4.267vw), calc(1.1875 * 21.33px));
  }
}

.renove__cta-action {
  text-align: center;
}

.renove__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(calc(25.0 * 1vw), calc(25.0 * 1vw), calc(25.0 * 16px));
  height: clamp(calc(5.0 * 1vw), calc(5.0 * 1vw), calc(5.0 * 16px));
  border-radius: clamp(calc(6.25 * 1vw), calc(6.25 * 1vw), calc(6.25 * 16px));
  background: #143894;
  color: #ffffff;
  font-size: clamp(calc(1.25 * 1vw), calc(1.25 * 1vw), calc(1.25 * 16px));
  text-decoration: none;
  transition: opacity 0.3s;
}

.renove__cta-btn:hover {
  opacity: 0.85;
}

@media screen and (max-width: 767px) {
  .renove__cta-btn {
    width: 100%;
    height: min(calc(3.75 * 4.267vw), calc(3.75 * 21.33px));
    font-size: min(calc(1.125 * 4.267vw), calc(1.125 * 21.33px));
  }
}/*# sourceMappingURL=bundle.css.map */



/* sp：SPのみ表示 */
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

/* pc-br：PCでは表示、SPでは消す */
.pc-br {
  display: none;
}
@media (min-width: 768px) {
  .pc-br {
    display: block;
  }
}

/* sp-br：SPでは表示、PCでは消す */
.sp-br {
  display: block;
}
@media (min-width: 768px) {
  .sp-br {
    display: none;
  }
}

/* KV領域 */
.renove__kv-lead .sp-br {

}

.renove__kv-sub .sp-br {

}

/* Intro領域 */
.renove__intro-text .pc-br {

}

/* Problems領域 */
.renove__problems-subtitle .sp-br {

}

.renove__problem-text .pc-br {

}

.renove__problem-text .sp-br {

}

/* Features領域 */
.renove__feature-title .sp-br {

}

.renove__feature-sub-title .sp-br {

}

.renove__feature-description .pc-br {

}

@media (max-width: 767px) {
  .renove__feature-description .sp-br {
    display: none;
  }
}

/* Strengths領域 */
.renove__strengths-title .sp-br {

}

.renove__band .pc-br {

}

.renove__band .sp-br {

}

/* Cards領域 */
.renove__card-title .sp-br {

}

.renove__card-title .pc-br {

}

.renove__card-sut-title .sp-br {

}

@media (min-width: 768px) {
  .renove__card-text .pc-br {
    display: none;
  }
}

.renove__card-text .sp-br {

}

/* CTA領域 */
.renove__cta-lead .sp-br {

}

/* =====================
   renove 専用 .container
   ===================== */

.renove-page .container {
  max-width: clamp(calc(80.0 * 1vw), calc(80.0 * 1vw), calc(80.0 * 16px));
  padding-inline: clamp(calc(2.5 * 1vw), calc(2.5 * 1vw), calc(2.5 * 16px));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .renove-page .container {
    max-width: min(calc(23.4375 * 4.267vw), calc(23.4375 * 21.33px));
    padding-inline: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px));
  }
}

.renove-page .container-wide {
  max-width: clamp(calc(82.5 * 1vw), calc(82.5 * 1vw), calc(82.5 * 16px));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .renove-page .container-wide {
    max-width: min(calc(20.9375 * 4.267vw), calc(20.9375 * 21.33px));
    /* padding-inline: min(calc(1.25 * 4.267vw), calc(1.25 * 21.33px)); */
  }
}

/* 既存のsection + sectionの干渉を無効化 */
.renove-page section + section {
  margin-top: 0;
}