.renewal-page {
  overflow-x: clip;
}
.fig-viewport {
  overflow: hidden;
}

@media (min-width: 768px) {
  .renewal-page::after {
    content: "";
    z-index: 999;
    pointer-events: none;
    background: linear-gradient(
      to right,
      #fff4b0 0,
      #fff4b0 calc(50% - 720px),
      transparent calc(50% - 720px),
      transparent calc(50% + 720px),
      #fff4b0 calc(50% + 720px),
      #fff4b0 100%
    );
    width: 100%;
    height: 380px;
    position: absolute;
    top: 1251px;
    left: 0;
  }
}

.pricing-redesign {
  z-index: 80;
  color: #333;
  background: #fff;
  width: 1440px;
  height: 610px;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  position: absolute;
  top: 1028px;
  left: 0;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}
.pricing-redesign h2 {
  text-align: center;
  letter-spacing: 0;
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
}
.pricing-redesign h2 span {
  background: linear-gradient(transparent 67%, #fff176 67%);
}
.pricing-redesign::before {
  content: "";
  background: #fff4b0;
  width: 1440px;
  height: 380px;
  position: absolute;
  top: 223px;
  left: 0;
  box-shadow: 0 0 0 100vmax #fff4b0;
  clip-path: inset(0 -100vmax);
}
.pricing-redesign-panel {
  background: transparent;
  width: 1440px;
  height: 380px;
  position: absolute;
  top: 223px;
  left: 0;
}
.pricing-redesign-card {
  position: absolute;
  inset: 0;
}
.pricing-redesign-card > img {
  z-index: 2;
  object-fit: cover;
  background: #f8f6f4;
  border-radius: 0 0 0 38px;
  width: 255px;
  height: 336px;
  position: absolute;
  top: -86px;
}
.pricing-redesign-flyer > img {
  left: 150px;
}
.pricing-redesign-brochure > img {
  left: 758px;
}
.pricing-redesign-detail {
  z-index: 3;
  width: 320px;
  position: absolute;
  top: -123px;
}
.pricing-redesign-flyer .pricing-redesign-detail {
  left: 430px;
}
.pricing-redesign-brochure .pricing-redesign-detail {
  left: 1038px;
}
.pricing-redesign-label {
  color: #463535;
  margin: 0 0 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
}
.pricing-redesign h3 {
  color: #693939;
  margin: 0 0 37px;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
.pricing-redesign-format {
  color: #000;
  margin: 0 0 13px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.pricing-redesign-spec {
  color: #111;
  width: 320px;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
}
.pricing-redesign-price {
  color: #f18e38;
  white-space: nowrap;
  margin: 46px 0 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}
.pricing-redesign-price small {
  font-size: 28px;
}
.pricing-redesign-description {
  color: #111;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  position: absolute;
  top: 263px;
}
.pricing-redesign-flyer .pricing-redesign-description {
  left: 150px;
}
.pricing-redesign-brochure .pricing-redesign-description {
  left: 758px;
}

.fig-address-prefecture {
  color: #333;
  background-color: #fff;
  padding-right: 38px;
  cursor: pointer;
}
[data-layer="356:184"],
[data-layer="356:185"],
[data-layer="356:187"],
[data-layer="467:125"],
[data-layer="467:126"],
[data-layer="467:127"] {
  visibility: hidden;
}

/* Highlight the heading from its left edge through the word "安心". */
[data-layer="377:219"],
[data-layer="467:40"] {
  white-space: nowrap !important;
}

[data-layer="402:453"] {
  width: 425px !important;
  transform: matrix(1, 0, 0, 1, 367, 4030.73901) !important;
}

[data-layer="467:10"] {
  width: 425px !important;
  transform: matrix(1, 0, 0, 1, 367, 5752) !important;
}

/*
 * The central Figma frame stays clipped so anchor navigation remains stable.
 * Only the duplicated production photos are lifted outside that frame and
 * centred on the same 1440px design canvas, allowing both edges to remain visible.
 */
.renewal-page > .fig-works-overflow {
  left: 50%;
  transform: translateX(-50%);
}

/* Hide the superseded exported pricing layers underneath the rebuilt block. */
.fig-frame-normal [data-layer="425:471"],
.fig-frame-normal [data-layer="344:2374"],
.fig-frame-normal [data-layer="345:2382"],
.fig-frame-normal [data-layer="344:2373"],
.fig-frame-normal [data-layer="377:215"],
.fig-frame-normal [data-layer="344:2375"],
.fig-frame-normal [data-layer="345:2379"],
.fig-frame-normal [data-layer="344:2376"],
.fig-frame-normal [data-layer="345:2381"],
.fig-frame-normal [data-layer="345:2377"],
.fig-frame-normal [data-layer="345:2383"],
.fig-frame-normal [data-layer="345:2378"],
.fig-frame-normal [data-layer="345:2380"],
.fig-frame-expanded [data-layer="467:471"],
.fig-frame-expanded [data-layer="467:52"],
.fig-frame-expanded [data-layer="467:53"],
.fig-frame-expanded [data-layer="467:36"],
.fig-frame-expanded [data-layer="467:37"],
.fig-frame-expanded [data-layer="467:54"],
.fig-frame-expanded [data-layer="467:55"],
.fig-frame-expanded [data-layer="467:56"] {
  visibility: hidden;
}

.floating-cv {
  z-index: 2000;
  width: min(567.489px, calc(100vw - 48px));
  display: block;
  position: fixed;
  right: 28px;
  bottom: 22px;
  transition:
    transform 0.16s ease,
    filter 0.16s ease;
}
.floating-cv img {
  width: 100%;
  height: auto;
  display: block;
}
.floating-cv:hover {
  filter: brightness(1.03);
  transform: translateY(-3px);
}
.floating-cv:focus-visible {
  outline: 3px solid #693939;
  outline-offset: 5px;
  border-radius: 999px;
}

@media (max-width: 767px) {
  .renewal-page {
    overflow-x: hidden;
  }
  .pricing-redesign {
    display: none;
  }
  .floating-cv {
    width: calc(100vw - 24px);
    max-width: 390px;
    right: 12px;
    bottom: max(10px, env(safe-area-inset-bottom));
  }
  .mobile-price-card {
    padding-bottom: 44px;
  }
  .mobile-price-card:before {
    height: 455px;
  }
  .mobile-price-card dl {
    gap: 9px;
    padding: 0 18px;
  }
  .mobile-price-card div.mobile-price-spec {
    grid-template-columns: 1fr;
    grid-column: 1 / -1;
    display: grid;
  }
  .mobile-price-spec dd {
    color: #111;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
  }
  .mobile-fieldset .fig-form-control[name="address"] {
    max-width: none;
  }
  .mobile-address-fieldset {
    gap: 12px;
  }
  .mobile-address-fieldset .fig-form-control {
    width: 100%;
    max-width: none;
  }
  .mobile-address-fieldset .fig-form-control[name="postal-code"] {
    max-width: 190px;
  }
  .mobile-footer {
    padding-bottom: 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-cv {
    transition: none;
  }
}