@charset "UTF-8";
:root {
  --succession-primary: #1b2d46;
  --succession-navy: #1d334f;
  --succession-section-bg: #edeef0;
  --succession-step-border-1: #92a9ca;
  --succession-step-border-2: #6a84a7;
  --succession-step-border-3: #344c6e;
  --succession-step-border-4: #1b2d46;
  --succession-accent: #9b9268;
  --succession-sub: #f6f4eb;
  --succession-text: #333333;
  --succession-text-inverse: #ffffff;
  --succession-bg: #ffffff;
  --succession-light-gray: #fafaf7;
  --succession-paper: #f7f7f5;
  --succession-gray: #edeef0;
  --succession-sky: #52b4ff;
  --succession-green: #4db475;
  --succession-border: #ffffff;
  --succession-bg-alt: #f0f0f0;
  --succession-step-num: #a6a6a6;
  --succession-cv-accent: #f3e8b0;
  --succession-cv-heading: #ebcc51;
  --succession-cv-balloon: #06101e;
  --succession-cv-grad-start: #58b5ee;
  --succession-cv-grad-end: #6ebda3;
  --succession-case-panel-bg: #f6f4eb;
  --succession-case-before: #cc5353;
  --succession-worry-accent: #d13f3f;
  --succession-kv-accent: #a59d73;
  --succession-case-after: #4db475;
  --succession-case-sub: #989898;
  --succession-hero-panel-bg: #f6f4eb;
  --succession-muted-gold: #9b9268;
  --succession-flow-accent: #52b4ff;
  --succession-diagram-ring: #000000;
  --succession-shadow: 0 4px 20.5px rgba(0, 0, 0, 0.15);
  --succession-shadow-hard: 4px 5px 0 rgba(0, 0, 0, 0.17);
  --succession-slide-duration: 0.45s;
  --succession-shadow-figure: 0 4px 11px rgba(0, 0, 0, 0.25);
  --succession-shadow-role-text: 0 1px 8px rgba(0, 0, 0, 0.7);
}

.lp-succession {
  overflow: clip;
}
.lp-succession, .lp-succession *, .lp-succession *::before, .lp-succession *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.lp-succession img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.lp-succession a {
  color: inherit;
  text-decoration: none;
}
.lp-succession button {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.lp-succession ul,
.lp-succession ol {
  list-style: none;
}
.lp-succession [hidden] {
  display: none;
}

:root {
  --succession-u: clamp(0.84px, calc(0.542px + 0.0388vw), 1px);
}
@media screen and (max-width: 767px) {
  :root {
    --succession-u: clamp(0.85px, 0.2667vw, 1.2px);
  }
}

.lp-succession {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 17);
  line-height: 1.8;
  letter-spacing: 0.08em;
  color: var(--succession-text);
}
.lp-succession *, .lp-succession *::before, .lp-succession *::after {
  font-family: inherit;
}
.lp-succession :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, a, button, figcaption) {
  letter-spacing: 0.08em;
}
.lp-succession h1,
.lp-succession h2,
.lp-succession [class$=-title],
.lp-succession [class$=-catch],
.lp-succession [class$=-lead],
.lp-succession [class$=-text],
.lp-succession [class$=-item] {
  word-break: auto-phrase;
  line-break: strict;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 767px) {
  .lp-succession {
    font-size: calc(var(--succession-u) * 16);
  }
}

.lp-succession .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1200);
  margin-inline: auto;
  padding-inline: calc(var(--succession-u) * 50);
}
.lp-succession .lp-succession__inner--wide {
  max-width: calc(var(--succession-u) * 1400);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession__inner {
    padding-inline: 5.3vw;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession > section:not(.lp-succession-hero) > .lp-succession__inner {
    width: min(100%, calc(var(--succession-u) * 668) + 5.3vw * 2);
  }
}

.lp-succession > section:not(.lp-succession-hero) > * {
  opacity: 0;
  transform: translateY(calc(var(--succession-u) * 20));
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.lp-succession > section:not(.lp-succession-hero).is-visible > * {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .lp-succession > section:not(.lp-succession-hero) > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media screen and (max-width: 768px) {
  .wrapper:has(.lp-succession) .header {
    height: calc(var(--succession-u) * 53);
  }
}

.footer_copy_wrap {
  z-index: 10;
}

.lp-succession-subnav {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: var(--succession-navy);
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 17);
  line-height: 1.8;
  letter-spacing: 0.08em;
  color: var(--succession-text);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.lp-succession-subnav *, .lp-succession-subnav *::before, .lp-succession-subnav *::after {
  font-family: inherit;
}
.lp-succession-subnav :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, a, button, figcaption) {
  letter-spacing: 0.08em;
}
.lp-succession-subnav.is-hidden {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}
.lp-succession-subnav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--succession-u) * 24);
  width: 100%;
  height: calc(var(--succession-u) * 70);
  padding-inline: calc(var(--succession-u) * 69);
}
.lp-succession-subnav__title {
  display: flex;
  align-items: center;
  gap: calc(var(--succession-u) * 7);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 24);
  font-weight: 700;
  line-height: 1.47;
}
.lp-succession-subnav__mark {
  display: block;
  width: calc(var(--succession-u) * 25);
  height: calc(var(--succession-u) * 30);
}
.lp-succession-subnav__list {
  display: flex;
  align-items: center;
  gap: calc(var(--succession-u) * 24);
}
.lp-succession-subnav__cta, .lp-succession-subnav__close {
  display: none;
}
.lp-succession-subnav__toggle {
  display: none;
  align-items: center;
  gap: calc(var(--succession-u) * 10);
  padding: 0;
  border: 0;
  background: none;
  color: var(--succession-text-inverse);
  font-family: inherit;
  font-size: calc(var(--succession-u) * 14);
  font-weight: 700;
  line-height: 2.14;
}
.lp-succession-subnav__toggle::after {
  content: "";
  width: calc(var(--succession-u) * 17);
  height: calc(var(--succession-u) * 10.17);
  background-image: url("images/subnav-toggle.svg?v=20260922");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.lp-succession-subnav__toggle[aria-expanded=true]::after {
  transform: rotate(180deg);
}
.lp-succession-subnav__item a {
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 14);
  font-weight: 600;
  line-height: 2.14;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.lp-succession-subnav__item a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .lp-succession-subnav {
    top: 0;
  }
  .lp-succession-subnav__inner {
    height: calc(var(--succession-u) * 59);
    padding-inline: 5.3vw;
  }
  .lp-succession-subnav__title {
    gap: calc(var(--succession-u) * 5);
    font-size: calc(var(--succession-u) * 17);
  }
  .lp-succession-subnav__mark {
    width: calc(var(--succession-u) * 18);
    height: calc(var(--succession-u) * 19);
  }
  .lp-succession-subnav__toggle {
    display: flex;
  }
  .lp-succession-subnav__nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: -1px;
    padding-top: 1px;
    min-height: calc(100dvh - calc(var(--succession-u) * 59));
    display: block;
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: var(--succession-navy);
    opacity: 0;
    visibility: hidden;
    transform: translateY(calc(var(--succession-u) * -20));
    transition: 0.5s;
    pointer-events: none;
  }
  .lp-succession-subnav__nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
  .lp-succession-subnav__list {
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: calc(var(--succession-u) * 80) 5.3vw 0;
  }
  .lp-succession-subnav__item a {
    display: block;
    padding-block: calc(var(--succession-u) * 16.35);
    font-size: calc(var(--succession-u) * 16);
    line-height: 1;
    text-align: center;
    transition: 0.3s;
  }
  .lp-succession-subnav__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--succession-u) * 10);
    width: calc(var(--succession-u) * 278);
    height: calc(var(--succession-u) * 61);
    margin: calc(var(--succession-u) * 31.65) auto 0;
    border: calc(var(--succession-u) * 2) solid var(--succession-text-inverse);
    border-radius: calc(var(--succession-u) * 50);
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    color: var(--succession-text-inverse);
    font-size: calc(var(--succession-u) * 16);
    font-weight: 700;
  }
  .lp-succession-subnav__cta-icon {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: calc(var(--succession-u) * 19);
    height: calc(var(--succession-u) * 19);
    border-radius: 50%;
    background-color: var(--succession-text-inverse);
  }
  .lp-succession-subnav__cta-icon::before {
    content: "";
    width: calc(var(--succession-u) * 9.5);
    height: calc(var(--succession-u) * 7.5);
    margin-left: calc(var(--succession-u) * 2);
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  .lp-succession-subnav__close {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--succession-u) * 8);
    width: calc(var(--succession-u) * 153);
    height: calc(var(--succession-u) * 35);
    margin: calc(var(--succession-u) * 26) auto calc(var(--succession-u) * 40);
    border: 0;
    border-radius: calc(var(--succession-u) * 50);
    background-color: #2e4360;
    color: var(--succession-text-inverse);
    font-size: calc(var(--succession-u) * 14);
    cursor: pointer;
  }
  .lp-succession-subnav__close::after {
    content: "";
    width: calc(var(--succession-u) * 10);
    height: calc(var(--succession-u) * 10);
    border-top: calc(var(--succession-u) * 2) solid var(--succession-cv-grad-start);
    border-right: calc(var(--succession-u) * 2) solid var(--succession-cv-grad-start);
    transform: translateY(calc(var(--succession-u) * 2)) rotate(-45deg);
  }
}

.wrapper:has(.lp-succession) {
  padding-top: 0;
  overflow: clip;
}

.wrapper:has(.lp-succession) .header {
  position: relative;
}

@media screen and (max-width: 767px) {
  .wrapper:has(.lp-succession) .header_navi {
    top: calc(var(--succession-u) * 53);
    height: calc(100dvh - calc(var(--succession-u) * 53));
  }
}

.lp-succession .lp-succession-cvbar__slot {
  position: relative;
  z-index: 90;
  height: calc(var(--succession-u) * 70);
  background-color: var(--succession-bg);
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-cvbar__slot {
    height: calc(var(--succession-u) * 126);
  }
}
.lp-succession .lp-succession-cvbar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  background-color: var(--succession-navy);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.lp-succession .lp-succession-cvbar:not(.lp-succession-cvbar--static):not(.is-fixed) {
  visibility: hidden;
  pointer-events: none;
}
.lp-succession .lp-succession-cvbar:not(.lp-succession-cvbar--static):not(.is-fixed) .lp-succession-cvbar__btn {
  transition: none;
}
.lp-succession .lp-succession-cvbar.is-fixed {
  position: fixed;
  padding-bottom: env(safe-area-inset-bottom);
}
.lp-succession .lp-succession-cvbar.lp-succession-cvbar--static {
  z-index: 89;
}
.lp-succession .lp-succession-cvbar.lp-succession-cvbar--static.is-pinned {
  visibility: hidden;
}
.lp-succession .lp-succession-cvbar.lp-succession-cvbar--static.is-pinned .lp-succession-cvbar__btn {
  transition: none;
}
.lp-succession .lp-succession-cvbar.is-hidden {
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
}
.lp-succession .lp-succession-cvbar__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--succession-u) * 20);
  width: min(100%, calc(var(--succession-u) * 1400));
  height: calc(var(--succession-u) * 70);
  margin-inline: auto;
  padding-inline: calc(var(--succession-u) * 150) calc(var(--succession-u) * 50);
}
.lp-succession .lp-succession-cvbar__text {
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 15);
  font-weight: 700;
  line-height: calc(var(--succession-u) * 24);
}
.lp-succession .lp-succession-cvbar__accent {
  color: var(--succession-cv-accent);
}
.lp-succession .lp-succession-cvbar__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 260);
  height: calc(var(--succession-u) * 48);
  border: 2px solid var(--succession-text-inverse);
  border-radius: calc(var(--succession-u) * 24);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 16);
  font-weight: 700;
  text-decoration: none;
}
.lp-succession .lp-succession-cvbar__btn-icon {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 19);
  height: calc(var(--succession-u) * 19);
  margin-left: calc(var(--succession-u) * 12);
  border-radius: 50%;
  background-color: var(--succession-text-inverse);
}
.lp-succession .lp-succession-cvbar__btn-icon::before {
  content: "";
  width: calc(var(--succession-u) * 9.5);
  height: calc(var(--succession-u) * 7.5);
  margin-left: calc(var(--succession-u) * 2);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.lp-succession .lp-succession-cvbar__figure {
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  width: calc(var(--succession-u) * 206);
  margin-left: calc(var(--succession-u) * -48);
}
.lp-succession .lp-succession-cvbar__figure img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-cvbar__inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    height: calc(var(--succession-u) * 126);
    padding: calc(var(--succession-u) * 15) 0 0;
  }
  .lp-succession .lp-succession-cvbar__text {
    width: auto;
    font-size: calc(var(--succession-u) * 14);
    font-weight: 500;
    line-height: 1.58;
    text-align: center;
  }
  .lp-succession .lp-succession-cvbar__btn {
    width: calc(var(--succession-u) * 299);
    height: calc(var(--succession-u) * 36);
    margin-top: calc(var(--succession-u) * 13);
    border-radius: calc(var(--succession-u) * 34);
    box-shadow: 0 calc(var(--succession-u) * 1) calc(var(--succession-u) * 5) rgba(0, 0, 0, 0.25);
    font-size: calc(var(--succession-u) * 15);
    text-shadow: 0 calc(var(--succession-u) * 1) calc(var(--succession-u) * 5) rgba(0, 0, 0, 0.35);
    gap: calc(var(--succession-u) * 8);
  }
  .lp-succession .lp-succession-cvbar__btn-icon {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: calc(var(--succession-u) * 15);
    height: calc(var(--succession-u) * 15);
    margin-left: 0;
    border-radius: 50%;
    background-color: var(--succession-text-inverse);
  }
  .lp-succession .lp-succession-cvbar__btn-icon::before {
    content: "";
    width: calc(var(--succession-u) * 7);
    height: calc(var(--succession-u) * 5.5);
    margin-left: calc(var(--succession-u) * 1.5);
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  .lp-succession .lp-succession-cvbar__figure {
    position: absolute;
    display: block;
    right: auto;
    bottom: 0;
    left: calc(50% + calc(var(--succession-u) * 63.5));
    width: calc(var(--succession-u) * 117);
    margin-left: 0;
  }
  .lp-succession .lp-succession-cvbar__figure img {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cvbar__text {
    width: calc(var(--succession-u) * 248);
    font-size: calc(var(--succession-u) * 12);
  }
}

.lp-succession .c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(var(--succession-u) * 360);
  height: calc(var(--succession-u) * 72);
  padding-inline: calc(var(--succession-u) * 32);
  border-radius: calc(var(--succession-u) * 8);
  background: var(--succession-accent);
  color: var(--succession-text-inverse);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  transition: opacity 0.3s ease;
}
.lp-succession .c-button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .lp-succession .c-button {
    max-width: 100%;
    height: calc(var(--succession-u) * 64);
  }
}

.lp-succession .c-button--outline {
  border: 1px solid currentColor;
  background: transparent;
  color: var(--succession-primary);
}

.lp-succession .c-succession-title {
  display: grid;
  justify-items: center;
  gap: calc(var(--succession-u) * 15);
}

.lp-succession .c-succession-title__en {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--succession-title-en-width, fit-content);
  height: calc(var(--succession-u) * 37);
  padding-inline: calc(var(--succession-u) * 28);
  border-radius: calc(var(--succession-u) * 20) calc(var(--succession-u) * 20) calc(var(--succession-u) * 20) 0;
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  color: var(--succession-text-inverse);
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 18.871);
  font-weight: 400;
  line-height: calc(var(--succession-u) * 15.726);
  letter-spacing: 0.08em;
}
.lp-succession .c-succession-title__en::before, .lp-succession .c-succession-title__en::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(var(--succession-u) * 126);
  height: 1px;
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
}
.lp-succession .c-succession-title__en::before {
  right: calc(100% + calc(var(--succession-u) * 14));
}
.lp-succession .c-succession-title__en::after {
  left: calc(100% + calc(var(--succession-u) * 14));
}
@media screen and (max-width: 767px) {
  .lp-succession .c-succession-title__en {
    height: calc(var(--succession-u) * 24);
    padding-inline: calc(var(--succession-u) * 12);
    border-radius: calc(var(--succession-u) * 13) calc(var(--succession-u) * 13) calc(var(--succession-u) * 13) 0;
    font-size: calc(var(--succession-u) * 12);
    line-height: calc(var(--succession-u) * 10.01);
  }
  .lp-succession .c-succession-title__en::before, .lp-succession .c-succession-title__en::after {
    width: calc(var(--succession-u) * 25);
  }
  .lp-succession .c-succession-title__en::before {
    right: calc(100% + calc(var(--succession-u) * 10));
  }
  .lp-succession .c-succession-title__en::after {
    left: calc(100% + calc(var(--succession-u) * 10));
  }
}

.lp-succession .lp-succession-worry .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 267);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry .c-succession-title__en {
    width: calc(var(--succession-u) * 188);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-why .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 223);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why .c-succession-title__en {
    width: calc(var(--succession-u) * 166);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-relation .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 320);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation .c-succession-title__en {
    width: calc(var(--succession-u) * 194);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-support .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 409);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support .c-succession-title__en {
    width: calc(var(--succession-u) * 258);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-step .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 207);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step .c-succession-title__en {
    width: calc(var(--succession-u) * 127);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-dx .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 223);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx .c-succession-title__en {
    width: calc(var(--succession-u) * 127);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-reason .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 223);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason .c-succession-title__en {
    width: calc(var(--succession-u) * 167);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-case .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 223);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case .c-succession-title__en {
    width: calc(var(--succession-u) * 149);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-flow .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 135);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow .c-succession-title__en {
    width: calc(var(--succession-u) * 86);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-member .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 135);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member .c-succession-title__en {
    width: calc(var(--succession-u) * 88);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-faq .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 113);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq .c-succession-title__en {
    width: calc(var(--succession-u) * 80);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-cta .c-succession-title__en {
  --succession-title-en-width: calc(var(--succession-u) * 149);
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta .c-succession-title__en {
    width: calc(var(--succession-u) * 127);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-relation .c-succession-title__en {
  font-size: calc(var(--succession-u) * 18.87);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation .c-succession-title__en {
    font-size: calc(var(--succession-u) * 12);
  }
}

.lp-succession .c-succession-title__ja {
  color: var(--succession-primary);
  font-size: calc(var(--succession-u) * 38);
  font-weight: 700;
  letter-spacing: 0.076em;
  line-height: 1.47;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .c-succession-title__ja {
    font-size: calc(var(--succession-u) * 32);
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .lp-succession-why .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why .c-succession-title__ja {
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .lp-succession-relation .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation .c-succession-title__ja {
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .lp-succession-dx .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx .c-succession-title__ja {
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .lp-succession-reason .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason .c-succession-title__ja {
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .lp-succession-flow .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow .c-succession-title__ja {
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .c-succession-title__accent {
  position: relative;
  color: var(--succession-accent);
}
.lp-succession .c-succession-title__accent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(var(--succession-u) * 84);
  height: calc(var(--succession-u) * 6);
  transform: translateX(-50%);
  background-image: url("images/title-emphasis-dots.svg?v=20260922");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .lp-succession .c-succession-title__accent::after {
    width: calc(var(--succession-u) * 74);
    height: calc(var(--succession-u) * 4);
  }
}

.lp-succession .c-succession-title--inverse .c-succession-title__en {
  border: 1px solid var(--succession-text-inverse);
  background-image: none;
  background-color: var(--succession-primary);
}
.lp-succession .c-succession-title--inverse .c-succession-title__en::before, .lp-succession .c-succession-title--inverse .c-succession-title__en::after {
  background-image: none;
  background-color: var(--succession-text-inverse);
}

.lp-succession .c-succession-title--inverse .c-succession-title__ja {
  color: var(--succession-text-inverse);
}

.lp-succession .lp-succession-u-br-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-u-br-sp {
    display: inline;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-u-indent {
    margin-left: 0.6em;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-u-br-pc {
    display: none;
  }
}

.lp-succession .lp-succession-hero {
  position: relative;
  background: var(--succession-primary);
}

.lp-succession .lp-succession-hero__visual {
  position: relative;
  overflow: hidden;
  display: grid;
  align-items: start;
}
.lp-succession .lp-succession-hero__visual::before {
  content: "";
  grid-area: 1/1;
  aspect-ratio: 1440/627;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__visual::before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__visual {
    display: block;
    width: 100%;
    height: calc(var(--succession-u) * 392);
  }
}
.lp-succession .lp-succession-hero__visual::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  height: 16.7464114833%;
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__visual::after {
    z-index: 2;
    height: calc(var(--succession-u) * 70);
  }
}

.lp-succession .lp-succession-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__bg {
    display: none;
  }
}

.lp-succession .lp-succession-hero__bg-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__bg-sp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: calc(var(--succession-u) * 392);
  }
}

.lp-succession .lp-succession-hero__bg-sp-image {
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center 70%;
}

.lp-succession .lp-succession-hero__person-picture {
  display: contents;
}

.lp-succession .lp-succession-hero__person {
  position: absolute;
  display: block;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__person {
    z-index: 4;
  }
}

.lp-succession .lp-succession-hero__person--left {
  top: 30.4625199362%;
  left: 11.875%;
  z-index: 6;
  width: 22.5%;
  height: 70.8133971292%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__person--left {
    top: calc(var(--succession-u) * 174);
    z-index: 4;
    left: max(calc(var(--succession-u) * 2), 50% - calc(var(--succession-u) * 187.5) + calc(var(--succession-u) * 2));
    width: calc(var(--succession-u) * 159);
    height: calc(var(--succession-u) * 218);
  }
}

.lp-succession .lp-succession-hero__person--right {
  top: 30%;
  left: 68.4722222222%;
  z-index: 6;
  width: 16.3888888889%;
  height: 70.0159489633%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__person--right {
    top: calc(var(--succession-u) * 178);
    z-index: 4;
    left: min(max(calc(var(--succession-u) * 239), 50% - calc(var(--succession-u) * 187.5) + calc(var(--succession-u) * 239)), 100% - calc(var(--succession-u) * 115));
    width: calc(var(--succession-u) * 115);
    height: calc(var(--succession-u) * 214);
  }
}

.lp-succession .lp-succession-hero__content {
  --fv: calc(100vw / 1440);
  position: relative;
  left: calc(var(--fv) * -10);
  grid-area: 1/1;
  z-index: 7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc(var(--fv) * 680);
  margin-inline: auto;
  padding-block-start: calc(var(--fv) * 79);
  padding-inline: calc(var(--fv) * 63);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__content {
    --fv: calc(var(--succession-u) * 1);
    left: 0;
    z-index: auto;
    align-items: center;
    padding-block-start: calc(var(--succession-u) * 34);
    padding-inline: 5.3vw;
    text-align: center;
  }
}

.lp-succession .lp-succession-hero__label {
  display: grid;
  place-items: center;
  align-self: center;
  width: calc(var(--fv) * 236);
  height: calc(var(--fv) * 34);
  border-radius: calc(var(--fv) * 42);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  font-size: calc(var(--fv) * 15);
  font-weight: 700;
  line-height: 1.33;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__label {
    border-radius: calc(var(--succession-u) * 32.5);
    width: calc(var(--succession-u) * 185);
    height: calc(var(--succession-u) * 24);
    font-size: calc(var(--succession-u) * 12);
  }
}

.lp-succession .lp-succession-hero__heading {
  width: fit-content;
  margin-top: calc(var(--fv) * 9);
  margin-inline: auto;
  font-size: calc(var(--fv) * 56);
  font-weight: 700;
  line-height: 1.73;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__heading {
    width: auto;
    margin-inline: 0;
    font-size: calc(var(--succession-u) * 32.07);
    line-height: calc(var(--succession-u) * 50.94);
  }
}

.lp-succession .lp-succession-hero__heading-box {
  display: inline-block;
  width: calc(var(--fv) * 549.695);
  margin-inline: auto;
  padding: calc(var(--fv) * 6) 0 calc(var(--fv) * 6) calc(var(--fv) * 24);
  background: var(--succession-bg);
  color: var(--succession-primary);
  letter-spacing: 0.06em;
  line-height: calc(var(--fv) * 68.118);
  text-align: left;
  white-space: nowrap;
  box-shadow: var(--succession-shadow);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.lp-succession .lp-succession-hero__heading-accent {
  color: var(--succession-accent);
}

.lp-succession .lp-succession-hero__sub {
  display: inline-block;
  width: calc(var(--fv) * 549.695);
  margin-top: calc(var(--fv) * 10);
  margin-inline: auto;
  padding: calc(var(--fv) * 6) calc(var(--fv) * 28);
  background: var(--succession-primary);
  text-align: center;
  color: var(--succession-text-inverse);
  font-size: calc(var(--fv) * 24);
  font-weight: 700;
  line-height: 1.68;
  box-shadow: var(--succession-shadow);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__sub {
    display: grid;
    place-items: center;
    width: calc(var(--succession-u) * 264);
    height: calc(var(--succession-u) * 66);
    padding: 0;
    border-radius: calc(var(--succession-u) * 33);
    background: var(--succession-navy);
    box-shadow: 0 calc(var(--succession-u) * 2) calc(var(--succession-u) * 2) rgba(0, 0, 0, 0.1);
    font-size: calc(var(--succession-u) * 14);
    line-height: 1.56;
  }
}

.lp-succession .lp-succession-hero__brand-icon {
  display: block;
  width: calc(var(--succession-u) * 27);
  height: calc(var(--succession-u) * 32);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand-icon {
    width: calc(var(--succession-u) * 21);
    height: calc(var(--succession-u) * 25);
  }
}

.lp-succession .lp-succession-hero__brand-text {
  display: flex;
  flex-direction: column;
  gap: calc(var(--succession-u) * 2);
  text-align: left;
}

.lp-succession .lp-succession-hero__brand-catch {
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 12);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand-catch {
    font-size: calc(var(--succession-u) * 10);
  }
}

.lp-succession .lp-succession-hero__brand-name {
  color: var(--succession-cv-grad-start);
  font-size: calc(var(--succession-u) * 20);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand-name {
    font-size: calc(var(--succession-u) * 16);
  }
}

.lp-succession .lp-succession-hero__panel {
  position: relative;
  background: var(--succession-bg);
  padding-block: calc(var(--succession-u) * 33) calc(var(--succession-u) * 48);
}
.lp-succession .lp-succession-hero__panel::before {
  content: "";
  position: absolute;
  top: calc(var(--succession-u) * -74);
  left: 0;
  width: 100%;
  height: calc(var(--succession-u) * 243);
  background: var(--succession-gray);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__panel {
    padding-block: 0;
    background: var(--succession-gray);
  }
  .lp-succession .lp-succession-hero__panel::before {
    content: none;
  }
}

.lp-succession .lp-succession-hero__wave {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__wave {
    position: absolute;
    top: calc(var(--succession-u) * 394);
    left: 0;
    z-index: 0;
    display: block;
    width: calc(var(--succession-u) * 375.36);
    height: calc(var(--succession-u) * 15.27);
    opacity: 0.79;
    mix-blend-mode: multiply;
  }
}

.lp-succession .lp-succession-hero__panel > .lp-succession__inner--wide {
  position: relative;
  z-index: 6;
  max-width: calc(var(--succession-u) * 1180);
  margin-top: calc(var(--succession-u) * -107);
  padding-block: calc(var(--succession-u) * 33) calc(var(--succession-u) * 40);
  padding-inline: calc(var(--succession-u) * 20);
  background: var(--succession-sub);
}
.lp-succession .lp-succession-hero__panel > .lp-succession__inner--wide::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(var(--succession-u) * 48.01);
  background: url("images/hero-panel-wave.webp?v=20260922") no-repeat center top/100% 100%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__panel > .lp-succession__inner--wide {
    margin-top: 0;
  }
  .lp-succession .lp-succession-hero__panel > .lp-succession__inner--wide::after {
    content: none;
  }
  .lp-succession .lp-succession-hero__panel > .lp-succession__inner--wide {
    padding-block: calc(var(--succession-u) * 21) calc(var(--succession-u) * 17);
    padding-inline: 5.3vw;
  }
}

.lp-succession .lp-succession-hero__lead {
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 17);
  font-weight: 400;
  line-height: 1.88;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__lead {
    font-size: calc(var(--succession-u) * 15);
    line-height: 2;
  }
}

.lp-succession .lp-succession-hero__lead-box {
  display: inline;
  padding: calc(var(--succession-u) * 1.25) calc(var(--succession-u) * 20);
  background: var(--succession-bg);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__lead-box {
    padding: calc(var(--succession-u) * 2) calc(var(--succession-u) * 3.375);
    line-height: calc(var(--succession-u) * 20);
  }
}

.lp-succession .lp-succession-hero__lead-strong {
  font-weight: 700;
}

.lp-succession .lp-succession-hero__badge-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--succession-u) * 33);
  margin-top: calc(var(--succession-u) * 18);
  list-style: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__badge-list {
    position: relative;
    gap: calc(var(--succession-u) * 12);
    margin-top: calc(var(--succession-u) * 20);
    position: relative;
    left: 50%;
    display: block;
    width: 100%;
    max-width: calc(var(--succession-u) * 333);
    height: auto;
    aspect-ratio: 333/226;
    margin-top: calc(var(--succession-u) * 10);
    transform: translateX(-50%);
  }
}

.lp-succession .lp-succession-hero__badge-item {
  position: relative;
  display: grid;
  place-items: center;
  width: calc(var(--succession-u) * 151);
  height: calc(var(--succession-u) * 151);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-hero__badge-item {
    width: calc(var(--succession-u) * 130);
    height: calc(var(--succession-u) * 130);
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__badge-item {
    width: calc(var(--succession-u) * 96);
    height: calc(var(--succession-u) * 96);
    position: absolute;
    width: 35.14%;
    height: auto;
    aspect-ratio: 1;
  }
  .lp-succession .lp-succession-hero__badge-item:nth-child(1) {
    top: 0;
    left: 0;
  }
  .lp-succession .lp-succession-hero__badge-item:nth-child(2) {
    top: 0;
    left: 64.86%;
  }
  .lp-succession .lp-succession-hero__badge-item:nth-child(3) {
    top: 0;
    left: 32.43%;
  }
  .lp-succession .lp-succession-hero__badge-item:nth-child(4) {
    top: 48.23%;
    left: 15.92%;
  }
  .lp-succession .lp-succession-hero__badge-item:nth-child(5) {
    top: 48.23%;
    left: 49.25%;
  }
}

.lp-succession .lp-succession-hero__badge-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 105.298013245%;
  max-width: none;
  height: 106.6225165563%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__badge-bg {
    width: 106.0606060606%;
    height: 107.3593073593%;
  }
}

.lp-succession .lp-succession-hero__badge-text {
  display: none;
  position: relative;
  color: var(--succession-navy);
  font-size: calc(var(--succession-u) * 17);
  font-weight: 400;
  letter-spacing: calc(var(--succession-u) * 1.6);
  line-height: calc(var(--succession-u) * 25.6);
  text-align: center;
  paint-order: stroke fill;
  text-shadow: 0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 4) rgba(0, 0, 0, 0.25);
  -webkit-text-stroke: calc(var(--succession-u) * 3) var(--succession-bg);
}
.lp-succession .lp-succession-hero__badge-text strong {
  font-weight: 700;
  font-size: calc(var(--succession-u) * 20);
}
.lp-succession .lp-succession-hero__badge-text span {
  font-size: calc(var(--succession-u) * 17);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__badge-text {
    font-size: calc(var(--succession-u) * 12.2675876617);
    line-height: calc(var(--succession-u) * 18.47);
    -webkit-text-stroke: calc(var(--succession-u) * 2.0456466675) var(--succession-bg);
    text-shadow: 0 calc(var(--succession-u) * 2.8864915371) calc(var(--succession-u) * 2.8864915371) rgba(0, 0, 0, 0.25);
  }
  .lp-succession .lp-succession-hero__badge-text strong {
    font-size: calc(var(--succession-u) * 15.0014076233);
  }
  .lp-succession .lp-succession-hero__badge-text span {
    font-size: calc(var(--succession-u) * 12.2675876617);
  }
}

.lp-succession .lp-succession-hero__badge-text span.lp-succession-hero__badge-text-lg {
  font-size: calc(var(--succession-u) * 20);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__badge-text span.lp-succession-hero__badge-text-lg {
    font-size: calc(var(--succession-u) * 15.0014076233);
  }
}

.lp-succession .lp-succession-hero__brand {
  position: relative;
  margin-top: calc(var(--fv) * 54);
  display: grid;
  place-items: center;
  width: min(100%, var(--fv) * 471);
  height: calc(var(--fv) * 63);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand {
    width: min(100%, calc(var(--succession-u) * 265));
    height: calc(var(--succession-u) * 48);
  }
}

.lp-succession .lp-succession-hero__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(var(--fv) * 26);
  object-fit: contain;
  transform: translateY(-50%);
}

.lp-succession .lp-succession-hero__brand-pill {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--fv) * 10);
  width: calc(var(--fv) * 269);
  height: calc(var(--fv) * 63);
  border-radius: calc(var(--fv) * 50);
  background: var(--succession-bg);
  box-shadow: 0 0 calc(var(--fv) * 11) rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand-pill {
    border-radius: calc(var(--succession-u) * 27.3);
    gap: calc(var(--succession-u) * 6);
    width: calc(var(--succession-u) * 191);
    height: calc(var(--succession-u) * 48);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__label {
    position: relative;
    z-index: 4;
    line-height: calc(var(--succession-u) * 15.63);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__heading {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--succession-u) * 19);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__sub {
    position: relative;
    z-index: 3;
    margin-top: calc(var(--succession-u) * 24);
    padding-inline: calc(var(--succession-u) * 36.4) calc(var(--succession-u) * 19.6);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand {
    position: relative;
    z-index: 5;
    margin-top: calc(var(--succession-u) * 23);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__heading-box {
    display: inline-block;
    width: calc(var(--succession-u) * 318.862);
    padding: 0 0 0 calc(var(--succession-u) * 20);
    text-align: left;
    color: var(--succession-navy);
    letter-spacing: 0.08em;
    line-height: calc(var(--succession-u) * 42.45);
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__heading-accent {
    color: var(--succession-kv-accent);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__lead {
    position: relative;
    left: calc(var(--succession-u) * 3.9);
    color: #000000;
  }
}

.lp-succession .lp-succession-hero__brand-logo {
  display: block;
  width: calc(var(--fv) * 221);
  height: auto;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-hero__brand-logo {
    width: calc(var(--succession-u) * 160);
  }
}

.lp-succession .lp-succession-worry {
  padding-block: calc(var(--succession-u) * 103) 0;
  background: var(--succession-paper) url("images/worry-bg.webp?v=20260926") no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry {
    padding-block: calc(var(--succession-u) * 66) 0;
    background-image: url("images/worry-bg-sp.webp?v=20260926");
  }
}

.lp-succession .lp-succession-worry__intro {
  position: relative;
  display: grid;
  justify-items: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__intro {
    display: block;
  }
}

.lp-succession .lp-succession-worry__figure {
  position: absolute;
  bottom: calc(var(--succession-u) * 11.6);
  left: max(calc(var(--succession-u) * 20), 50% - calc(var(--succession-u) * 407.5));
  width: calc(var(--succession-u) * 174);
  height: auto;
  aspect-ratio: 174/183;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__figure {
    bottom: 0;
    left: max(calc(var(--succession-u) * -3), 50% - calc(var(--succession-u) * 245));
    width: calc(var(--succession-u) * 75);
  }
}

.lp-succession .lp-succession-worry__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(var(--succession-u) * 35) calc(var(--succession-u) * 21);
  width: min(100%, calc(var(--succession-u) * 1080));
  margin-top: calc(var(--succession-u) * 53);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--succession-u) * 15) calc(var(--succession-u) * 11);
    margin-top: calc(var(--succession-u) * 44);
    margin-bottom: calc(var(--succession-u) * 32);
  }
}

.lp-succession .lp-succession-worry__item {
  position: relative;
  display: grid;
  place-items: center;
  height: calc(var(--succession-u) * 157);
  padding: calc(var(--succession-u) * 40) calc(var(--succession-u) * 6) calc(var(--succession-u) * 16);
  border-radius: calc(var(--succession-u) * 10);
  background: var(--succession-bg);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__item {
    height: calc(var(--succession-u) * 98);
    padding: calc(var(--succession-u) * 12) calc(var(--succession-u) * 6);
    border-radius: calc(var(--succession-u) * 6);
  }
}

.lp-succession .lp-succession-worry__icon {
  position: absolute;
  top: calc(var(--succession-u) * -17);
  left: 0;
  object-fit: contain;
}
.lp-succession .lp-succession-worry__icon[src*=hatena] {
  top: calc(var(--succession-u) * -13.78);
  left: calc(var(--succession-u) * 7.18);
  width: calc(var(--succession-u) * 26.784);
  height: calc(var(--succession-u) * 46.027);
  transform: rotate(-20.4deg);
}
.lp-succession .lp-succession-worry__icon[src*=fukidashi] {
  top: calc(var(--succession-u) * -15.58);
  left: calc(var(--succession-u) * 12.82);
  width: calc(var(--succession-u) * 37);
  height: calc(var(--succession-u) * 57);
  transform: rotate(-29.573deg);
}
.lp-succession .lp-succession-worry__icon[src*=guruguru] {
  top: calc(var(--succession-u) * -15);
  width: calc(var(--succession-u) * 44);
  height: calc(var(--succession-u) * 55);
  transform: scaleX(-1);
}
.lp-succession .lp-succession-worry__icon[src*=gaan] {
  top: calc(var(--succession-u) * -9);
  left: calc(var(--succession-u) * 14);
  width: calc(var(--succession-u) * 41);
  height: calc(var(--succession-u) * 35);
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__icon {
    top: calc(var(--succession-u) * -11);
  }
  .lp-succession .lp-succession-worry__icon[src*=hatena] {
    top: calc(var(--succession-u) * -9.1);
    left: calc(var(--succession-u) * 4.5);
    width: calc(var(--succession-u) * 17);
    height: calc(var(--succession-u) * 29.2);
  }
  .lp-succession .lp-succession-worry__icon[src*=fukidashi] {
    top: calc(var(--succession-u) * -9.8);
    left: calc(var(--succession-u) * 8.45);
    width: calc(var(--succession-u) * 23.1);
    height: calc(var(--succession-u) * 35.6);
  }
  .lp-succession .lp-succession-worry__icon[src*=guruguru] {
    top: calc(var(--succession-u) * -9);
    width: calc(var(--succession-u) * 28);
    height: calc(var(--succession-u) * 34);
  }
  .lp-succession .lp-succession-worry__icon[src*=gaan] {
    top: calc(var(--succession-u) * -6);
    left: calc(var(--succession-u) * 8);
    width: calc(var(--succession-u) * 25);
    height: calc(var(--succession-u) * 22);
  }
}

.lp-succession .lp-succession-worry__text {
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 18);
  font-weight: 900;
  line-height: calc(var(--succession-u) * 29.006);
  letter-spacing: 0.16em;
  paint-order: stroke fill;
  filter: drop-shadow(0 calc(var(--succession-u) * 2) calc(var(--succession-u) * 2) rgba(0, 0, 0, 0.15));
  -webkit-text-stroke: calc(var(--succession-u) * 6) var(--succession-bg);
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-worry__text {
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__text {
    font-size: calc(var(--succession-u) * 14);
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.12em;
    filter: drop-shadow(0 calc(var(--succession-u) * 1.5) calc(var(--succession-u) * 1.5) rgba(0, 0, 0, 0.15));
    -webkit-text-stroke: calc(var(--succession-u) * 3.75) var(--succession-bg);
  }
}
.lp-succession .lp-succession-worry__text {
  word-break: auto-phrase;
  line-break: strict;
  overflow-wrap: anywhere;
}

.lp-succession .lp-succession-worry__text-accent {
  color: var(--succession-worry-accent);
  font-size: calc(var(--succession-u) * 18);
  font-weight: 900;
  line-height: calc(var(--succession-u) * 29.006);
  letter-spacing: inherit;
  -webkit-text-stroke: calc(var(--succession-u) * 6) var(--succession-text-inverse);
  paint-order: stroke fill;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__text-accent {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    -webkit-text-stroke-width: calc(var(--succession-u) * 4);
  }
}

.lp-succession .lp-succession-worry__band {
  position: relative;
  margin-top: calc(var(--succession-u) * 71.4);
  padding-block: calc(var(--succession-u) * 126) calc(var(--succession-u) * 61);
  background: var(--succession-primary);
  clip-path: polygon(0 0, 50% calc(var(--succession-u) * 67), 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__band {
    margin-top: calc(var(--succession-u) * 16);
    padding-block: calc(var(--succession-u) * 84) calc(var(--succession-u) * 40);
    clip-path: polygon(0 0, 50% calc(var(--succession-u) * 48), 100% 0, 100% 100%, 0 100%);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__balloon {
    position: relative;
    width: calc(var(--succession-u) * 335);
    max-width: 100%;
    margin-inline: auto;
  }
}

.lp-succession .lp-succession-worry__balloon-img {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__balloon-img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.lp-succession .lp-succession-worry__band-lead {
  position: relative;
  max-width: calc(var(--succession-u) * 968);
  margin-inline: auto;
  padding: calc(var(--succession-u) * 14) calc(var(--succession-u) * 32);
  border-radius: 0;
  background: var(--succession-bg);
  color: var(--succession-primary);
  font-size: calc(var(--succession-u) * 24);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
.lp-succession .lp-succession-worry__band-lead::after {
  content: "";
  position: absolute;
  top: calc(100% - calc(var(--succession-u) * 6));
  left: 50%;
  border-style: solid;
  border-width: calc(var(--succession-u) * 21) calc(var(--succession-u) * 37) 0 calc(var(--succession-u) * 37);
  border-color: var(--succession-bg) transparent transparent transparent;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__band-lead {
    position: absolute;
    top: calc(var(--succession-u) * 19);
    left: calc(var(--succession-u) * 4);
    width: min(calc(var(--succession-u) * 337), 100% - calc(var(--succession-u) * 8));
    max-width: none;
    margin-inline: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    font-size: calc(var(--succession-u) * 16);
    line-height: calc(var(--succession-u) * 24);
    letter-spacing: 0.05em;
  }
  .lp-succession .lp-succession-worry__band-lead::after {
    display: none;
  }
}

.lp-succession .lp-succession-worry__band-accent {
  color: var(--succession-accent);
}

.lp-succession .lp-succession-worry__band-note {
  margin-top: calc(var(--succession-u) * 32);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 17);
  font-weight: 500;
  line-height: 1.76;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry__band-note {
    margin-top: calc(var(--succession-u) * 14);
    font-size: calc(var(--succession-u) * 15);
    line-height: calc(var(--succession-u) * 24);
  }
}

.lp-succession .lp-succession-worry .c-succession-title__ja {
  transform: translateX(calc(var(--succession-u) * 16.6));
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry .c-succession-title__ja {
    transform: translateX(calc(var(--succession-u) * 8));
    font-size: calc(var(--succession-u) * 30);
    line-height: calc(var(--succession-u) * 38);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-worry .c-succession-title__en {
    width: calc(var(--succession-u) * 188);
    border: calc(var(--succession-u) * 0.64) solid transparent;
    border-radius: calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) 0;
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%), linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
  }
  .lp-succession .lp-succession-worry .c-succession-title__en::before, .lp-succession .lp-succession-worry .c-succession-title__en::after {
    height: calc(var(--succession-u) * 0.64);
  }
}

.lp-succession .lp-succession-worry > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1192);
}

.lp-succession .lp-succession-why {
  padding-block: calc(var(--succession-u) * 123) calc(var(--succession-u) * 113);
  background: var(--succession-section-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 40);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why .c-succession-title__en {
    width: calc(var(--succession-u) * 166);
    border: calc(var(--succession-u) * 0.64) solid transparent;
    border-radius: calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) 0;
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%), linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
  }
  .lp-succession .lp-succession-why .c-succession-title__en::before, .lp-succession .lp-succession-why .c-succession-title__en::after {
    height: calc(var(--succession-u) * 0.64);
  }
}

.lp-succession .lp-succession-why__lead {
  max-width: calc(var(--succession-u) * 710);
  margin-top: calc(var(--succession-u) * 46);
  margin-inline: auto;
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 17);
  font-weight: 500;
  line-height: calc(var(--succession-u) * 30);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__lead {
    margin-top: calc(var(--succession-u) * 30);
    font-size: calc(var(--succession-u) * 17);
    font-weight: 500;
    line-height: 1.76;
  }
}

.lp-succession .lp-succession-why__lead-accent {
  font-size: calc(var(--succession-u) * 23);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__lead-accent {
    font-size: inherit;
  }
}

.lp-succession .lp-succession-why__lead-accent--negative {
  color: var(--succession-case-before);
}

.lp-succession .lp-succession-why__lead-accent--positive {
  color: var(--succession-case-after);
}

.lp-succession .lp-succession-why__cols {
  display: flex;
  gap: calc(var(--succession-u) * 21);
  margin-top: calc(var(--succession-u) * 48);
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-why__cols {
    gap: calc(var(--succession-u) * 16);
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__cols {
    flex-direction: column;
    gap: calc(var(--succession-u) * 46);
    margin-top: calc(var(--succession-u) * 44);
  }
}

.lp-succession .lp-succession-why__col {
  position: relative;
  flex: 1 1 0;
  padding-block: calc(var(--succession-u) * 48) calc(var(--succession-u) * 39);
  padding-inline: clamp(var(--succession-u) * 16, -77.091px + 12.121vw, var(--succession-u) * 32);
  border-radius: calc(var(--succession-u) * 16);
  background: var(--succession-bg);
  box-shadow: none;
}
.lp-succession .lp-succession-why__col::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  width: 95.66038%;
  height: calc(var(--succession-u) * 17);
  background: url("images/card-shadow.webp?v=20260922s") no-repeat center/100% 100%;
  transform: translateX(-50%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col {
    box-shadow: none;
  }
  .lp-succession .lp-succession-why__col::after {
    height: calc(var(--succession-u) * 10);
  }
  .lp-succession .lp-succession-why__col {
    padding-inline: calc(var(--succession-u) * 44);
    border-radius: calc(var(--succession-u) * 10);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--negative {
    padding-block: calc(var(--succession-u) * 16) calc(var(--succession-u) * 20);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--positive {
    padding-block: calc(var(--succession-u) * 26) calc(var(--succession-u) * 29.64);
  }
}

.lp-succession .lp-succession-why__col-title {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--succession-u) * 45);
  padding-inline: calc(var(--succession-u) * 28);
  border-radius: calc(var(--succession-u) * 999);
  background: var(--succession-case-before);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 22.67);
  font-weight: 700;
  line-height: calc(var(--succession-u) * 40);
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col-title {
    width: calc(var(--succession-u) * 259);
    height: calc(var(--succession-u) * 42);
    padding-inline: calc(var(--succession-u) * 25);
    border-radius: calc(var(--succession-u) * 22.5);
    font-size: calc(var(--succession-u) * 18);
    line-height: calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-why__col--negative .lp-succession-why__col-title {
  width: calc(var(--succession-u) * 309.48);
  max-width: 100%;
  background: var(--succession-case-before);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--negative .lp-succession-why__col-title {
    width: calc(var(--succession-u) * 259);
    background: var(--succession-worry-accent);
  }
}

.lp-succession .lp-succession-why__col--positive .lp-succession-why__col-title {
  width: calc(var(--succession-u) * 289);
  background: var(--succession-case-after);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--positive .lp-succession-why__col-title {
    width: calc(var(--succession-u) * 259);
  }
}

.lp-succession .lp-succession-why__col-body {
  display: flex;
  align-items: center;
  gap: calc(var(--succession-u) * 32);
  margin-top: calc(var(--succession-u) * 8);
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-why__col-body {
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--succession-u) * 12);
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col-body {
    flex-direction: column;
    gap: calc(var(--succession-u) * 16);
    margin-top: calc(var(--succession-u) * 12);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--negative .lp-succession-why__col-body {
    gap: calc(var(--succession-u) * 18);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--positive .lp-succession-why__col-body {
    gap: calc(var(--succession-u) * 20);
  }
}

.lp-succession .lp-succession-why__col-figure {
  flex: none;
  width: calc(var(--succession-u) * 160);
  height: auto;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col-figure {
    width: calc(var(--succession-u) * 120);
  }
}

.lp-succession .lp-succession-why__col--negative .lp-succession-why__col-figure {
  width: calc(var(--succession-u) * 233.333);
  margin-left: calc(var(--succession-u) * -37);
  margin-right: calc(var(--succession-u) * -38.3);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--negative .lp-succession-why__col-figure {
    width: calc(var(--succession-u) * 209);
    margin-inline: 0;
  }
}

.lp-succession .lp-succession-why__col--positive .lp-succession-why__col-figure {
  width: calc(var(--succession-u) * 159);
  margin-left: calc(var(--succession-u) * 9);
  margin-right: calc(var(--succession-u) * -7);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--positive .lp-succession-why__col-figure {
    width: calc(var(--succession-u) * 143);
    margin-inline: 0;
  }
}

.lp-succession .lp-succession-why__col-list {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-why__col-list {
    flex: 0 1 auto;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col-list {
    flex: 1 1 auto;
    width: 100%;
  }
}

.lp-succession .lp-succession-why__col-item {
  display: flex;
  align-items: center;
  gap: calc(var(--succession-u) * 12);
  height: calc(var(--succession-u) * 38);
  padding-block: 0;
  font-size: calc(var(--succession-u) * 18);
  line-height: calc(var(--succession-u) * 39);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col-item {
    gap: calc(var(--succession-u) * 11);
    font-weight: 400;
    height: auto;
    padding-block: 0;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--negative .lp-succession-why__col-item {
    font-size: calc(var(--succession-u) * 17.0869102478);
    line-height: calc(var(--succession-u) * 36);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__col--positive .lp-succession-why__col-item {
    font-size: calc(var(--succession-u) * 18);
    line-height: calc(var(--succession-u) * 36);
  }
}

.lp-succession .lp-succession-why__check {
  flex: 0 0 auto;
  width: calc(var(--succession-u) * 18);
  height: calc(var(--succession-u) * 18);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__check {
    width: calc(var(--succession-u) * 18.3);
    height: calc(var(--succession-u) * 17.09);
  }
}

.lp-succession .lp-succession-why__col--positive .lp-succession-why__check {
  background-image: url("images/check-positive.svg?v=20260922");
}

.lp-succession .lp-succession-why__check-text {
  color: var(--succession-text);
}

.lp-succession .lp-succession-why__note {
  margin-top: calc(var(--succession-u) * 56);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__note {
    margin-top: calc(var(--succession-u) * 27);
  }
}

.lp-succession .lp-succession-why__note-box {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: calc(var(--succession-u) * 989);
  padding: calc(var(--succession-u) * 14) calc(var(--succession-u) * 32);
  border-radius: 0;
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  font-size: clamp(calc(var(--succession-u) * 16), -1.03px + 2.283vw, calc(var(--succession-u) * 24));
  font-weight: 700;
  line-height: 1.25;
}
.lp-succession .lp-succession-why__note-box::after {
  content: "";
  position: absolute;
  top: calc(100% - calc(var(--succession-u) * 6));
  left: 50%;
  border-style: solid;
  border-width: calc(var(--succession-u) * 23) calc(var(--succession-u) * 37) 0 calc(var(--succession-u) * 37);
  border-color: var(--succession-primary) transparent transparent transparent;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__note-box {
    width: calc(var(--succession-u) * 335);
    max-width: 100%;
    height: calc(var(--succession-u) * 96);
    padding: calc(var(--succession-u) * 17) 0 0;
    border-radius: 0;
    background: url("images/why-balloon-sp.svg?v=20260922") no-repeat center/contain;
    font-size: calc(var(--succession-u) * 16);
    letter-spacing: 0.05em;
    line-height: calc(var(--succession-u) * 24);
  }
  .lp-succession .lp-succession-why__note-box::after {
    display: none;
  }
}

.lp-succession .lp-succession-why__note-text {
  margin-top: calc(var(--succession-u) * 30);
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 17);
  line-height: 1.76;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__note-text {
    margin-top: calc(var(--succession-u) * 14);
    font-size: calc(var(--succession-u) * 15);
    font-weight: 500;
    line-height: calc(var(--succession-u) * 24);
  }
}

.lp-succession .lp-succession-why > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1182);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-why > .lp-succession__inner {
    max-width: calc(var(--succession-u) * 1057);
  }
}

.lp-succession .lp-succession-why .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.34);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why .c-succession-title__ja {
    font-size: calc(var(--succession-u) * 32);
    line-height: calc(var(--succession-u) * 38);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-why__ja-head {
    padding-left: calc(var(--succession-u) * 19);
  }
}

.lp-succession .lp-succession-why__col--negative .lp-succession-why__check {
  width: calc(var(--succession-u) * 19);
  background-image: url("images/check-negative.svg?v=20260922");
}

.lp-succession .lp-succession-relation {
  --succession-relation-example-bg: #f6f4eb;
  padding-block: calc(var(--succession-u) * 108) calc(var(--succession-u) * 128);
  background: var(--succession-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-relation__wrap {
  position: relative;
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__ja-head {
    padding-left: calc(var(--succession-u) * 22);
  }
}

.lp-succession .lp-succession-relation__box {
  position: relative;
  width: min(100%, calc(var(--succession-u) * 797));
  margin-top: calc(var(--succession-u) * 56);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__box {
    margin-top: calc(var(--succession-u) * 16);
    padding: 0;
    background: none;
  }
}

.lp-succession .lp-succession-relation__box::before {
  content: "";
  position: absolute;
  top: calc(var(--succession-u) * 131);
  left: 50%;
  z-index: 1;
  width: calc(var(--succession-u) * 23);
  height: calc(var(--succession-u) * 31);
  transform: translateX(-50%);
  background-color: var(--succession-primary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 31'%3E%3Cpath d='M15.1589 5.88078C15.1589 5.88078 15.497 4.81578 17.3218 3.46441C19.0719 2.16813 17.7286 0.378409 15.1589 1.03896C13.3849 1.49305 13.9879 0 11.4994 0C9.01092 0 9.61389 1.49305 7.83998 1.03896C5.27025 0.378409 3.92694 2.16874 5.67707 3.46441C7.50118 4.81518 7.83998 5.88078 7.83998 5.88078H15.1582H15.1589Z' fill='white'/%3E%3Cpath d='M15.9837 7.46753C15.9837 7.84896 15.6463 8.15835 15.2315 8.15835H7.76866C7.35392 8.15835 7.01644 7.84896 7.01644 7.46753C7.01644 7.08609 7.35392 6.77792 7.76866 6.77792H15.2315C15.6463 6.77792 15.9837 7.08609 15.9837 7.46753Z' fill='white'/%3E%3Cpath d='M15.1588 9.05399H7.84062C6.50919 10.2746 0 14.6357 0 20.4577C0 26.2798 5.14937 30.9999 11.5001 30.9999C17.8507 30.9999 22.9995 26.2792 22.9995 20.4577C22.9995 14.6363 16.4903 10.2746 15.1588 9.05459V9.05399ZM15.5056 20.2985H12.7463L12.4491 20.7205V21.7346H15.5056V23.1726H12.4491V25.3425H10.5504V23.1726H7.49389V21.7346H10.5504V20.7223L10.2532 20.2985H7.49389V19.0706H9.39131L7.77854 16.7681H9.38602L11.4981 19.782L13.6128 16.7681H15.2203L13.6081 19.0706H15.5049V20.2985H15.5056Z' fill='white'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 31'%3E%3Cpath d='M15.1589 5.88078C15.1589 5.88078 15.497 4.81578 17.3218 3.46441C19.0719 2.16813 17.7286 0.378409 15.1589 1.03896C13.3849 1.49305 13.9879 0 11.4994 0C9.01092 0 9.61389 1.49305 7.83998 1.03896C5.27025 0.378409 3.92694 2.16874 5.67707 3.46441C7.50118 4.81518 7.83998 5.88078 7.83998 5.88078H15.1582H15.1589Z' fill='white'/%3E%3Cpath d='M15.9837 7.46753C15.9837 7.84896 15.6463 8.15835 15.2315 8.15835H7.76866C7.35392 8.15835 7.01644 7.84896 7.01644 7.46753C7.01644 7.08609 7.35392 6.77792 7.76866 6.77792H15.2315C15.6463 6.77792 15.9837 7.08609 15.9837 7.46753Z' fill='white'/%3E%3Cpath d='M15.1588 9.05399H7.84062C6.50919 10.2746 0 14.6357 0 20.4577C0 26.2798 5.14937 30.9999 11.5001 30.9999C17.8507 30.9999 22.9995 26.2792 22.9995 20.4577C22.9995 14.6363 16.4903 10.2746 15.1588 9.05459V9.05399ZM15.5056 20.2985H12.7463L12.4491 20.7205V21.7346H15.5056V23.1726H12.4491V25.3425H10.5504V23.1726H7.49389V21.7346H10.5504V20.7223L10.2532 20.2985H7.49389V19.0706H9.39131L7.77854 16.7681H9.38602L11.4981 19.782L13.6128 16.7681H15.2203L13.6081 19.0706H15.5049V20.2985H15.5056Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__box::before {
    content: none;
  }
}

.lp-succession .lp-succession-relation__lead {
  position: absolute;
  top: calc(var(--succession-u) * 45.7);
  left: 0;
  z-index: 1;
  width: 100%;
  line-height: calc(var(--succession-u) * 30);
  text-align: center;
  font-size: calc(var(--succession-u) * 17);
  font-weight: 500;
  color: var(--succession-text);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__lead {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin-top: 0;
    font-size: calc(var(--succession-u) * 17);
    line-height: calc(var(--succession-u) * 33);
    text-indent: calc(var(--succession-u) * 18.8);
  }
}

.lp-succession .lp-succession-relation__lead-mark {
  font-size: calc(var(--succession-u) * 20);
  display: inline-block;
  padding-inline: calc(var(--succession-u) * 6);
  text-indent: 0;
  border-radius: calc(var(--succession-u) * 4);
  background: var(--succession-bg);
  color: var(--succession-primary);
  font-weight: 700;
}

.lp-succession .lp-succession-relation__diagram {
  margin-top: calc(var(--succession-u) * 24);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram {
    margin-top: calc(var(--succession-u) * 16);
  }
}

.lp-succession .lp-succession-relation__diagram-figure::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  width: 95.66038%;
  height: calc(var(--succession-u) * 17);
  background: url("images/card-shadow.webp?v=20260922s") no-repeat center/100% 100%;
  transform: translateX(-50%);
  pointer-events: none;
}

.lp-succession .lp-succession-relation__diagram-figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--succession-u) * 20);
  width: 100%;
  max-width: calc(var(--succession-u) * 797);
  padding: calc(var(--succession-u) * 112) calc(var(--succession-u) * 33) calc(var(--succession-u) * 38) calc(var(--succession-u) * 49);
  border-radius: calc(var(--succession-u) * 23);
  background: var(--succession-section-bg);
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-figure {
    flex-direction: column;
    gap: 0;
    padding: calc(var(--succession-u) * 21) calc(var(--succession-u) * 20) calc(var(--succession-u) * 27);
    box-shadow: none;
  }
  .lp-succession .lp-succession-relation__diagram-figure::after {
    top: auto;
    content: "";
    position: absolute;
    bottom: calc(var(--succession-u) * -11);
    left: 50%;
    width: 100%;
    height: calc(var(--succession-u) * 11);
    background: url("images/card-shadow.webp?v=20260922s") no-repeat center/100% 100%;
    transform: translateX(-50%);
  }
}

.lp-succession .lp-succession-relation__diagram-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--succession-u) * 10) calc(var(--succession-u) * 13);
  width: 57.6%;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-grid {
    width: 100%;
    margin-top: calc(var(--succession-u) * 25);
    gap: calc(var(--succession-u) * 6) calc(var(--succession-u) * 8);
  }
}
.lp-succession .lp-succession-relation__diagram-grid::before, .lp-succession .lp-succession-relation__diagram-grid::after {
  content: "";
  position: absolute;
  z-index: 0;
}
.lp-succession .lp-succession-relation__diagram-grid::before {
  top: 21.64%;
  left: 8.98%;
  width: 78.4%;
  height: 56.72%;
  background: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
}
.lp-succession .lp-succession-relation__diagram-grid::after {
  top: calc(21.64% + calc(var(--succession-u) * 6));
  left: calc(8.98% + calc(var(--succession-u) * 6));
  width: calc(78.4% - calc(var(--succession-u) * 12));
  height: calc(56.72% - calc(var(--succession-u) * 12));
  background: var(--succession-section-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-grid::after {
    top: calc(21.64% + calc(var(--succession-u) * 4.31));
    left: calc(8.98% + calc(var(--succession-u) * 4.31));
    width: calc(78.4% - calc(var(--succession-u) * 8.62));
    height: calc(56.72% - calc(var(--succession-u) * 8.62));
  }
}

.lp-succession .lp-succession-relation__diagram-node {
  position: relative;
  z-index: 1;
  aspect-ratio: 1;
  border: calc(var(--succession-u) * 1) solid var(--succession-diagram-ring);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node {
    border-width: calc(var(--succession-u) * 0.72);
  }
}
.lp-succession .lp-succession-relation__diagram-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--succession-u) * 2);
  border-radius: 50%;
  background: var(--succession-bg);
  text-align: center;
}

.lp-succession .lp-succession-relation__diagram-icon {
  display: block;
  width: 21%;
  height: auto;
  object-fit: contain;
}

.lp-succession .lp-succession-relation__diagram-icon--mask {
  width: 21%;
  aspect-ratio: 19/26;
  background-color: var(--succession-primary);
  mask-image: url("images/relation-icon-03.svg?v=20260922");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("images/relation-icon-03.svg?v=20260922");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(1) {
    justify-content: center;
    gap: calc(var(--succession-u) * 6.6);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(2) {
    justify-content: center;
    gap: calc(var(--succession-u) * 3.59);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(3) {
    justify-content: center;
    gap: calc(var(--succession-u) * 7.2);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(4) {
    justify-content: center;
    gap: calc(var(--succession-u) * 5.75);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(5) {
    justify-content: center;
    gap: calc(var(--succession-u) * 5.18);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(6) {
    justify-content: center;
    gap: calc(var(--succession-u) * 6.85);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(1) .lp-succession-relation__diagram-icon {
    width: 20.24%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(2) .lp-succession-relation__diagram-icon {
    width: 20.15%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(3) .lp-succession-relation__diagram-icon {
    width: 17.83%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(4) .lp-succession-relation__diagram-icon {
    width: 21.94%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(5) .lp-succession-relation__diagram-icon {
    width: 13.95%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(6) .lp-succession-relation__diagram-icon {
    width: 18.61%;
  }
}

.lp-succession .lp-succession-relation__diagram-label {
  font-size: calc(var(--succession-u) * 12);
  font-weight: 600;
  line-height: calc(var(--succession-u) * 20);
  color: var(--succession-primary);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-label {
    font-size: min(2.685vw, calc(var(--succession-u) * 10.07));
    line-height: calc(var(--succession-u) * 14.38);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-node:nth-child(2) .lp-succession-relation__diagram-label,
  .lp-succession .lp-succession-relation__diagram-node:nth-child(4) .lp-succession-relation__diagram-label {
    font-size: min(2.576vw, calc(var(--succession-u) * 9.66));
  }
}

.lp-succession .lp-succession-relation__diagram-node:nth-child(2) .lp-succession-relation__diagram-label {
  letter-spacing: 0.03em;
}

.lp-succession .lp-succession-relation__diagram-node:nth-child(3) .lp-succession-relation__diagram-label {
  letter-spacing: -0.01em;
}

.lp-succession .lp-succession-relation__diagram-node:nth-child(4) .lp-succession-relation__diagram-label,
.lp-succession .lp-succession-relation__diagram-node:nth-child(6) .lp-succession-relation__diagram-label {
  letter-spacing: -0.02em;
}

.lp-succession .lp-succession-relation__diagram-node:nth-child(5) .lp-succession-relation__diagram-label {
  letter-spacing: -0.05em;
}

.lp-succession .lp-succession-relation__diagram-arrow {
  display: none;
  width: calc(var(--succession-u) * 63);
  height: calc(var(--succession-u) * 38);
}
.lp-succession .lp-succession-relation__diagram-arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

.lp-succession .lp-succession-relation__diagram-arrow--pc-mid {
  display: block;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-arrow--pc-mid {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-arrow--sp-top,
  .lp-succession .lp-succession-relation__diagram-arrow--sp-bottom {
    display: block;
    width: calc(var(--succession-u) * 16);
    height: calc(var(--succession-u) * 18);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-arrow--sp-top {
    margin-top: calc(var(--succession-u) * 11);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-arrow--sp-bottom {
    margin-top: calc(var(--succession-u) * 4);
  }
}

.lp-succession .lp-succession-relation__diagram-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--succession-u) * 4);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-flow {
    gap: calc(var(--succession-u) * 2);
    margin-top: calc(var(--succession-u) * 6);
  }
}

.lp-succession .lp-succession-relation__diagram-flow-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 111);
  height: calc(var(--succession-u) * 30);
  border-radius: calc(var(--succession-u) * 41);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 14.93);
  font-weight: 500;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-flow-box {
    width: calc(var(--succession-u) * 130);
    height: calc(var(--succession-u) * 35.14);
    font-size: calc(var(--succession-u) * 17.49);
    line-height: calc(var(--succession-u) * 51.53);
  }
}

.lp-succession .lp-succession-relation__diagram-flow-text {
  font-size: calc(var(--succession-u) * 14.93);
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--succession-primary);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-flow-text {
    font-size: calc(var(--succession-u) * 15);
  }
}

.lp-succession .lp-succession-relation__diagram-goal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.3%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-goal {
    margin-top: calc(var(--succession-u) * 10);
  }
}
.lp-succession .lp-succession-relation__diagram-goal {
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  text-align: center;
  font-size: calc(var(--succession-u) * 26);
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__diagram-goal {
    width: 100%;
    max-width: calc(var(--succession-u) * 287);
    aspect-ratio: 287/70;
    border-radius: 0;
    font-size: calc(var(--succession-u) * 25);
    line-height: calc(var(--succession-u) * 49.67);
  }
}

.lp-succession .lp-succession-relation__example {
  width: min(100%, calc(var(--succession-u) * 797));
  margin-top: calc(var(--succession-u) * 46);
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example {
    margin-top: calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-relation__example-badge {
  height: calc(var(--succession-u) * 34);
  width: calc(var(--succession-u) * 236);
  margin-inline: auto;
  position: relative;
  z-index: 1;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(var(--succession-u) * 24);
  border-radius: calc(var(--succession-u) * 50);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 17);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-badge {
    width: calc(var(--succession-u) * 182);
    height: calc(var(--succession-u) * 36);
    margin-inline: auto;
    padding: 0;
    font-size: calc(var(--succession-u) * 18);
    line-height: calc(var(--succession-u) * 30);
  }
}

.lp-succession .lp-succession-relation__example-box {
  position: relative;
  width: calc(var(--succession-u) * 797);
  max-width: 100%;
  margin-top: calc(var(--succession-u) * -18);
  margin-inline: auto;
  padding: calc(var(--succession-u) * 35) calc(var(--succession-u) * 56) calc(var(--succession-u) * 38);
  border: 1px solid var(--succession-primary);
  border-radius: calc(var(--succession-u) * 23);
  background: var(--succession-sub);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-box {
    position: relative;
    width: 100%;
    height: calc(var(--succession-u) * 385);
    padding: calc(var(--succession-u) * 45) calc(var(--succession-u) * 11) 0;
  }
}

.lp-succession .lp-succession-relation__example-title {
  position: relative;
  z-index: 0;
  line-height: 1.33;
  display: inline-block;
  font-size: calc(var(--succession-u) * 27.06);
  font-weight: 700;
  color: var(--succession-primary);
  -webkit-text-stroke: calc(var(--succession-u) * 2) var(--succession-text-inverse);
  paint-order: stroke fill;
}
.lp-succession .lp-succession-relation__example-title::after {
  content: "";
  position: absolute;
  top: calc(var(--succession-u) * 28);
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(var(--succession-u) * 12);
  background: var(--succession-accent);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-title {
    font-size: calc(var(--succession-u) * 21.17);
  }
  .lp-succession .lp-succession-relation__example-title::after {
    content: "";
    position: absolute;
    top: calc(var(--succession-u) * 24);
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(var(--succession-u) * 8);
    background: var(--succession-accent);
  }
}

.lp-succession .lp-succession-relation__example-body {
  margin-top: calc(var(--succession-u) * 7);
  display: flex;
  align-items: center;
  gap: calc(var(--succession-u) * 26);
  margin-left: calc(var(--succession-u) * 41);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-body {
    display: block;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--succession-u) * 20);
    margin-top: 0;
    margin-left: 0;
  }
}

.lp-succession .lp-succession-relation__example-image {
  flex-shrink: 0;
  width: calc(var(--succession-u) * 184);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-image {
    order: 2;
    position: absolute;
    top: calc(var(--succession-u) * 276);
    right: calc(var(--succession-u) * 24);
    left: auto;
    width: calc(var(--succession-u) * 117);
    height: calc(var(--succession-u) * 107);
    margin-inline: 0;
  }
}

.lp-succession .lp-succession-relation__example-image-img {
  transform: none;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-image-img {
    height: 100%;
    transform: scaleX(-1);
  }
}

.lp-succession .lp-succession-relation__example-list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--succession-u) * 4);
  flex: 1;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-list {
    order: 1;
    gap: calc(var(--succession-u) * 4);
    margin-top: calc(var(--succession-u) * 32);
  }
}

.lp-succession .lp-succession-relation__example-item {
  font-weight: 500;
  position: relative;
  padding-left: calc(var(--succession-u) * 37);
  font-size: calc(var(--succession-u) * 17);
  line-height: 1.83;
  color: var(--succession-text);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-item {
    gap: calc(var(--succession-u) * 6);
    margin-right: calc(var(--succession-u) * -9);
    padding-left: calc(var(--succession-u) * 28.45);
    font-size: calc(var(--succession-u) * 15.55);
    line-height: calc(var(--succession-u) * 28.48);
  }
}
.lp-succession .lp-succession-relation__example-item::before {
  content: "";
  position: absolute;
  top: calc(var(--succession-u) * 8);
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 20);
  height: calc(var(--succession-u) * 17);
  border-radius: 0;
  background: url("images/relation-checkbox.webp?v=20260919") no-repeat center/contain;
  color: transparent;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-item::before {
    top: calc(var(--succession-u) * 4.68);
    width: calc(var(--succession-u) * 22.03);
    height: calc(var(--succession-u) * 19.15);
    border-radius: 0;
    background: url("images/relation-checkbox.webp?v=20260919") no-repeat center/contain;
    color: transparent;
    font-size: 0;
  }
}

.lp-succession .lp-succession-relation__example-note {
  position: absolute;
  top: calc(var(--succession-u) * 296);
  left: calc(var(--succession-u) * 307);
  z-index: 1;
  width: calc(var(--succession-u) * 283);
  line-height: 1.15;
  text-align: left;
  font-size: calc(var(--succession-u) * 15.5);
  color: var(--succession-text);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__example-note {
    top: calc(var(--succession-u) * 309);
    left: calc(var(--succession-u) * 53.1);
    width: calc(var(--succession-u) * 160);
    margin-top: 0;
    font-size: calc(var(--succession-u) * 15.56);
    line-height: calc(var(--succession-u) * 23);
    text-align: left;
  }
}

.lp-succession .lp-succession-relation__summary-lead {
  line-height: 2.18;
  font-weight: 500;
  margin-top: calc(var(--succession-u) * 19);
  text-align: center;
  font-size: calc(var(--succession-u) * 17);
  color: var(--succession-text);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__summary-lead {
    margin-inline: calc(var(--succession-u) * -14);
    margin-top: calc(var(--succession-u) * 30);
    padding-left: calc(var(--succession-u) * 12);
    font-size: calc(var(--succession-u) * 16);
    line-height: calc(var(--succession-u) * 37);
    letter-spacing: 0.08em;
  }
}

.lp-succession .lp-succession-relation__summary {
  width: min(100%, calc(var(--succession-u) * 797));
  margin-top: calc(var(--succession-u) * 5);
  margin-inline: auto;
  padding: calc(var(--succession-u) * 14) calc(var(--succession-u) * 20);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  text-align: center;
  font-size: calc(var(--succession-u) * 26);
  font-weight: 700;
  line-height: 1.15;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation__summary {
    margin-top: calc(var(--succession-u) * 6.5);
    padding: calc(var(--succession-u) * 17) calc(var(--succession-u) * 20) calc(var(--succession-u) * 20);
    font-size: calc(var(--succession-u) * 17);
    line-height: calc(var(--succession-u) * 24);
  }
}

.lp-succession .lp-succession-relation__summary-accent {
  text-decoration: underline;
  text-decoration-color: var(--succession-accent);
  text-decoration-thickness: calc(var(--succession-u) * 3);
  text-decoration-skip-ink: none;
  text-underline-position: auto;
  text-underline-offset: calc(var(--succession-u) * 4);
}

.lp-succession .lp-succession-relation > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1057);
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-relation .c-succession-title__ja {
    word-break: normal;
    overflow-wrap: normal;
    font-size: calc(var(--succession-u) * 30);
  }
}

.lp-succession .lp-succession-support {
  padding-block: calc(var(--succession-u) * 74) calc(var(--succession-u) * 130);
  background: var(--succession-section-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-support__wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__wrap {
    gap: calc(var(--succession-u) * 44);
  }
}

.lp-succession .lp-succession-support__head {
  text-align: center;
}

.lp-succession .lp-succession-support__block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--succession-u) * 32);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__block {
    gap: 0;
  }
}

.lp-succession .lp-succession-support__band {
  line-height: 1.7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, calc(var(--succession-u) * 1080));
  height: calc(var(--succession-u) * 45);
  margin-inline: auto;
  border-radius: calc(var(--succession-u) * 50);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 22);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__band {
    height: calc(var(--succession-u) * 36);
    font-size: calc(var(--succession-u) * 20);
    line-height: calc(var(--succession-u) * 37.29);
  }
}

.lp-succession .lp-succession-support__lead {
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 17);
  font-weight: 500;
  line-height: calc(var(--succession-u) * 37);
}
.lp-succession .lp-succession-support__lead strong {
  font-size: calc(var(--succession-u) * 20);
  font-weight: 700;
  letter-spacing: calc(var(--succession-u) * 1.36);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__lead strong {
    font-size: inherit;
    letter-spacing: inherit;
  }
}
.lp-succession .lp-succession-support__lead {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__lead {
    font-size: calc(var(--succession-u) * 17);
    line-height: calc(var(--succession-u) * 30);
    letter-spacing: 0.08em;
  }
}

.lp-succession .lp-succession-support__head + .lp-succession-support__block {
  width: 100%;
  max-width: calc(var(--succession-u) * 1080);
  margin-inline: auto;
  margin-top: calc(var(--succession-u) * 46);
  gap: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__head + .lp-succession-support__block {
    margin-top: 0;
    gap: 0;
  }
}

.lp-succession .lp-succession-support__head + .lp-succession-support__block > .lp-succession-support__lead {
  margin-top: calc(var(--succession-u) * 22);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__head + .lp-succession-support__block > .lp-succession-support__lead {
    margin-top: calc(var(--succession-u) * 18);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__block + .lp-succession-support__block > .lp-succession-support__lead {
    margin-inline: 0 calc(var(--succession-u) * -8);
    margin-top: calc(var(--succession-u) * 21);
    letter-spacing: 0.06em;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__lead + .lp-succession-support__feature-list {
    margin-top: calc(var(--succession-u) * 45.5);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__lead + .lp-succession-support__diagram {
    margin-top: 0;
  }
}

.lp-succession .lp-succession-support__block + .lp-succession-support__block {
  margin-top: calc(var(--succession-u) * 77);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__block + .lp-succession-support__block {
    margin-top: calc(var(--succession-u) * 2);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-item:first-child {
    padding-bottom: calc(var(--succession-u) * 10);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-text {
    min-height: calc(var(--succession-u) * 73);
  }
}

.lp-succession .lp-succession-support__feature-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: calc(var(--succession-u) * 47);
  margin-top: calc(var(--succession-u) * 53);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-list {
    gap: calc(var(--succession-u) * 45.5);
  }
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-support__feature-list {
    gap: calc(var(--succession-u) * 12);
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-list {
    flex-direction: column;
    gap: calc(var(--succession-u) * 23);
    margin-top: 0;
    gap: calc(var(--succession-u) * 47);
    margin-top: calc(var(--succession-u) * 17);
  }
}

.lp-succession .lp-succession-support__feature-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 1 calc(var(--succession-u) * 328);
  max-width: calc(var(--succession-u) * 328);
  height: calc(var(--succession-u) * 494);
  padding: 0 calc(var(--succession-u) * 31);
  border: calc(var(--succession-u) * 1) solid transparent;
  border-radius: calc(var(--succession-u) * 15);
  background: linear-gradient(var(--succession-text-inverse), var(--succession-text-inverse)) padding-box, linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end)) border-box;
}
.lp-succession .lp-succession-support__feature-item::before, .lp-succession .lp-succession-support__feature-item::after {
  content: "";
  position: absolute;
  top: calc(var(--succession-u) * -36);
  left: 50%;
  z-index: 1;
  width: calc(var(--succession-u) * 72);
  height: calc(var(--succession-u) * 72);
  border-radius: 50%;
  transform: translateX(-50%);
}
.lp-succession .lp-succession-support__feature-item::before {
  background: var(--succession-text-inverse);
}
.lp-succession .lp-succession-support__feature-item::after {
  border: calc(var(--succession-u) * 1) solid transparent;
  background: linear-gradient(var(--succession-text-inverse), var(--succession-text-inverse)) padding-box, linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end)) border-box;
  clip-path: inset(0 0 50% 0);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-item {
    flex: 1 1 auto;
    max-width: none;
    height: auto;
    border-radius: calc(var(--succession-u) * 16);
  }
  .lp-succession .lp-succession-support__feature-item::before, .lp-succession .lp-succession-support__feature-item::after {
    top: calc(var(--succession-u) * -33.5);
    width: calc(var(--succession-u) * 67);
    height: calc(var(--succession-u) * 67);
  }
}

.lp-succession .lp-succession-support__feature-num {
  position: absolute;
  top: calc(var(--succession-u) * -27);
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 51);
  height: calc(var(--succession-u) * 51);
  border-radius: 50%;
  background: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  color: var(--succession-text-inverse);
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 27.52);
  font-weight: 600;
  line-height: calc(var(--succession-u) * 42.427);
  letter-spacing: 0.08em;
  text-align: center;
  text-indent: 0.08em;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-num {
    top: calc(var(--succession-u) * -27);
    width: calc(var(--succession-u) * 51);
    height: calc(var(--succession-u) * 51);
  }
}

.lp-succession .lp-succession-support__feature-figure {
  position: relative;
  width: min(calc(var(--succession-u) * 262), 100%);
  aspect-ratio: 1/1;
  margin-top: calc(var(--succession-u) * 36);
  border-radius: 50%;
  background: var(--succession-light-gray);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-figure {
    width: calc(var(--succession-u) * 175);
    aspect-ratio: auto;
    height: calc(var(--succession-u) * 175);
    margin-top: 0;
    margin-inline: auto;
    border-radius: 0;
    background: none;
  }
}

.lp-succession .lp-succession-support__feature-picture {
  position: absolute;
  top: 20.99237%;
  left: 50%;
  display: block;
  width: 80.53435%;
  height: 53.43511%;
  transform: translateX(-50%);
}
.lp-succession .lp-succession-support__feature-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-picture {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    transform: none;
  }
  .lp-succession .lp-succession-support__feature-picture img {
    height: auto;
    object-fit: fill;
  }
}

.lp-succession .lp-succession-support__feature-title {
  margin-top: calc(var(--succession-u) * 14);
  width: 100%;
  max-width: calc(var(--succession-u) * 286);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: clamp(calc(var(--succession-u) * 16), -3.4px + 2.656vw, calc(var(--succession-u) * 26));
  font-weight: 700;
  line-height: 1.23;
  letter-spacing: 0.08em;
  text-align: center;
  word-break: auto-phrase;
  line-break: strict;
  overflow-wrap: anywhere;
  transform: translateX(0.25em);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-title {
    transform: none;
    margin-left: calc(var(--succession-u) * 15);
    margin-top: calc(var(--succession-u) * 16);
    width: auto;
    max-width: none;
    font-size: calc(var(--succession-u) * 26);
    line-height: 1.23;
  }
}

.lp-succession .lp-succession-support__feature-text {
  margin-top: calc(var(--succession-u) * 23);
  width: 100%;
  max-width: calc(var(--succession-u) * 268);
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 14.564);
  font-weight: 500;
  line-height: calc(var(--succession-u) * 23.614);
  letter-spacing: 0.08em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-text {
    margin-top: calc(var(--succession-u) * 23);
    width: auto;
    max-width: none;
    font-weight: 400;
    font-size: calc(var(--succession-u) * 16);
    word-break: normal;
    line-height: 1.48;
  }
}

.lp-succession .lp-succession-support__diagram {
  margin-top: calc(var(--succession-u) * 2);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__diagram {
    margin-top: calc(var(--succession-u) * -15);
  }
}
.lp-succession .lp-succession-support__diagram img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.lp-succession .lp-succession-support__role {
  position: relative;
  margin-top: calc(var(--succession-u) * 66);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__role {
    margin-top: calc(var(--succession-u) * 51);
  }
}

.lp-succession .lp-succession-support__role-card {
  width: min(100%, calc(var(--succession-u) * 1080));
  margin-inline: auto;
  padding: calc(var(--succession-u) * 51) calc(var(--succession-u) * 32) calc(var(--succession-u) * 28);
  border: 1px solid var(--succession-border);
  border-radius: calc(var(--succession-u) * 16);
  background: var(--succession-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__role-card {
    padding: calc(var(--succession-u) * 36) calc(var(--succession-u) * 20) calc(var(--succession-u) * 24);
  }
}

.lp-succession .lp-succession-support__role-title {
  position: absolute;
  top: calc(var(--succession-u) * -26);
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 350);
  height: calc(var(--succession-u) * 50);
  padding-inline: calc(var(--succession-u) * 28);
  border-radius: calc(var(--succession-u) * 999);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 20);
}
.lp-succession .lp-succession-support__role-title::before {
  content: "";
  position: absolute;
  bottom: calc(100% + calc(var(--succession-u) * 22));
  left: 50%;
  width: 0;
  height: 0;
  border: 0;
  border-right: calc(var(--succession-u) * 68) solid transparent;
  border-left: calc(var(--succession-u) * 68) solid transparent;
  border-top: calc(var(--succession-u) * 24) solid var(--succession-primary);
  transform: translateX(-50%);
}
.lp-succession .lp-succession-support__role-title {
  font-weight: 700;
  white-space: nowrap;
  word-break: auto-phrase;
  line-break: strict;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__role-title {
    top: calc(var(--succession-u) * -19);
    width: calc(var(--succession-u) * 231);
    height: calc(var(--succession-u) * 38);
    padding-inline: calc(var(--succession-u) * 18);
    font-size: calc(var(--succession-u) * 16);
    line-height: calc(var(--succession-u) * 23.86);
  }
  .lp-succession .lp-succession-support__role-title::before {
    bottom: calc(100% + calc(var(--succession-u) * 15));
    border: 0;
    border-right: calc(var(--succession-u) * 50.5) solid transparent;
    border-left: calc(var(--succession-u) * 50.5) solid transparent;
    border-top: calc(var(--succession-u) * 18) solid var(--succession-primary);
  }
}

.lp-succession .lp-succession-support__role-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: calc(var(--succession-u) * 27);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-support__role-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--succession-u) * 12) calc(var(--succession-u) * 12);
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__role-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--succession-u) * 9) calc(var(--succession-u) * 8);
  }
}

.lp-succession .lp-succession-support__role-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 calc(var(--succession-u) * 194);
  max-width: calc(var(--succession-u) * 194);
  height: calc(var(--succession-u) * 45);
  padding-inline: calc(var(--succession-u) * 12);
  border-radius: calc(var(--succession-u) * 999);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 18);
  font-weight: 700;
  text-align: center;
  text-shadow: var(--succession-shadow-role-text);
}
.lp-succession .lp-succession-support__role-item:last-child {
  flex-basis: calc(var(--succession-u) * 295);
  max-width: calc(var(--succession-u) * 295);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-support__role-item:last-child {
    flex-basis: auto;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__role-item:last-child {
    flex-basis: auto;
    max-width: none;
  }
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-support__role-item {
    flex: 1 1 auto;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__role-item {
    flex: 1 1 auto;
    max-width: none;
    height: calc(var(--succession-u) * 44);
    font-size: calc(var(--succession-u) * 13);
    font-weight: 500;
    line-height: calc(var(--succession-u) * 17);
  }
}

.lp-succession .lp-succession-support__diagram-picture {
  display: block;
  width: min(calc(var(--succession-u) * 1140), 100% + calc(var(--succession-u) * 2));
  margin-left: calc((100% - min(calc(var(--succession-u) * 1138), 100%)) / 2 - calc(var(--succession-u) * 29));
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__diagram-picture {
    width: 100%;
    margin-left: 0;
  }
}

.lp-succession .lp-succession-support__diagram-image {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-support__feature-item {
    padding: calc(var(--succession-u) * 40) calc(var(--succession-u) * 28) calc(var(--succession-u) * 17);
    gap: 0;
    border: calc(var(--succession-u) * 1) solid transparent;
    background: linear-gradient(var(--succession-bg), var(--succession-bg)) padding-box, linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end)) border-box;
  }
}

.lp-succession .lp-succession-support > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1238);
}

.lp-succession .lp-succession-step {
  padding-top: calc(var(--succession-u) * 113);
  padding-bottom: calc(var(--succession-u) * 139);
  background: var(--succession-light-gray);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step {
    padding-top: calc(var(--succession-u) * 59);
    padding-bottom: calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-step__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lp-succession .lp-succession-step__note {
  position: relative;
  margin-top: calc(var(--succession-u) * 34);
  text-align: center;
  font-size: calc(var(--succession-u) * 18);
  font-weight: 700;
  line-height: calc(var(--succession-u) * 47.344);
  letter-spacing: 0.08em;
  color: var(--succession-text);
}
.lp-succession .lp-succession-step__note::before, .lp-succession .lp-succession-step__note::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(var(--succession-u) * 45.222);
  height: calc(var(--succession-u) * 3);
  border-radius: calc(var(--succession-u) * 1.5);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
}
.lp-succession .lp-succession-step__note::before {
  left: calc(var(--succession-u) * -39);
  transform: translate(-50%, -50%) rotate(54.9deg);
}
.lp-succession .lp-succession-step__note::after {
  right: calc(var(--succession-u) * -39);
  transform: translate(50%, -50%) rotate(125.1deg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__note {
    margin-top: calc(var(--succession-u) * 40);
    font-size: calc(var(--succession-u) * 18);
    line-height: calc(var(--succession-u) * 26);
    width: calc(var(--succession-u) * 214);
    margin-inline: auto;
    letter-spacing: 0.08em;
  }
  .lp-succession .lp-succession-step__note::before {
    left: calc(var(--succession-u) * -30);
  }
  .lp-succession .lp-succession-step__note::after {
    right: calc(var(--succession-u) * -30);
  }
}

.lp-succession .lp-succession-step__step-list {
  margin-top: calc(var(--succession-u) * 13);
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: calc(var(--succession-u) * 19);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-step__step-list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-list {
    flex-direction: column;
    gap: calc(var(--succession-u) * 20);
    margin-top: calc(var(--succession-u) * 26);
  }
}

.lp-succession .lp-succession-step__step-item {
  position: relative;
  flex: 1;
  min-width: calc(var(--succession-u) * 220);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  height: calc(var(--succession-u) * 486);
  padding: calc(var(--succession-u) * 13) calc(var(--succession-u) * 20) calc(var(--succession-u) * 52);
  border: 2px solid var(--succession-step-border-1);
  border-radius: calc(var(--succession-u) * 15);
  background: var(--succession-bg);
  text-align: center;
}
.lp-succession .lp-succession-step__step-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(35% - calc(var(--succession-u) * 1.625));
  right: calc(var(--succession-u) * -35.625);
  z-index: 1;
  width: calc(var(--succession-u) * 47.25);
  height: calc(var(--succession-u) * 30.25);
  background: url("images/step-arrow.svg?v=20260922") no-repeat center/contain;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-step__step-item:not(:last-child)::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-step__step-item {
    flex: 0 0 calc((100% - calc(var(--succession-u) * 19)) / 2);
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 0 0 auto;
    height: auto;
    gap: 0;
    padding: calc(var(--succession-u) * 30) calc(var(--succession-u) * 12) calc(var(--succession-u) * 19.5) calc(var(--succession-u) * 17);
    text-align: left;
  }
  .lp-succession .lp-succession-step__step-item:not(:last-child)::after {
    content: "";
    display: block;
    top: auto;
    right: auto;
    bottom: calc(var(--succession-u) * -36);
    z-index: 1;
    left: 50%;
    width: calc(var(--succession-u) * 76);
    height: calc(var(--succession-u) * 34);
    background: url("images/step-arrow-sp.svg?v=20260922") no-repeat center/contain;
    clip-path: none;
    transform: translateX(-50%);
  }
}

.lp-succession .lp-succession-step__step-num {
  line-height: calc(var(--succession-u) * 33.111);
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  display: inline-block;
  font-size: calc(var(--succession-u) * 17.87);
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--succession-primary);
}

.lp-succession .lp-succession-step__step-num-figure {
  margin-left: calc(var(--succession-u) * 4);
  font-size: calc(var(--succession-u) * 23.448);
}

.lp-succession .lp-succession-step__step-icon-circle {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 70);
  height: calc(var(--succession-u) * 70);
  margin-top: calc(var(--succession-u) * 2);
  border-radius: 50%;
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
}
.lp-succession .lp-succession-step__step-icon-circle--accent {
  background: var(--succession-primary);
}

.lp-succession .lp-succession-step__step-icon-circle img {
  width: calc(var(--succession-u) * 50);
  height: calc(var(--succession-u) * 50);
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-icon-circle img {
    width: calc(var(--succession-u) * 39.43);
    height: calc(var(--succession-u) * 39.43);
  }
}

.lp-succession .lp-succession-step__step-title {
  margin-top: calc(var(--succession-u) * 10);
  letter-spacing: 0.04em;
  font-size: calc(var(--succession-u) * 20);
  font-weight: 700;
  line-height: calc(var(--succession-u) * 27);
  color: var(--succession-primary);
}

.lp-succession .lp-succession-step__step-detail-list {
  width: calc(var(--succession-u) * 189);
  margin-top: calc(var(--succession-u) * 21);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: calc(var(--succession-u) * 18);
  border-top: 1px solid var(--succession-primary);
}

.lp-succession .lp-succession-step__step-detail {
  position: relative;
  margin-left: calc(var(--succession-u) * -11.5);
  padding-left: calc(var(--succession-u) * 16);
  text-align: left;
  font-size: calc(var(--succession-u) * 14);
  line-height: calc(var(--succession-u) * 25);
  letter-spacing: 0.08em;
  font-weight: 500;
  white-space: nowrap;
  color: var(--succession-text);
}
.lp-succession .lp-succession-step__step-detail::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--succession-u) * 9);
  width: calc(var(--succession-u) * 10);
  height: calc(var(--succession-u) * 10);
  border-radius: 50%;
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-detail {
    break-inside: avoid;
    white-space: nowrap;
    margin-left: 0;
    padding-left: calc(var(--succession-u) * 16);
    font-size: calc(var(--succession-u) * 13);
    line-height: calc(var(--succession-u) * 26);
    letter-spacing: normal;
    font-weight: 400;
  }
  .lp-succession .lp-succession-step__step-detail::before {
    top: calc(var(--succession-u) * 8);
    width: calc(var(--succession-u) * 10);
    height: calc(var(--succession-u) * 10);
  }
}

.lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(2) {
  font-size: calc(var(--succession-u) * 11);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(2) {
    font-size: calc(var(--succession-u) * 13);
    letter-spacing: normal;
  }
}

.lp-succession .lp-succession-step__step-item:nth-child(2) {
  border-color: var(--succession-step-border-2);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(2) {
    padding-bottom: calc(var(--succession-u) * 28.7);
  }
}

.lp-succession .lp-succession-step__step-item:nth-child(3) {
  border-color: var(--succession-step-border-2);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(3) {
    padding-bottom: calc(var(--succession-u) * 22.7);
  }
}

.lp-succession .lp-succession-step__step-item:nth-child(4) {
  border-color: var(--succession-step-border-2);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(4) {
    padding-bottom: calc(var(--succession-u) * 29.5);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-icon-circle {
    position: absolute;
    top: calc(var(--succession-u) * 30);
    left: calc(var(--succession-u) * 17);
    width: calc(var(--succession-u) * 60);
    height: calc(var(--succession-u) * 60);
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-num {
    padding-left: calc(var(--succession-u) * 71);
    padding-bottom: 0;
    border-bottom: 0;
    color: var(--succession-step-num);
    font-size: calc(var(--succession-u) * 17);
    line-height: calc(var(--succession-u) * 32);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-num-figure {
    font-size: calc(var(--succession-u) * 23);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-title {
    padding-left: calc(var(--succession-u) * 71);
    margin-top: calc(var(--succession-u) * -6.5);
    font-size: calc(var(--succession-u) * 20);
    line-height: calc(var(--succession-u) * 27);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-detail-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: minmax(0, 56.23%) minmax(0, 43.77%);
    gap: 0;
    width: 100%;
    min-width: 0;
    margin-top: calc(var(--succession-u) * 25);
    margin-inline: 0;
    padding-top: calc(var(--succession-u) * 22);
    padding-left: calc(var(--succession-u) * 5);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail-list {
    grid-template-rows: repeat(5, calc(var(--succession-u) * 24.4));
    grid-template-columns: 58.92% 41.08%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail-list {
    grid-template-rows: repeat(6, calc(var(--succession-u) * 24));
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail-list,
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail-list {
    grid-template-rows: repeat(4, calc(var(--succession-u) * 24));
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail-list {
    grid-template-columns: 64.65% 35.35%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(1) {
    order: 5;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(2) {
    order: 1;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(3) {
    order: 6;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(4) {
    order: 2;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(5) {
    order: 7;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(6) {
    order: 3;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(7) {
    order: 4;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(1) .lp-succession-step__step-detail:nth-child(8) {
    order: 8;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(1) {
    order: 7;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(2) {
    order: 6;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(3) {
    order: 3;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(4) {
    order: 5;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(5) {
    order: 8;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(6) {
    order: 9;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(7) {
    order: 2;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(8) {
    order: 4;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(2) .lp-succession-step__step-detail:nth-child(9) {
    order: 1;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(1) {
    order: 1;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(2) {
    order: 2;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(3) {
    order: 5;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(4) {
    order: 3;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(5) {
    order: 6;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(6) {
    order: 7;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(7) {
    order: 4;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(3) .lp-succession-step__step-detail:nth-child(8) {
    order: 8;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(1) {
    order: 1;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(2) {
    order: 5;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(3) {
    order: 6;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(4) {
    order: 7;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(5) {
    order: 2;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(6) {
    order: 4;
  }
  .lp-succession .lp-succession-step__step-item:nth-child(4) .lp-succession-step__step-detail:nth-child(7) {
    order: 3;
  }
}

.lp-succession .lp-succession-step > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1277);
}

.lp-succession .lp-succession-step .c-succession-title__ja {
  max-width: calc(var(--succession-u) * 505);
}

.lp-succession .lp-succession-dx {
  padding-block: calc(var(--succession-u) * 93) calc(var(--succession-u) * 108);
  background: var(--succession-section-bg);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 30);
  }
}

.lp-succession .lp-succession-dx__wrap {
  text-align: center;
}

.lp-succession .lp-succession-dx__lead-wrap {
  margin-top: calc(var(--succession-u) * 27);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__lead-wrap {
    margin-top: calc(var(--succession-u) * 42);
  }
}

.lp-succession .lp-succession-dx__lead {
  color: var(--succession-accent);
  font-size: calc(var(--succession-u) * 22);
  font-weight: 700;
  line-height: 2.31;
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__lead {
    font-size: calc(var(--succession-u) * 19);
    line-height: 1.47;
  }
}

.lp-succession .lp-succession-dx__lead-text {
  font-weight: 500;
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 16);
  line-height: 1.83;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__lead-text {
    margin-top: calc(var(--succession-u) * 11);
    line-height: 1.88;
    width: auto;
  }
}

.lp-succession .lp-succession-dx__list {
  display: flex;
  margin-top: calc(var(--succession-u) * 53);
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__list {
    flex-direction: column;
    row-gap: 0;
    margin-top: calc(var(--succession-u) * 46.8);
  }
}

.lp-succession .lp-succession-dx__item {
  box-shadow: none;
  filter: drop-shadow(0 calc(var(--succession-u) * 2) calc(var(--succession-u) * 6) rgba(0, 0, 0, 0.04));
}
.lp-succession .lp-succession-dx__item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--succession-bg);
  clip-path: polygon(0 0, calc(100% - calc(var(--succession-u) * 55)) 0, 100% 50%, calc(100% - calc(var(--succession-u) * 55)) 100%, 0 100%);
}
.lp-succession .lp-succession-dx__item {
  height: calc(var(--succession-u) * 303);
  position: relative;
  flex: 0 0 auto;
  width: 34.40678%;
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item {
    height: auto;
    width: min(100%, calc(var(--succession-u) * 668));
    margin-inline: auto;
    flex: 1 1 auto;
  }
  .lp-succession .lp-succession-dx__item::before {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - calc(var(--succession-u) * 27)), 50% 100%, 0 calc(100% - calc(var(--succession-u) * 27)));
  }
  .lp-succession .lp-succession-dx__item::after {
    content: none;
  }
  .lp-succession .lp-succession-dx__item {
    padding-bottom: calc(var(--succession-u) * 27);
    background: none;
    box-shadow: none;
    filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 20.5) rgba(0, 0, 0, 0.15));
    clip-path: none;
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:first-child::before {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - calc(var(--succession-u) * 27)), 50% 100%, 0 calc(100% - calc(var(--succession-u) * 27)));
  }
}

.lp-succession .lp-succession-dx__item:nth-child(1) {
  z-index: 3;
  filter: drop-shadow(0 calc(var(--succession-u) * 2) calc(var(--succession-u) * 6) rgba(0, 0, 0, 0.04)) drop-shadow(calc(var(--succession-u) * 5) 0 calc(var(--succession-u) * 9.3) rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(1) {
    filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 20.5) rgba(0, 0, 0, 0.15));
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) {
  z-index: 2;
  width: 39.40678%;
  margin-left: -7.28814%;
  filter: drop-shadow(0 calc(var(--succession-u) * 2) calc(var(--succession-u) * 6) rgba(0, 0, 0, 0.04)) drop-shadow(calc(var(--succession-u) * 5) 0 calc(var(--succession-u) * 9.3) rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) {
    width: min(100%, calc(var(--succession-u) * 668));
    margin-left: auto;
    filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 20.5) rgba(0, 0, 0, 0.15));
  }
}

.lp-succession .lp-succession-dx__item:nth-child(3) {
  z-index: 1;
  width: 40.50847%;
  margin-left: -7.0339%;
  filter: drop-shadow(0 calc(var(--succession-u) * 2) calc(var(--succession-u) * 6) rgba(0, 0, 0, 0.04)) drop-shadow(calc(var(--succession-u) * 5) 0 calc(var(--succession-u) * 9.3) rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) {
    z-index: 1;
    width: min(100%, calc(var(--succession-u) * 668));
    margin-left: auto;
    filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 20.5) rgba(0, 0, 0, 0.15));
  }
}

.lp-succession .lp-succession-dx__item-body {
  position: relative;
  z-index: 1;
  padding: calc(var(--succession-u) * 35.5) calc(var(--succession-u) * 40) calc(var(--succession-u) * 40) calc(var(--succession-u) * 32);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(var(--succession-u) * 27) calc(var(--succession-u) * 23) calc(var(--succession-u) * 28.3);
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-body,
.lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-body {
  padding-left: calc(var(--succession-u) * 106);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-body,
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-body {
    padding-left: calc(var(--succession-u) * 20.1);
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-point:nth-child(2),
.lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-point:nth-child(2) {
  margin-left: calc(var(--succession-u) * -8);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-point:nth-child(2),
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-point:nth-child(2) {
    margin-left: 0;
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-point:nth-child(3),
.lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-point:nth-child(3) {
  margin-left: calc(var(--succession-u) * -17);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-point:nth-child(3),
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-point:nth-child(3) {
    margin-left: 0;
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-point:nth-child(4),
.lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-point:nth-child(4) {
  margin-left: calc(var(--succession-u) * -25);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-point:nth-child(4),
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-point:nth-child(4) {
    margin-left: 0;
  }
}

.lp-succession .lp-succession-dx__item-icon {
  position: absolute;
  z-index: 3;
  object-fit: contain;
}

.lp-succession .lp-succession-dx__item:nth-child(1) .lp-succession-dx__item-icon {
  top: calc(var(--succession-u) * -129);
  left: calc(100% - calc(var(--succession-u) * 99));
  width: calc(var(--succession-u) * 91);
  height: calc(var(--succession-u) * 90);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(1) .lp-succession-dx__item-icon {
    top: 50%;
    left: auto;
    right: calc(var(--succession-u) * -7);
    transform: translateY(-50%);
    width: calc(var(--succession-u) * 83);
    height: calc(var(--succession-u) * 83);
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-icon {
  top: calc(var(--succession-u) * -111);
  left: calc(100% - calc(var(--succession-u) * 127));
  width: calc(var(--succession-u) * 117);
  height: calc(var(--succession-u) * 64);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-icon {
    top: 50%;
    left: auto;
    right: calc(var(--succession-u) * -7);
    transform: translateY(-50%);
    width: calc(var(--succession-u) * 83);
    height: calc(var(--succession-u) * 83);
  }
}

.lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-icon {
  top: calc(var(--succession-u) * -126);
  left: calc(100% - calc(var(--succession-u) * 95));
  width: calc(var(--succession-u) * 74);
  height: calc(var(--succession-u) * 76);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-icon {
    top: 50%;
    left: auto;
    right: calc(var(--succession-u) * -7);
    transform: translateY(-50%);
    width: calc(var(--succession-u) * 67);
    height: calc(var(--succession-u) * 69);
  }
}

.lp-succession .lp-succession-dx__item-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--succession-u) * 37);
  padding-inline: calc(var(--succession-u) * 20);
  border-radius: calc(var(--succession-u) * 50);
  background: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 18);
  font-weight: 700;
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-badge {
  padding-inline: calc(var(--succession-u) * 14);
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-badge {
    padding-inline: calc(var(--succession-u) * 16);
    letter-spacing: 0.08em;
  }
}

.lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-badge {
  margin-left: calc(var(--succession-u) * -11);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-badge {
    margin-left: calc(var(--succession-u) * 1.9);
  }
}

.lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-badge {
  margin-left: calc(var(--succession-u) * -16);
}
@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-badge {
    margin-left: calc(var(--succession-u) * 1.9);
  }
}

.lp-succession .lp-succession-dx__item-title {
  position: relative;
  width: fit-content;
  line-height: 1.63;
  margin-top: calc(var(--succession-u) * 20);
  color: var(--succession-primary);
  font-size: clamp(calc(var(--succession-u) * 19.7), -11.6px + 2.94vw, calc(var(--succession-u) * 26));
  font-weight: 700;
}

.lp-succession .lp-succession-dx__item-points {
  margin-top: calc(var(--succession-u) * 16);
}

.lp-succession .lp-succession-dx__item-point {
  letter-spacing: 0.06em;
  font-weight: 500;
  position: relative;
  padding-left: calc(var(--succession-u) * 16);
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 15);
  line-height: 1.92;
}

.lp-succession .lp-succession-dx__item-point::before {
  content: "・";
  position: absolute;
  left: 0;
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item + .lp-succession-dx__item {
    margin-top: calc(var(--succession-u) * -15);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) {
    margin-top: calc(var(--succession-u) * -40);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) {
    margin-top: calc(var(--succession-u) * -43);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item-badge {
    width: calc(var(--succession-u) * 97);
    height: calc(var(--succession-u) * 37);
    line-height: 1;
    white-space: nowrap;
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-badge {
    width: calc(var(--succession-u) * 215);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item-title {
    width: 100%;
    margin-top: calc(var(--succession-u) * 13);
    font-size: calc(var(--succession-u) * 24);
    line-height: 1.77;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item-points {
    margin-top: calc(var(--succession-u) * 20);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item-point {
    font-size: calc(var(--succession-u) * 15);
    line-height: 1.92;
  }
}

.lp-succession .lp-succession-dx > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1280);
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item:nth-child(1) .lp-succession-dx__item-icon {
    top: calc(var(--succession-u) * -90);
    right: auto;
    left: calc(var(--succession-u) * 221.1);
    transform: none;
    width: calc(var(--succession-u) * 83);
    height: calc(var(--succession-u) * 83);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-icon {
    top: calc(var(--succession-u) * -71);
    right: auto;
    left: calc(var(--succession-u) * 205.2);
    transform: none;
    width: calc(var(--succession-u) * 98);
    height: calc(var(--succession-u) * 53);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-icon {
    top: calc(var(--succession-u) * -77);
    right: auto;
    left: calc(var(--succession-u) * 226.2);
    transform: none;
    width: calc(var(--succession-u) * 67);
    height: calc(var(--succession-u) * 69);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item-body {
    align-items: flex-start;
    padding-left: calc(var(--succession-u) * 20.1);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item-badge {
    align-self: flex-start;
    margin-left: calc(var(--succession-u) * 1.9);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item-title {
    align-self: flex-start;
    margin-left: calc(var(--succession-u) * 4.9);
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item-points {
    align-self: flex-start;
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item:nth-child(1) .lp-succession-dx__item-points {
    width: calc(var(--succession-u) * 274);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-points {
    width: calc(var(--succession-u) * 270);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-points {
    width: calc(var(--succession-u) * 302);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item-badge {
    height: calc(var(--succession-u) * 43);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(2) .lp-succession-dx__item-body {
    padding-top: calc(var(--succession-u) * 76);
    padding-bottom: calc(var(--succession-u) * 37.3);
  }
}

@media screen and (max-width: 1024px) {
  .lp-succession .lp-succession-dx__item:nth-child(3) .lp-succession-dx__item-body {
    padding-top: calc(var(--succession-u) * 67);
    padding-bottom: calc(var(--succession-u) * 29.3);
  }
}

.lp-succession .lp-succession-reason {
  padding-block: calc(var(--succession-u) * 108) calc(var(--succession-u) * 84);
  background: var(--succession-light-gray);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-reason__wrap {
  display: block;
}

.lp-succession .lp-succession-reason__head {
  text-align: center;
}

.lp-succession .lp-succession-reason__list {
  margin-inline: auto;
  width: min(100%, calc(var(--succession-u) * 1049));
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, calc(var(--succession-u) * 319)));
  gap: calc(var(--succession-u) * 39) calc(var(--succession-u) * 46);
  margin-top: calc(var(--succession-u) * 71);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__list {
    grid-template-columns: 1fr;
    gap: calc(var(--succession-u) * 8);
    margin-top: calc(var(--succession-u) * 27);
  }
}

.lp-succession .lp-succession-reason__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--succession-text-inverse);
  border-radius: calc(var(--succession-u) * 15);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item {
    margin-top: calc(var(--succession-u) * 37);
    border-radius: calc(var(--succession-u) * 15.75);
  }
}

.lp-succession .lp-succession-reason__item-figure {
  position: relative;
  margin-top: 0;
}

.lp-succession .lp-succession-reason__item-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 319/186;
  object-fit: cover;
  border-radius: calc(var(--succession-u) * 15) calc(var(--succession-u) * 15) 0 0;
}

.lp-succession .lp-succession-reason__item-badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 70);
  height: calc(var(--succession-u) * 70);
  border-radius: 50%;
  background: var(--succession-primary);
  box-shadow: 0 0 0 calc(var(--succession-u) * 2) var(--succession-text-inverse);
  color: var(--succession-text-inverse);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-badge {
    width: calc(var(--succession-u) * 73.51);
    height: calc(var(--succession-u) * 73.51);
    border: calc(var(--succession-u) * 2.1) solid var(--succession-text-inverse);
    box-shadow: none;
  }
}

.lp-succession .lp-succession-reason__item-badge-label {
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 11);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-badge-label {
    font-size: calc(var(--succession-u) * 11.55);
    font-weight: 300;
    line-height: calc(var(--succession-u) * 19);
    letter-spacing: normal;
  }
}

.lp-succession .lp-succession-reason__item-badge-num {
  margin-top: 0;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 28.353);
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 0.8;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-badge-num {
    margin-top: 0;
    font-size: calc(var(--succession-u) * 29.78);
    font-weight: 300;
    line-height: calc(var(--succession-u) * 25);
  }
}

.lp-succession .lp-succession-reason__item-body {
  margin-top: calc(var(--succession-u) * 20);
  padding-inline: calc(var(--succession-u) * 22);
  padding-bottom: calc(var(--succession-u) * 26);
  text-align: center;
}

.lp-succession .lp-succession-reason__item-title {
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  width: 100%;
  max-width: calc(var(--succession-u) * 196);
  margin-inline: auto;
  font-size: calc(var(--succession-u) * 20);
  font-weight: 700;
  line-height: 1.28;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-title {
    margin-top: calc(var(--succession-u) * 33);
    font-size: calc(var(--succession-u) * 22);
    line-height: 1.22;
  }
}

.lp-succession .lp-succession-reason__item-text {
  margin-top: calc(var(--succession-u) * 14);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-text {
    word-break: break-all;
    text-wrap: wrap;
  }
}
.lp-succession .lp-succession-reason__item-text {
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 13);
  font-weight: 500;
  line-height: 1.69;
  letter-spacing: 0.08em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-text {
    margin-top: calc(var(--succession-u) * 19);
    font-size: calc(var(--succession-u) * 15);
    line-height: calc(var(--succession-u) * 23.1);
    text-align: justify;
  }
}

.lp-succession .lp-succession-reason__item:nth-child(4) {
  grid-column: 1/2;
  transform: translateX(calc((100% + calc(var(--succession-u) * 46)) / 2));
}

.lp-succession .lp-succession-reason__item:nth-child(5) {
  grid-column: 2/3;
  transform: translateX(calc((100% + calc(var(--succession-u) * 46)) / 2));
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(4),
  .lp-succession .lp-succession-reason__item:nth-child(5) {
    grid-column: auto;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-figure {
    height: calc(var(--succession-u) * 150);
  }
  .lp-succession .lp-succession-reason__item-figure img {
    height: 100%;
    object-fit: cover;
    border-radius: calc(var(--succession-u) * 15.75) calc(var(--succession-u) * 15.75) 0 0;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item-body {
    margin-top: 0;
    padding-inline: calc(var(--succession-u) * 23);
    padding-bottom: calc(var(--succession-u) * 28);
  }
}

.lp-succession .lp-succession-reason > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1149);
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(1) .lp-succession-reason__item-title {
    width: calc(var(--succession-u) * 205.831);
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(2) .lp-succession-reason__item-title {
    width: calc(var(--succession-u) * 205.831);
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(3) .lp-succession-reason__item-title {
    width: calc(var(--succession-u) * 225);
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(4) .lp-succession-reason__item-title {
    width: calc(var(--succession-u) * 205.831);
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(5) .lp-succession-reason__item-title {
    width: calc(var(--succession-u) * 223);
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(1) {
    height: calc(var(--succession-u) * 359);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(2) {
    height: calc(var(--succession-u) * 356);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(3) {
    height: calc(var(--succession-u) * 336);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(4) {
    height: calc(var(--succession-u) * 356);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-reason__item:nth-child(5) {
    height: calc(var(--succession-u) * 357);
  }
}

.lp-succession .lp-succession-case {
  padding-block: calc(var(--succession-u) * 83) calc(var(--succession-u) * 84);
  background: var(--succession-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-case__wrap {
  --case-gap-head: calc(var(--succession-u) * 18);
  --case-gap-dots: calc(var(--succession-u) * 18);
  display: grid;
  grid-template-columns: calc(var(--succession-u) * 65.5) 1fr calc(var(--succession-u) * 65.5);
  column-gap: 0;
  row-gap: 0;
  align-items: start;
  grid-template-areas: "head head head" "prev panel next" ".    dots  .";
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__wrap {
    --case-gap-head: 0;
    --case-gap-dots: 0;
    grid-template-columns: 1fr auto 1fr;
    column-gap: calc(var(--succession-u) * 14);
    row-gap: calc(var(--succession-u) * 20);
    grid-template-areas: "head head head" "prev dots next" "panel panel panel";
  }
}

.lp-succession .lp-succession-case__head {
  grid-area: head;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--succession-u) * 16);
}

.lp-succession .lp-succession-case__arrow {
  grid-area: prev;
  align-self: start;
  margin-top: calc(var(--case-gap-head) + calc(var(--succession-u) * 140));
  transform: translateY(calc(var(--succession-u) * 13));
  appearance: none;
  border: 0;
  padding: 0;
  width: calc(var(--succession-u) * 85);
  min-width: calc(var(--succession-u) * 85);
  height: calc(var(--succession-u) * 85);
  border-radius: 50%;
  background: var(--succession-primary);
  position: relative;
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__arrow {
    align-self: center;
    margin-top: 0;
    transform: translateY(calc(var(--succession-u) * 13.3));
    min-width: 0;
    width: calc(var(--succession-u) * 46);
    height: calc(var(--succession-u) * 46);
    border: 1px solid #dbdbdb;
    background: var(--succession-text-inverse);
    z-index: auto;
  }
}

.lp-succession .lp-succession-case__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--succession-u) * 23);
  height: calc(var(--succession-u) * 36);
  border: 0;
  background-image: url("images/case-arrow.svg?v=20260922");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__arrow::after {
    width: calc(var(--succession-u) * 13);
    height: calc(var(--succession-u) * 20);
    border: 0;
    background-image: url("images/case-arrow.svg?v=20260922");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

.lp-succession .lp-succession-case__arrow--prev {
  grid-area: prev;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__arrow--prev {
    justify-self: end;
  }
}

.lp-succession .lp-succession-case__arrow--prev::after {
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__arrow--prev::after {
    transform: translate(-50%, -50%);
  }
}

.lp-succession .lp-succession-case__arrow--next {
  grid-area: next;
  justify-self: end;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__arrow--next {
    justify-self: start;
  }
}

.lp-succession .lp-succession-case__arrow--next::after {
  transform: translate(-50%, -50%) scaleX(-1);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__arrow--next::after {
    transform: translate(-50%, -50%) scaleX(-1);
  }
}

.lp-succession .lp-succession-case__viewport {
  grid-area: panel;
  margin-top: calc(var(--case-gap-head) + calc(var(--succession-u) * 34));
  overflow-x: hidden;
  overflow-y: visible;
  padding-top: calc(var(--succession-u) * 17);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__viewport {
    margin-top: 0;
    padding-top: calc(var(--succession-u) * 33);
  }
}

.lp-succession .lp-succession-case__track {
  display: flex;
  gap: calc(var(--succession-u) * 20);
  transition: transform var(--succession-slide-duration) ease;
}

.lp-succession .lp-succession-case__card {
  flex: 0 0 100%;
  width: 100%;
}

.lp-succession .lp-succession-case__panel {
  border: 1px solid var(--succession-primary);
  position: relative;
  background: var(--succession-light-gray);
  border-radius: calc(var(--succession-u) * 23);
  padding: calc(var(--succession-u) * 69) calc(var(--succession-u) * 39) calc(var(--succession-u) * 36) calc(var(--succession-u) * 41);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__panel {
    padding: calc(var(--succession-u) * 32) calc(var(--succession-u) * 10) calc(var(--succession-u) * 13);
  }
}

.lp-succession .lp-succession-case__panel-badge {
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--succession-u) * 34);
  width: calc(var(--succession-u) * 312);
  letter-spacing: 0.08em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  padding: 0;
  border-radius: calc(var(--succession-u) * 23);
  font-size: calc(var(--succession-u) * 18.9);
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__panel-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--succession-u) * 222);
    height: calc(var(--succession-u) * 34);
    padding: 0;
    font-size: calc(var(--succession-u) * 15);
    line-height: calc(var(--succession-u) * 15.73);
    letter-spacing: 0.08em;
  }
}

.lp-succession .lp-succession-case__top {
  display: flex;
  gap: calc(var(--succession-u) * 36);
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__top {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
  }
}

.lp-succession .lp-succession-case__photo {
  aspect-ratio: 263/179;
  flex: 0 0 calc(var(--succession-u) * 263);
  border-radius: calc(var(--succession-u) * 15);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__photo {
    order: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    align-self: flex-start;
    flex: 0 0 calc(var(--succession-u) * 150);
    aspect-ratio: auto;
    width: calc(var(--succession-u) * 150);
    height: calc(var(--succession-u) * 149);
    border-radius: calc(var(--succession-u) * 10);
  }
}

.lp-succession .lp-succession-case__photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__photo img {
    height: 100%;
    aspect-ratio: auto;
  }
}

.lp-succession .lp-succession-case__info {
  flex: 1 1 auto;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__info {
    display: contents;
  }
}

.lp-succession .lp-succession-case__card-title {
  font-size: calc(var(--succession-u) * 27);
  font-weight: 700;
  line-height: 1.33;
  color: var(--succession-primary);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__card-title {
    order: 1;
    width: 100%;
    margin-inline: auto;
    font-size: calc(var(--succession-u) * 18);
    line-height: calc(var(--succession-u) * 24);
    text-align: center;
  }
}

.lp-succession .lp-succession-case__card-lead {
  line-height: 2.26;
  font-weight: 700;
  margin-top: calc(var(--succession-u) * 8);
  font-size: calc(var(--succession-u) * 16);
  color: var(--succession-text);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__card-lead {
    order: 2;
    width: 100%;
    margin-inline: auto;
    margin-top: 0;
    font-size: calc(var(--succession-u) * 14);
    line-height: calc(var(--succession-u) * 36.08);
    text-align: center;
    white-space: nowrap;
    color: var(--succession-case-sub);
  }
}

.lp-succession .lp-succession-case__attrs {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--succession-u) * 12);
  width: min(100%, calc(var(--succession-u) * 670));
  margin-top: calc(var(--succession-u) * 5);
  padding: calc(var(--succession-u) * 9) calc(var(--succession-u) * 10);
  list-style: none;
  background: var(--succession-primary);
  border-radius: calc(var(--succession-u) * 28);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs {
    order: 4;
    flex: 1 1 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--succession-u) * 8);
    width: 100%;
    min-height: calc(var(--succession-u) * 132);
    margin-top: calc(var(--succession-u) * 3);
    padding: calc(var(--succession-u) * 11) calc(var(--succession-u) * 6) calc(var(--succession-u) * 12) calc(var(--succession-u) * 158.1);
    border-radius: clamp(calc(var(--succession-u) * 6), 2.7vw, calc(var(--succession-u) * 10));
    background: var(--succession-primary);
  }
}

.lp-succession .lp-succession-case__attrs-item {
  max-width: calc(var(--succession-u) * 147);
  white-space: nowrap;
  background: var(--succession-bg);
  border: 1px solid var(--succession-border);
  border-radius: calc(var(--succession-u) * 999);
  padding: 0 calc(var(--succession-u) * 18);
  font-size: calc(var(--succession-u) * 15);
  font-weight: 500;
  line-height: calc(var(--succession-u) * 36);
  color: var(--succession-primary);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs-item {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    white-space: normal;
    min-height: calc(var(--succession-u) * 34);
    padding: calc(var(--succession-u) * 7) calc(var(--succession-u) * 8);
    border: 0;
    border-radius: calc(var(--succession-u) * 50);
    background: var(--succession-text-inverse);
    color: var(--succession-primary);
    font-size: calc(var(--succession-u) * 12);
    font-weight: 500;
    line-height: calc(var(--succession-u) * 14);
    text-align: center;
  }
}

.lp-succession .lp-succession-case__result {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--succession-bg);
  border-radius: calc(var(--succession-u) * 15);
  padding: calc(var(--succession-u) * 12) calc(var(--succession-u) * 39) calc(var(--succession-u) * 12) calc(var(--succession-u) * 69);
  margin-top: calc(var(--succession-u) * 32);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result {
    display: block;
    width: auto;
    margin-inline: 0;
    padding: 0;
    border: 1px solid;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--before {
    height: calc(var(--succession-u) * 170);
    margin-top: calc(var(--succession-u) * 14);
    border-color: var(--succession-case-before);
  }
}

.lp-succession .lp-succession-case__result--after {
  margin-top: calc(var(--succession-u) * 26);
  padding-block: calc(var(--succession-u) * 14);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--after {
    padding-block: 0;
    height: calc(var(--succession-u) * 142);
    margin-top: calc(var(--succession-u) * 11);
    border-color: var(--succession-case-after);
  }
}

.lp-succession .lp-succession-case__result-label {
  line-height: 1.76;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  flex: 0 0 calc(var(--succession-u) * 246);
  font-size: calc(var(--succession-u) * 22.667);
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result-label {
    display: block;
    width: auto;
    margin: calc(var(--succession-u) * 12) calc(var(--succession-u) * 9) 0 calc(var(--succession-u) * 13);
    border-radius: calc(var(--succession-u) * 50);
    font-size: calc(var(--succession-u) * 15);
    font-weight: 600;
    line-height: calc(var(--succession-u) * 28);
    letter-spacing: 0.08em;
    text-align: center;
    color: var(--succession-text-inverse);
  }
}

.lp-succession .lp-succession-case__result--before .lp-succession-case__result-label {
  color: var(--succession-case-before);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--before .lp-succession-case__result-label {
    background: var(--succession-case-before);
    color: var(--succession-text-inverse);
  }
}

.lp-succession .lp-succession-case__result--after .lp-succession-case__result-label {
  color: var(--succession-case-after);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--after .lp-succession-case__result-label {
    background: var(--succession-case-after);
    color: var(--succession-text-inverse);
  }
}

.lp-succession .lp-succession-case__result-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result-list {
    gap: 0;
    width: auto;
    margin: calc(var(--succession-u) * 13) calc(var(--succession-u) * 10) 0;
  }
}

.lp-succession .lp-succession-case__result-item {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--succession-u) * 7);
  font-size: calc(var(--succession-u) * 14);
  line-height: calc(var(--succession-u) * 26);
  color: var(--succession-text);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result-item {
    align-items: flex-start;
    gap: calc(var(--succession-u) * 4);
    padding-block: calc(var(--succession-u) * 4.5);
    font-size: calc(var(--succession-u) * 12);
    line-height: calc(var(--succession-u) * 15);
    font-weight: 500;
  }
}

.lp-succession .lp-succession-case__check {
  flex: 0 0 auto;
  width: calc(var(--succession-u) * 18);
  height: calc(var(--succession-u) * 17);
  margin-top: calc(var(--succession-u) * 4);
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__check {
    width: calc(var(--succession-u) * 13);
    height: calc(var(--succession-u) * 12);
    margin-top: 0;
  }
}

.lp-succession .lp-succession-case__result--before .lp-succession-case__check {
  background-image: url("images/case-check-before.svg?v=20260922");
}

.lp-succession .lp-succession-case__result--after .lp-succession-case__check {
  background-image: url("images/case-check-after.svg?v=20260922");
}

.lp-succession .lp-succession-case__check::after {
  content: none;
  position: absolute;
  top: 45%;
  left: 50%;
  width: calc(var(--succession-u) * 4);
  height: calc(var(--succession-u) * 8);
  border: solid var(--succession-case-after);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__check::after {
    content: none;
  }
}

.lp-succession .lp-succession-case__result--before .lp-succession-case__check::after {
  border-color: var(--succession-case-before);
}

.lp-succession .lp-succession-case__divider {
  position: relative;
  top: calc(var(--succession-u) * -1.875);
  left: calc(var(--succession-u) * 74);
  z-index: 1;
  display: block;
  width: calc(var(--succession-u) * 79.67);
  height: 0;
  background: none;
  border-radius: 0;
}
.lp-succession .lp-succession-case__divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--succession-u) * 30.75);
  background: url("images/case-divider-before.svg?v=20260922") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__divider {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    width: calc(var(--succession-u) * 80);
    height: calc(var(--succession-u) * 31);
    margin-top: calc(var(--succession-u) * 16);
    margin-inline: auto;
    background: url("images/case-divider-before.svg?v=20260922") no-repeat center/contain;
  }
  .lp-succession .lp-succession-case__divider::before {
    content: none;
  }
}

.lp-succession .lp-succession-case__result--before + .lp-succession-case__divider {
  top: calc(var(--succession-u) * 3);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--before + .lp-succession-case__divider {
    top: calc(var(--succession-u) * -1.875);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--before + .lp-succession-case__divider {
    display: none;
  }
}

.lp-succession .lp-succession-case__support + .lp-succession-case__divider {
  top: calc(var(--succession-u) * -4.9);
  width: calc(var(--succession-u) * 80.54);
  height: 0;
  background: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support + .lp-succession-case__divider {
    top: calc(var(--succession-u) * -2.75);
  }
}
.lp-succession .lp-succession-case__support + .lp-succession-case__divider::before {
  height: calc(var(--succession-u) * 31.5);
  background: url("images/case-divider-support.svg?v=20260922") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support + .lp-succession-case__divider {
    width: calc(var(--succession-u) * 65);
    height: calc(var(--succession-u) * 16);
    margin-top: calc(var(--succession-u) * -5);
    background: url("images/case-arrow-down.svg?v=20260922") no-repeat center/contain;
    border-radius: 0;
  }
}

.lp-succession .lp-succession-case__support {
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  display: flex;
  gap: calc(var(--succession-u) * 45);
  align-items: flex-start;
  background: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
  border-radius: calc(var(--succession-u) * 15);
  padding: calc(var(--succession-u) * 14) calc(var(--succession-u) * 39) calc(var(--succession-u) * 14) calc(var(--succession-u) * 69);
  margin-top: calc(var(--succession-u) * 27);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support {
    display: block;
    position: relative;
    z-index: 1;
    width: auto;
    height: calc(var(--succession-u) * 229);
    margin-top: calc(var(--succession-u) * -36);
    margin-inline: 0;
    padding: 0;
  }
}

.lp-succession .lp-succession-case__support-title {
  flex: 0 0 calc(var(--succession-u) * 200);
  align-self: center;
  font-size: calc(var(--succession-u) * 20.67);
  font-weight: 700;
  line-height: calc(var(--succession-u) * 30);
  color: var(--succession-text-inverse);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-title {
    position: absolute;
    top: calc(var(--succession-u) * 13);
    left: calc(var(--succession-u) * 10);
    right: calc(var(--succession-u) * 12);
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: calc(var(--succession-u) * 28);
    font-size: calc(var(--succession-u) * 14);
    line-height: calc(var(--succession-u) * 24);
    border-radius: calc(var(--succession-u) * 50);
    background: var(--succession-text-inverse);
    color: var(--succession-primary);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-title span {
    background: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}

.lp-succession .lp-succession-case__support-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.lp-succession .lp-succession-case__support-item {
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: calc(var(--succession-u) * 8);
  font-size: calc(var(--succession-u) * 14);
  line-height: 1.86;
  color: var(--succession-text-inverse);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item {
    position: absolute;
    left: calc(var(--succession-u) * 15);
    right: calc(var(--succession-u) * 12);
    width: auto;
    display: block;
    font-weight: 700;
    font-size: calc(var(--succession-u) * 12);
    line-height: calc(var(--succession-u) * 16);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(1) {
    top: calc(var(--succession-u) * 55);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(2) {
    top: calc(var(--succession-u) * 96);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(3) {
    top: calc(var(--succession-u) * 141);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(4) {
    top: calc(var(--succession-u) * 189);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(2)::before,
  .lp-succession .lp-succession-case__support-item:nth-child(3)::before,
  .lp-succession .lp-succession-case__support-item:nth-child(4)::before {
    content: "";
    position: absolute;
    left: calc(var(--succession-u) * -1);
    width: 100%;
    height: 1px;
    background: var(--succession-text-inverse);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(2)::before {
    top: calc(var(--succession-u) * -14);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(3)::before {
    top: calc(var(--succession-u) * -13);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-item:nth-child(4)::before {
    top: calc(var(--succession-u) * -15);
  }
}

.lp-succession .lp-succession-case__support-arrow {
  flex: 0 0 auto;
  width: calc(var(--succession-u) * 11);
  height: calc(var(--succession-u) * 12.75);
  margin-top: calc(var(--succession-u) * 7.25);
  margin-left: calc(var(--succession-u) * 1.75);
  background: var(--succession-text-inverse);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__support-arrow {
    display: none;
  }
}

.lp-succession .lp-succession-case__dots {
  grid-area: dots;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--case-gap-dots);
  gap: calc(var(--succession-u) * 8.36);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__dots {
    margin-top: calc(var(--succession-u) * 30);
    gap: calc(var(--succession-u) * 6.47);
  }
}

.lp-succession .lp-succession-case__dot {
  appearance: none;
  padding: 0;
  border: 0;
  width: calc(var(--succession-u) * 33.14);
  height: calc(var(--succession-u) * 6.47);
  border-radius: 0;
  background: var(--succession-bg-alt);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__dot {
    border-radius: calc(var(--succession-u) * 3.235);
  }
}

.lp-succession .lp-succession-case__dot.is-active {
  width: calc(var(--succession-u) * 14);
  height: calc(var(--succession-u) * 14);
  border-radius: 50%;
  background: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__dot.is-active {
    width: calc(var(--succession-u) * 14);
    height: calc(var(--succession-u) * 14);
  }
}

.lp-succession .lp-succession-case > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1280);
}

.lp-succession .lp-succession-case .c-succession-title__ja {
  font-size: calc(var(--succession-u) * 35.508);
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case .c-succession-title__ja {
    font-size: calc(var(--succession-u) * 32);
    line-height: calc(var(--succession-u) * 38);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs-label {
    flex-shrink: 0;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs-value {
    text-align: left;
  }
}

.lp-succession .lp-succession-case__attrs-item:nth-child(1) {
  min-width: calc(var(--succession-u) * 284);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs-item:nth-child(1) {
    min-width: 0;
  }
}

.lp-succession .lp-succession-case__attrs-item:nth-child(2) {
  min-width: calc(var(--succession-u) * 156);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs-item:nth-child(2) {
    min-width: 0;
  }
}

.lp-succession .lp-succession-case__attrs-item:nth-child(3) {
  min-width: calc(var(--succession-u) * 171);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__attrs-item:nth-child(3) {
    min-width: 0;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result-item {
    word-break: normal;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-case__result--before .lp-succession-case__check,
  .lp-succession .lp-succession-case__result--after .lp-succession-case__check {
    align-self: flex-start;
    margin-top: calc(var(--succession-u) * 2.44);
  }
}

.lp-succession .lp-succession-flow {
  padding-block: calc(var(--succession-u) * 73) calc(var(--succession-u) * 131);
  background: var(--succession-section-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow {
    padding-block: 0;
  }
}

.lp-succession .lp-succession-flow__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(var(--succession-u) * 48);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__wrap {
    display: block;
    position: relative;
    height: calc(var(--succession-u) * 1113);
  }
}

.lp-succession .lp-succession-flow__head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__head {
    display: block;
    position: absolute;
    top: calc(var(--succession-u) * 41);
    left: 0;
    width: 100%;
  }
}

.lp-succession .lp-succession-flow__head .c-succession-title {
  flex-shrink: 0;
  width: calc(var(--succession-u) * 572);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__head .c-succession-title {
    display: contents;
  }
}

.lp-succession .lp-succession-flow__head .c-succession-title__en {
  border: calc(var(--succession-u) * 1) solid transparent;
  background-image: linear-gradient(var(--succession-bg), var(--succession-bg)), linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__head .c-succession-title__en {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(var(--succession-u) * 86);
    height: calc(var(--succession-u) * 17.73);
    padding-inline: 0;
    border: calc(var(--succession-u) * 0.636) solid transparent;
    border-radius: calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) 0;
    background-image: linear-gradient(var(--succession-bg), var(--succession-bg)), linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    font-size: calc(var(--succession-u) * 12);
    line-height: calc(var(--succession-u) * 10.01);
  }
  .lp-succession .lp-succession-flow__head .c-succession-title__en::before, .lp-succession .lp-succession-flow__head .c-succession-title__en::after {
    height: calc(var(--succession-u) * 0.636);
    background-color: transparent;
  }
}

.lp-succession .lp-succession-flow__head .c-succession-title__en span {
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__head .c-succession-title__en span {
    color: var(--succession-primary);
  }
}

.lp-succession .lp-succession-flow__head .c-succession-title__ja {
  text-indent: -0.08em;
  line-height: calc(var(--succession-u) * 47.34);
  white-space: nowrap;
  word-break: normal;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__head .c-succession-title__ja {
    text-indent: 0;
    position: absolute;
    top: calc(var(--succession-u) * 28.81);
    left: 50%;
    transform: translateX(-50%);
    line-height: calc(var(--succession-u) * 38);
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }
}

.lp-succession .lp-succession-flow__badge::before,
.lp-succession .lp-succession-flow__badge::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(var(--succession-u) * 60);
  height: 1px;
  background: var(--succession-border);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__badge::before,
  .lp-succession .lp-succession-flow__badge::after {
    display: none;
  }
}

.lp-succession .lp-succession-flow__badge::before {
  right: calc(100% + calc(var(--succession-u) * 16));
}

.lp-succession .lp-succession-flow__badge::after {
  left: calc(100% + calc(var(--succession-u) * 16));
}

.lp-succession .lp-succession-flow__list {
  margin-inline: auto;
  width: min(100%, calc(var(--succession-u) * 968));
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas: "s1 s1 s1 s1 s1 s1 s1 s1 s1 s1 s1 s1" "s2 s2 s2 s2 s3 s3 s3 s3 s4 s4 s4 s4" "s5 s5 s5 s5 s6 s6 s6 s6 s7 s7 s7 s7" "s8 s8 s8 s8 s8 s8 s8 s8 s8 s8 s8 s8";
  gap: calc(var(--succession-u) * 33) calc(var(--succession-u) * 31);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__list {
    position: absolute;
    top: calc(var(--succession-u) * 176);
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-inline: auto;
    height: calc(var(--succession-u) * 897);
    grid-template-columns: none;
    grid-template-areas: none;
    gap: 0;
    background: var(--succession-bg);
    border-radius: calc(var(--succession-u) * 10);
  }
}

.lp-succession .lp-succession-flow__list::after {
  content: none;
  display: none;
  grid-area: s1;
  align-self: stretch;
  justify-self: end;
  width: calc(var(--succession-u) * 32);
  background: var(--succession-bg);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__list::after {
    display: none;
  }
}

.lp-succession .lp-succession-flow__timeline {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__timeline {
    display: block;
    position: absolute;
    left: calc(var(--succession-u) * 44);
    top: calc(var(--succession-u) * 58);
    width: 1px;
    height: calc(var(--succession-u) * 737);
    background-image: linear-gradient(180deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
    -webkit-mask-image: repeating-linear-gradient(to bottom, #000 0, #000 2px, transparent 2px, transparent 4px);
    mask-image: repeating-linear-gradient(to bottom, #000 0, #000 2px, transparent 2px, transparent 4px);
  }
}

.lp-succession .lp-succession-flow__note {
  grid-area: s1;
  z-index: 1;
  position: relative;
  margin-left: calc(var(--succession-u) * 235);
  margin-right: calc(var(--succession-u) * 57);
  display: flex;
  align-items: center;
  min-width: 0;
  padding: calc(var(--succession-u) * 23) calc(var(--succession-u) * 31.5) calc(var(--succession-u) * 27) calc(var(--succession-u) * 36);
  border-radius: calc(var(--succession-u) * 6);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
  filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 12) rgba(0, 0, 0, 0.08));
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note {
    --succession-note-offset: clamp(calc(var(--succession-u) * 22), calc(-187.455px + 65.455vw), calc(var(--succession-u) * 58));
    position: absolute;
    left: var(--succession-note-offset);
    top: calc(var(--succession-u) * 81.7);
    margin-left: 0;
    margin-right: 0;
    display: block;
    width: fit-content;
    min-width: calc(var(--succession-u) * 262);
    max-width: calc(100% - var(--succession-note-offset) - calc(var(--succession-u) * 15));
    height: auto;
    padding: calc(var(--succession-u) * 9.3) calc(var(--succession-u) * 15.85) calc(var(--succession-u) * 11) calc(var(--succession-u) * 15);
    border-radius: calc(var(--succession-u) * 4.478);
    background-image: linear-gradient(180deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
    clip-path: none;
    filter: none;
  }
}

.lp-succession .lp-succession-flow__note::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--succession-u) * -17);
  width: calc(var(--succession-u) * 17);
  height: calc(var(--succession-u) * 32);
  background: var(--succession-cv-grad-start);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note::before {
    content: "";
    top: auto;
    bottom: 100%;
    left: calc(var(--succession-u) * 116.85);
    width: 0;
    height: 0;
    background: none;
    border-right: calc(var(--succession-u) * 14.17) solid transparent;
    border-bottom: calc(var(--succession-u) * 15.7) solid var(--succession-cv-grad-start);
    border-left: calc(var(--succession-u) * 14.17) solid transparent;
    clip-path: none;
    transform: none;
  }
}

.lp-succession .lp-succession-flow__note-list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: minmax(0, clamp(calc(var(--succession-u) * 180), 55.2%, calc(var(--succession-u) * 336))) minmax(0, 1fr);
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-list {
    display: block;
    grid-template-rows: none;
    grid-template-columns: none;
    position: static;
    width: auto;
    height: auto;
    columns: 1;
  }
}

.lp-succession .lp-succession-flow__note-item {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--succession-u) * 4.28);
  break-inside: avoid;
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 13.108);
  font-weight: 500;
  line-height: calc(var(--succession-u) * 28.4);
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-item {
    line-height: calc(var(--succession-u) * 25.43);
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-item {
    position: relative;
    display: block;
    width: auto;
    padding-left: calc(var(--succession-u) * 14.15);
    align-items: stretch;
    gap: 0;
  }
}

.lp-succession .lp-succession-flow__note-item + .lp-succession-flow__note-item {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-item + .lp-succession-flow__note-item {
    margin-top: 0;
  }
}

.lp-succession .lp-succession-flow__note-check {
  position: relative;
  flex: 0 0 auto;
  width: calc(var(--succession-u) * 11.77);
  height: calc(var(--succession-u) * 10.92);
  margin-top: calc(var(--succession-u) * 9.83);
  border-radius: calc(var(--succession-u) * 2);
  background: var(--succession-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-check {
    position: absolute;
    left: 0;
    top: calc((1lh - calc(var(--succession-u) * 9.78)) / 2);
    width: calc(var(--succession-u) * 10.54);
    height: calc(var(--succession-u) * 9.78);
    margin-top: 0;
    border-radius: 0;
    background-color: transparent;
    background-image: url("images/flow-check-sp.svg?v=20260922");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}

.lp-succession .lp-succession-flow__note-check::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: calc(var(--succession-u) * 2.6);
  height: calc(var(--succession-u) * 5.2);
  border: solid var(--succession-case-after);
  border-width: 0 1.5px 1.5px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-check::after {
    content: none;
  }
}

.lp-succession .lp-succession-flow__note-text {
  display: inline;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-text {
    display: block;
    position: static;
    font-size: calc(var(--succession-u) * 11.64);
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--succession-text-inverse);
    text-align: left;
  }
}

.lp-succession .lp-succession-flow__item {
  box-shadow: none;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: calc(var(--succession-u) * 16);
  min-width: 0;
  padding-block: calc(var(--succession-u) * 17) calc(var(--succession-u) * 25);
  padding-inline: clamp(var(--succession-u) * 16, -53.818px + 9.091vw, var(--succession-u) * 28) 10.6%;
  border-radius: calc(var(--succession-u) * 5) 0 0 calc(var(--succession-u) * 5);
  background: none;
  filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 12) rgba(0, 0, 0, 0.06));
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    gap: 0;
    padding: 0;
    background: var(--succession-bg);
    border-radius: 0;
    background: none;
    background-image: none;
    clip-path: none;
    filter: none;
    box-shadow: none;
  }
}

.lp-succession .lp-succession-flow__item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--succession-bg);
  clip-path: polygon(0 0, calc(100% - calc(var(--succession-u) * 32)) 0, 100% 50%, calc(100% - calc(var(--succession-u) * 32)) 100%, 0 100%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item::before {
    content: none;
  }
}

.lp-succession .lp-succession-flow__item--01 {
  padding-block-start: calc(var(--succession-u) * 24);
}
.lp-succession .lp-succession-flow__item--01 .lp-succession-flow__text {
  line-height: calc(var(--succession-u) * 27);
}
.lp-succession .lp-succession-flow__item--01 {
  grid-area: s1;
  align-self: center;
  height: calc(var(--succession-u) * 123);
  gap: 1.43%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--01 {
    gap: 0;
    align-self: auto;
    height: auto;
    top: calc(var(--succession-u) * 16);
  }
}

.lp-succession .lp-succession-flow__item--01 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 43);
  margin-top: calc(var(--succession-u) * 1);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--01 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 90);
    top: calc(var(--succession-u) * 1);
    width: calc(var(--succession-u) * 41);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--01 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 0);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--01 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 11);
  }
}

.lp-succession .lp-succession-flow__item--02 {
  grid-area: s2;
  gap: 10.48%;
  padding-left: 7.28%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--02 {
    gap: 0;
    padding-left: 0;
    top: calc(var(--succession-u) * 266);
  }
}

.lp-succession .lp-succession-flow__item--02 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 53);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--02 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 87);
    top: calc(var(--succession-u) * 5);
    width: calc(var(--succession-u) * 47);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--02 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 3);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--02 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 0);
  }
}

.lp-succession .lp-succession-flow__item--03 {
  grid-area: s3;
  gap: 16.81%;
  padding-left: 12.58%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--03 {
    gap: 0;
    padding-left: 0;
    top: calc(var(--succession-u) * 345);
  }
}

.lp-succession .lp-succession-flow__item--03 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 49);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--03 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 93);
    top: calc(var(--succession-u) * 4);
    width: calc(var(--succession-u) * 42);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--03 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 0);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--03 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 11);
  }
}

.lp-succession .lp-succession-flow__item--04 {
  grid-area: s4;
  gap: 17.95%;
  padding-left: 11.92%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--04 {
    gap: 0;
    padding-left: 0;
    top: calc(var(--succession-u) * 420);
  }
}

.lp-succession .lp-succession-flow__item--04 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 48);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--04 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 89);
    top: calc(var(--succession-u) * 4);
    width: calc(var(--succession-u) * 44);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--04 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 2);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--04 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 0);
  }
}

.lp-succession .lp-succession-flow__item--05 {
  grid-area: s5;
  gap: 10.12%;
  padding-left: 4.3%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--05 {
    gap: 0;
    padding-left: 0;
    top: calc(var(--succession-u) * 499);
  }
}

.lp-succession .lp-succession-flow__item--05 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 62);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--05 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 72);
    top: calc(var(--succession-u) * 0);
    width: calc(var(--succession-u) * 58);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--05 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 5);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--05 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 16);
  }
}

.lp-succession .lp-succession-flow__item--06 {
  grid-area: s6;
  gap: 16.68%;
  padding-left: 12.58%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--06 {
    gap: 0;
    padding-left: 0;
    top: calc(var(--succession-u) * 582);
  }
}

.lp-succession .lp-succession-flow__item--06 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 36.3);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--06 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 91);
    top: calc(var(--succession-u) * 5);
    width: calc(var(--succession-u) * 34);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--06 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 2);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--06 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 0);
  }
}

.lp-succession .lp-succession-flow__item--07 {
  grid-area: s7;
  gap: 12.66%;
  padding-left: 10.93%;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--07 {
    gap: 0;
    padding-left: 0;
    top: calc(var(--succession-u) * 661);
  }
}

.lp-succession .lp-succession-flow__item--07 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 63);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--07 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 83);
    top: calc(var(--succession-u) * 11);
    width: calc(var(--succession-u) * 53);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--07 .lp-succession-flow__num {
    top: calc(var(--succession-u) * 2);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--07 .lp-succession-flow__text {
    top: calc(var(--succession-u) * 0);
  }
}

.lp-succession .lp-succession-flow__item--05,
.lp-succession .lp-succession-flow__item--06,
.lp-succession .lp-succession-flow__item--07 {
  margin-top: calc(var(--succession-u) * -8);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--05,
  .lp-succession .lp-succession-flow__item--06,
  .lp-succession .lp-succession-flow__item--07 {
    margin-top: 0;
  }
}

.lp-succession .lp-succession-flow__item--08 {
  grid-area: s8;
  gap: calc(var(--succession-u) * 52);
}
.lp-succession .lp-succession-flow__item--08 .lp-succession-flow__item-head {
  align-self: center;
}
.lp-succession .lp-succession-flow__item--08 .lp-succession-flow__icon {
  margin-top: 0;
}
.lp-succession .lp-succession-flow__item--08 {
  padding: calc(var(--succession-u) * 19) calc(var(--succession-u) * 20) calc(var(--succession-u) * 19) calc(var(--succession-u) * 27);
  border-radius: calc(var(--succession-u) * 5);
  background: none;
  box-shadow: none;
  filter: drop-shadow(0 calc(var(--succession-u) * 4) calc(var(--succession-u) * 12) rgba(0, 0, 0, 0.06));
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--08 {
    top: calc(var(--succession-u) * 737);
    right: calc(var(--succession-u) * 8);
    left: calc(var(--succession-u) * 9);
    gap: 0;
    width: auto;
    height: calc(var(--succession-u) * 153);
    margin-inline: 0;
    padding: 0;
    border-radius: calc(var(--succession-u) * 10);
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  }
}

.lp-succession .lp-succession-flow__item--08::before {
  clip-path: none;
  background-image: linear-gradient(135deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
}

.lp-succession .lp-succession-flow__item--08 .lp-succession-flow__item-head {
  gap: calc(var(--succession-u) * 32);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--08 .lp-succession-flow__item-head {
    display: block;
    position: static;
    gap: 0;
  }
}

.lp-succession .lp-succession-flow__item--08 .lp-succession-flow__icon {
  width: calc(var(--succession-u) * 59);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--08 .lp-succession-flow__icon {
    left: calc(var(--succession-u) * 74);
    top: calc(var(--succession-u) * 20);
    width: calc(var(--succession-u) * 51);
  }
}

.lp-succession .lp-succession-flow__item-head {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: calc(var(--succession-u) * 16);
}

.lp-succession .lp-succession-flow__icon {
  display: block;
  flex: 0 0 auto;
  align-self: center;
  width: calc(var(--succession-u) * 56);
  margin-top: calc(var(--succession-u) * 8);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__icon {
    position: absolute;
    margin-top: 0;
  }
}

.lp-succession .lp-succession-flow__icon img {
  display: block;
  width: 100%;
  height: auto;
}

.lp-succession .lp-succession-flow__body {
  min-width: 0;
}

.lp-succession .lp-succession-flow__num {
  color: var(--succession-flow-accent);
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 18);
  font-weight: 600;
  line-height: calc(var(--succession-u) * 35.632);
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__num {
    position: absolute;
    line-height: normal;
    left: calc(var(--succession-u) * 19);
    width: calc(var(--succession-u) * 50);
    height: calc(var(--succession-u) * 50);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: calc(var(--succession-u) * 1) solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(var(--succession-bg), var(--succession-bg)), linear-gradient(135deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    font-size: 0;
  }
}

.lp-succession .lp-succession-flow__num-label,
.lp-succession .lp-succession-flow__num-value {
  display: inline;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__num-label,
  .lp-succession .lp-succession-flow__num-value {
    display: block;
    font-family: "Outfit", "Noto Sans JP", sans-serif;
    font-weight: 600;
    line-height: calc(var(--succession-u) * 18.57);
    letter-spacing: 0.05em;
    background-image: linear-gradient(135deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__num-label {
    font-size: calc(var(--succession-u) * 11.6);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__num-value {
    font-size: calc(var(--succession-u) * 18);
  }
}

.lp-succession .lp-succession-flow__item--08 .lp-succession-flow__num {
  color: var(--succession-text-inverse);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--08 .lp-succession-flow__num {
    left: calc(var(--succession-u) * 10);
    top: calc(var(--succession-u) * 16);
    border-color: transparent;
    background-image: none;
    background-color: var(--succession-bg);
  }
}

.lp-succession .lp-succession-flow__text {
  margin-top: calc(var(--succession-u) * 1);
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 18);
  font-weight: 700;
  line-height: calc(var(--succession-u) * 22);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__text {
    position: absolute;
    left: calc(var(--succession-u) * 150);
    width: calc(100% - calc(var(--succession-u) * 170));
    margin-top: 0;
    font-size: calc(var(--succession-u) * 18);
    line-height: calc(var(--succession-u) * 27);
    text-align: left;
    white-space: normal;
    word-break: keep-all;
    line-break: strict;
    overflow-wrap: normal;
  }
}

.lp-succession .lp-succession-flow__item--08 .lp-succession-flow__text {
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 20);
  line-height: calc(var(--succession-u) * 27);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__item--08 .lp-succession-flow__text {
    left: calc(var(--succession-u) * 140);
    top: calc(var(--succession-u) * 27);
    width: auto;
    font-size: calc(var(--succession-u) * 18);
  }
}

.lp-succession .lp-succession-flow__support {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: calc(var(--succession-u) * 16);
  min-width: 0;
  height: calc(var(--succession-u) * 86);
  padding: calc(var(--succession-u) * 25) calc(var(--succession-u) * 30) calc(var(--succession-u) * 25) calc(var(--succession-u) * 54);
  border-radius: calc(var(--succession-u) * 12);
  background: var(--succession-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__support {
    position: absolute;
    left: calc(var(--succession-u) * 17);
    right: calc(var(--succession-u) * 17);
    top: calc(var(--succession-u) * 78);
    display: block;
    width: auto;
    height: calc(var(--succession-u) * 63);
    padding: 0;
    gap: 0;
    border-radius: calc(var(--succession-u) * 5);
  }
}

.lp-succession .lp-succession-flow__support-text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--succession-text);
  font-size: clamp(calc(var(--succession-u) * 12), 1.3888888889vw, calc(var(--succession-u) * 20));
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__support-text {
    position: absolute;
    left: calc(var(--succession-u) * 12);
    top: calc(var(--succession-u) * 12);
    width: calc(var(--succession-u) * 199);
    flex: none;
    font-size: calc(var(--succession-u) * 14);
    line-height: calc(var(--succession-u) * 20);
    letter-spacing: 0.1em;
    white-space: nowrap;
    font-weight: 500;
  }
}

.lp-succession .lp-succession-flow__support-img {
  flex: 0 0 auto;
  align-self: flex-start;
  width: calc(var(--succession-u) * 110);
  height: calc(var(--succession-u) * 115);
  margin-top: calc(var(--succession-u) * -36);
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__support-img {
    position: absolute;
    align-self: auto;
    left: calc(var(--succession-u) * 213);
    top: calc(var(--succession-u) * -8);
    width: calc(var(--succession-u) * 68);
    height: calc(var(--succession-u) * 71);
    margin-top: 0;
    object-fit: cover;
  }
}

.lp-succession .lp-succession-flow > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1068);
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-item:nth-child(2) .lp-succession-flow__note-text,
  .lp-succession .lp-succession-flow__note-item:nth-child(3) .lp-succession-flow__note-text {
    line-height: calc(var(--succession-u) * 16);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-text {
    word-break: normal;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-flow__note-item:nth-child(2) .lp-succession-flow__note-check,
  .lp-succession .lp-succession-flow__note-item:nth-child(3) .lp-succession-flow__note-check {
    top: calc(var(--succession-u) * 3.11);
  }
}

.lp-succession .lp-succession-member {
  padding-block: calc(var(--succession-u) * 130) calc(var(--succession-u) * 108);
  background: var(--succession-bg);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 40);
  }
}

.lp-succession .lp-succession-member__wrap {
  position: relative;
  text-align: center;
}

.lp-succession .lp-succession-member__slider {
  margin-top: calc(var(--succession-u) * 38);
  padding-inline: calc(var(--succession-u) * 25);
  overflow: hidden;
  clip-path: inset(0 calc(var(--succession-u) * 25));
  text-align: left;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slider {
    margin-top: calc(var(--succession-u) * 2.28);
    padding-inline: 0;
    clip-path: none;
    flex: 0 0 100%;
  }
}

.lp-succession .lp-succession-member__track {
  display: flex;
  gap: calc(var(--succession-u) * 35);
  transition: transform var(--succession-slide-duration) ease;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__track {
    gap: calc(var(--succession-u) * 26.56);
  }
}

.lp-succession .lp-succession-member__slide {
  flex: 0 0 calc(var(--succession-u) * 265);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide {
    flex: 0 0 calc((100% - calc(var(--succession-u) * 26)) / 2);
  }
}

.lp-succession .lp-succession-member__slide--03,
.lp-succession .lp-succession-member__slide--04 {
  flex: 0 0 calc(var(--succession-u) * 272);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--03,
  .lp-succession .lp-succession-member__slide--04 {
    flex: 0 0 calc((100% - calc(var(--succession-u) * 26)) / 2);
  }
}

.lp-succession .lp-succession-member__slide--05 {
  flex: 0 0 calc(var(--succession-u) * 276);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--05 {
    flex: 0 0 calc((100% - calc(var(--succession-u) * 26)) / 2);
  }
}

.lp-succession .lp-succession-member__figure {
  border-radius: calc(var(--succession-u) * 15);
  position: relative;
  width: 100%;
  aspect-ratio: 265/280;
  overflow: clip;
}

.lp-succession .lp-succession-member__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lp-succession .lp-succession-member__slide--03 .lp-succession-member__figure {
  aspect-ratio: 272/280;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--03 .lp-succession-member__figure {
    aspect-ratio: 265/280;
  }
}

.lp-succession .lp-succession-member__slide--04 .lp-succession-member__figure {
  aspect-ratio: 272/280;
  border-radius: calc(var(--succession-u) * 18);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--04 .lp-succession-member__figure {
    aspect-ratio: 265/280;
    border-radius: calc(var(--succession-u) * 10);
  }
}

.lp-succession .lp-succession-member__slide--05 .lp-succession-member__figure {
  aspect-ratio: 276/280;
  border-radius: calc(var(--succession-u) * 18);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--05 .lp-succession-member__figure {
    aspect-ratio: 265/280;
    border-radius: calc(var(--succession-u) * 10);
  }
}

.lp-succession .lp-succession-member__position {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--succession-u) * 24);
  height: calc(var(--succession-u) * 27);
  padding-inline: calc(var(--succession-u) * 15);
  background: var(--succession-muted-gold);
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 14);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__position {
    font-size: calc(var(--succession-u) * 12);
  }
}

.lp-succession .lp-succession-member__name {
  margin-top: calc(var(--succession-u) * 16);
  color: var(--succession-primary);
  font-size: calc(var(--succession-u) * 28);
  font-weight: 600;
  line-height: calc(var(--succession-u) * 25.6);
}

.lp-succession .lp-succession-member__text {
  text-align: justify;
  font-weight: 500;
  margin-top: calc(var(--succession-u) * 19.4);
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 14);
  line-height: 1.64;
}

.lp-succession .lp-succession-member__tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: calc(var(--succession-u) * 20);
  gap: calc(var(--succession-u) * 13);
}

.lp-succession .lp-succession-member__tag-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--succession-u) * 33);
  padding-inline: calc(var(--succession-u) * 9);
  white-space: nowrap;
  background: var(--succession-light-gray);
  color: var(--succession-primary);
  font-size: calc(var(--succession-u) * 14);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__tag-item {
    font-weight: 500;
  }
}

.lp-succession .lp-succession-member__arrow {
  position: absolute;
  top: calc(var(--succession-u) * 414.4);
  z-index: 2;
  width: calc(var(--succession-u) * 50);
  height: calc(var(--succession-u) * 50);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow {
    position: relative;
    top: 0;
    z-index: auto;
    width: calc(var(--succession-u) * 46);
    height: calc(var(--succession-u) * 46);
    border: 1px solid var(--succession-primary);
    background: var(--succession-bg);
    transform: none;
    width: calc(var(--succession-u) * 45.9);
    height: calc(var(--succession-u) * 45.9);
    margin-top: calc(var(--succession-u) * -16.5);
  }
}
.lp-succession .lp-succession-member__arrow {
  border: 0;
  border-radius: 50%;
  background: var(--succession-primary);
}

.lp-succession .lp-succession-member__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--succession-u) * 10);
  height: calc(var(--succession-u) * 10);
  border-top: 2px solid var(--succession-text-inverse);
  border-right: 2px solid var(--succession-text-inverse);
}

.lp-succession .lp-succession-member__arrow--prev {
  left: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow--prev {
    left: auto;
  }
}

.lp-succession .lp-succession-member__arrow--prev::before {
  transform: translate(-30%, -50%) rotate(-135deg);
}

.lp-succession .lp-succession-member__arrow--next {
  right: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow--next {
    right: auto;
  }
}

.lp-succession .lp-succession-member__arrow--next::before {
  transform: translate(-70%, -50%) rotate(45deg);
}

.lp-succession .lp-succession-member__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--succession-u) * 58);
  gap: calc(var(--succession-u) * 12);
}

.lp-succession .lp-succession-member__dot {
  width: calc(var(--succession-u) * 14);
  height: calc(var(--succession-u) * 14);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--succession-bg-alt);
}

.lp-succession .lp-succession-member__dot.is-active {
  background: var(--succession-primary);
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: calc(var(--succession-u) * 39.74) calc(var(--succession-u) * 30.48);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--01 {
    flex: 0 0 calc((100% - calc(var(--succession-u) * 26)) / 2);
    height: calc(var(--succession-u) * 437.7);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--02 {
    flex: 0 0 calc((100% - calc(var(--succession-u) * 26)) / 2);
    height: calc(var(--succession-u) * 403.72);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__figure {
    border-radius: calc(var(--succession-u) * 10);
    aspect-ratio: 265/280;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__position {
    margin-top: calc(var(--succession-u) * 14);
    padding: 0 calc(var(--succession-u) * 5);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: calc(var(--succession-u) * 20);
    border-radius: 0;
    background: var(--succession-accent);
    font-weight: 500;
    line-height: calc(var(--succession-u) * 14.92);
    letter-spacing: 0.08em;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--01 .lp-succession-member__position {
    width: calc(var(--succession-u) * 62);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--02 .lp-succession-member__position,
  .lp-succession .lp-succession-member__slide--03 .lp-succession-member__position {
    width: calc(var(--succession-u) * 70);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__name {
    flex-shrink: 0;
    height: calc(var(--succession-u) * 20);
    margin-top: calc(var(--succession-u) * 13);
    font-size: calc(var(--succession-u) * 24);
    line-height: calc(var(--succession-u) * 14.92);
    letter-spacing: 0.08em;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--02 .lp-succession-member__name {
    width: calc(var(--succession-u) * 118);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__text {
    margin-top: calc(var(--succession-u) * 21);
    font-size: calc(var(--succession-u) * 13);
    line-height: 1.38;
    letter-spacing: 0.08em;
    text-align: justify;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__tag-list {
    margin-top: calc(var(--succession-u) * 15);
    padding-top: 0;
    gap: calc(var(--succession-u) * 4.34) calc(var(--succession-u) * 12.61);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--succession-u) * 29.72);
    padding-block: 0;
    padding-inline: calc(var(--succession-u) * 8);
    white-space: nowrap;
    border: 0;
    border-radius: 0;
    background: var(--succession-light-gray);
    color: var(--succession-primary);
    font-size: calc(var(--succession-u) * 12.73);
    line-height: calc(var(--succession-u) * 24.07);
    letter-spacing: 0.08em;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--01 .lp-succession-member__tag-item:nth-child(1) {
    width: calc(var(--succession-u) * 81.05);
    padding-inline: calc(var(--succession-u) * 13.51);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--01 .lp-succession-member__tag-item:nth-child(2) {
    width: calc(var(--succession-u) * 60.34);
    padding-inline: calc(var(--succession-u) * 17.11);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--01 .lp-succession-member__tag-item:nth-child(3) {
    width: calc(var(--succession-u) * 72.05);
    padding-inline: calc(var(--succession-u) * 9);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--02 .lp-succession-member__tag-item:nth-child(1) {
    width: calc(var(--succession-u) * 135);
    padding-inline: calc(var(--succession-u) * 13.51);
    font-weight: 500;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow--prev {
    margin-right: 0;
    order: 1;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow--next {
    order: 3;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow::before {
    top: calc(var(--succession-u) * 13.5);
    width: calc(var(--succession-u) * 12.42);
    height: calc(var(--succession-u) * 19.44);
    border: 0;
    background-repeat: no-repeat;
    background-size: contain;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow--prev::before {
    left: calc(var(--succession-u) * 15.66);
    background-image: url("images/team-arrow-prev-sp.svg?v=20260922");
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__arrow--next::before {
    left: calc(var(--succession-u) * 17.82);
    background-image: url("images/team-arrow-next-sp.svg?v=20260922");
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__dots {
    order: 2;
    margin-top: calc(var(--succession-u) * -16.5);
    gap: calc(var(--succession-u) * 9.8);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member .c-succession-title__en {
    width: calc(var(--succession-u) * 88);
    padding-inline: 0;
    border: calc(var(--succession-u) * 0.636) solid transparent;
    border-radius: calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) 0;
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    background-origin: border-box;
    background-clip: border-box;
    line-height: calc(var(--succession-u) * 10.01);
    letter-spacing: 0.08em;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member .c-succession-title__en::before,
  .lp-succession .lp-succession-member .c-succession-title__en::after {
    height: calc(var(--succession-u) * 0.636);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member .c-succession-title__ja {
    letter-spacing: 0.08em;
  }
}

.lp-succession .lp-succession-member > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1329);
}

.lp-succession .lp-succession-member__tag-item:nth-child(1) {
  min-width: calc(var(--succession-u) * 90);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__tag-item:nth-child(1) {
    min-width: 0;
  }
}

.lp-succession .lp-succession-member__tag-item:nth-child(2) {
  min-width: calc(var(--succession-u) * 67);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__tag-item:nth-child(2) {
    min-width: 0;
  }
}

.lp-succession .lp-succession-member__tag-item:nth-child(3) {
  width: calc(var(--succession-u) * 80);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__tag-item:nth-child(3) {
    width: auto;
  }
}

.lp-succession .lp-succession-member__slide--05 .lp-succession-member__tag-item:nth-child(1) {
  min-width: 0;
  width: calc(var(--succession-u) * 82);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--05 .lp-succession-member__tag-item:nth-child(1) {
    width: auto;
  }
}

.lp-succession .lp-succession-member__slide--05 .lp-succession-member__tag-item:nth-child(2) {
  min-width: 0;
  width: calc(var(--succession-u) * 53);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__slide--05 .lp-succession-member__tag-item:nth-child(2) {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-member__text {
    height: calc(var(--succession-u) * 108);
  }
}

.lp-succession .lp-succession-faq {
  padding-block: calc(var(--succession-u) * 70) calc(var(--succession-u) * 100);
  background: var(--succession-light-gray);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq {
    padding-block: calc(var(--succession-u) * 60) calc(var(--succession-u) * 24);
  }
}

.lp-succession .lp-succession-faq__head {
  text-align: center;
}

.lp-succession .lp-succession-faq__list {
  margin-inline: auto;
  width: min(100%, calc(var(--succession-u) * 1080));
  display: flex;
  flex-direction: column;
  gap: calc(var(--succession-u) * 14);
  margin-top: calc(var(--succession-u) * 47);
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__list {
    gap: calc(var(--succession-u) * 15);
    margin-top: calc(var(--succession-u) * 31);
  }
}

.lp-succession .lp-succession-faq__item {
  border-radius: calc(var(--succession-u) * 15);
  background: var(--succession-bg);
  box-shadow: none;
}

.lp-succession .lp-succession-faq__question-heading {
  margin-top: 0;
}

.lp-succession .lp-succession-faq__question {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: calc(var(--succession-u) * 20);
  padding: calc(var(--succession-u) * 26) calc(var(--succession-u) * 64) calc(var(--succession-u) * 22) calc(var(--succession-u) * 42);
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question {
    gap: calc(var(--succession-u) * 8);
    padding: calc(var(--succession-u) * 25) calc(var(--succession-u) * 48) calc(var(--succession-u) * 15) calc(var(--succession-u) * 14);
  }
}

.lp-succession .lp-succession-faq__question-mark {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: calc(var(--succession-u) * 40);
  height: calc(var(--succession-u) * 52);
  margin-block: calc(var(--succession-u) * -8);
  letter-spacing: 0.08em;
  line-height: calc(var(--succession-u) * 52);
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  background-clip: text;
  color: transparent;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: calc(var(--succession-u) * 46);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-mark {
    width: calc(var(--succession-u) * 23);
    border: 0;
    border-radius: 0;
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
    background-clip: text;
    color: transparent;
    font-family: "Outfit", "Noto Sans JP", sans-serif;
    align-self: flex-start;
    height: calc(var(--succession-u) * 20);
    margin-block: 0;
    font-size: calc(var(--succession-u) * 28);
    font-weight: 500;
    line-height: calc(var(--succession-u) * 20);
  }
}

.lp-succession .lp-succession-faq__question-text {
  color: var(--succession-primary);
  font-size: calc(var(--succession-u) * 20);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.78;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-text {
    font-size: calc(var(--succession-u) * 16);
    line-height: 1.25;
  }
}

.lp-succession .lp-succession-faq__question-icon {
  position: absolute;
  top: 50%;
  right: calc(var(--succession-u) * 49);
  width: calc(var(--succession-u) * 26);
  height: calc(var(--succession-u) * 26);
  border-radius: 50%;
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-icon {
    right: calc(var(--succession-u) * 19);
    width: calc(var(--succession-u) * 22);
    height: calc(var(--succession-u) * 22);
  }
}

.lp-succession .lp-succession-faq__question-icon::before,
.lp-succession .lp-succession-faq__question-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--succession-text-inverse);
  border-radius: calc(var(--succession-u) * 2);
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}

.lp-succession .lp-succession-faq__question-icon::before {
  width: calc(var(--succession-u) * 16);
  height: calc(var(--succession-u) * 4);
}

.lp-succession .lp-succession-faq__question-icon::after {
  width: calc(var(--succession-u) * 4);
  height: calc(var(--succession-u) * 16);
}

.lp-succession .lp-succession-faq__question[aria-expanded=true] .lp-succession-faq__question-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.lp-succession .lp-succession-faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.35s ease;
}

.lp-succession .lp-succession-faq__item.is-open .lp-succession-faq__answer {
  grid-template-rows: 1fr;
}

.lp-succession .lp-succession-faq__answer-inner {
  min-height: 0;
  overflow: hidden;
}

.lp-succession .lp-succession-faq__answer-text {
  font-weight: 400;
  padding: calc(var(--succession-u) * 23) calc(var(--succession-u) * 124) calc(var(--succession-u) * 23) 0;
  margin-inline: calc(var(--succession-u) * 49);
  border-top: 1px solid var(--succession-text);
  color: var(--succession-text);
  font-size: calc(var(--succession-u) * 15);
  line-height: 1.78;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__answer-text {
    margin-inline: calc(var(--succession-u) * 23) calc(var(--succession-u) * 22);
    padding: calc(var(--succession-u) * 13) calc(var(--succession-u) * 8) calc(var(--succession-u) * 25) calc(var(--succession-u) * 22);
    border-top-width: calc(var(--succession-u) * 0.88);
    font-size: calc(var(--succession-u) * 14);
    line-height: 1.43;
    text-align: justify;
    word-break: break-all;
    text-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__item {
    border-radius: calc(var(--succession-u) * 13);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq .c-succession-title__en {
    width: calc(var(--succession-u) * 80);
    padding-inline: 0;
  }
}

.lp-succession .lp-succession-faq .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 47.344);
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq .c-succession-title__ja {
    line-height: calc(var(--succession-u) * 38);
  }
}

.lp-succession .lp-succession-faq > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 1180);
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-icon {
    background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-icon::before {
    width: 50%;
    height: 2px;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-icon::after {
    width: 2px;
    height: 50%;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-text {
    word-break: normal;
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-icon {
    margin-top: calc(var(--succession-u) * 6);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-faq__question-text {
    width: calc(var(--succession-u) * 235);
  }
}

.lp-succession .lp-succession-cta {
  position: relative;
  padding-block: calc(var(--succession-u) * 73) calc(var(--succession-u) * 97);
  background: var(--succession-primary);
  color: var(--succession-text-inverse);
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta {
    padding-block: calc(var(--succession-u) * 59) calc(var(--succession-u) * 73);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta .c-succession-title {
    gap: calc(var(--succession-u) * 16);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta .c-succession-title--inverse .c-succession-title__en {
    width: calc(var(--succession-u) * 127);
    border-width: calc(var(--succession-u) * 0.636);
    border-radius: calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) calc(var(--succession-u) * 12.73) 0;
    line-height: calc(var(--succession-u) * 10.01);
    letter-spacing: 0.08em;
  }
  .lp-succession .lp-succession-cta .c-succession-title--inverse .c-succession-title__en::before, .lp-succession .lp-succession-cta .c-succession-title--inverse .c-succession-title__en::after {
    height: calc(var(--succession-u) * 0.636);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__heading-lead {
    font-size: calc(var(--succession-u) * 20);
    letter-spacing: 0.08em;
    color: var(--succession-text-inverse);
  }
}

.lp-succession .lp-succession-cta__wrap {
  position: relative;
  max-width: calc(var(--succession-u) * 818);
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__wrap {
    max-width: none;
    padding-inline-end: 0;
  }
}

.lp-succession .lp-succession-cta__lead {
  max-width: calc(var(--succession-u) * 602);
  margin-inline: auto;
  color: var(--succession-text-inverse);
  font-weight: 500;
  margin-top: calc(var(--succession-u) * 35);
  font-size: calc(var(--succession-u) * 18);
  line-height: 1.61;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__lead {
    width: calc(var(--succession-u) * 318);
    margin-top: calc(var(--succession-u) * 16);
    font-size: calc(var(--succession-u) * 14);
    line-height: calc(var(--succession-u) * 24);
    letter-spacing: 0.08em;
  }
}

.lp-succession .lp-succession-cta__figure-wrap {
  position: absolute;
  right: calc(var(--succession-u) * -124);
  bottom: calc(var(--succession-u) * -100);
  width: calc(var(--succession-u) * 300);
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-cta__figure-wrap {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: calc(var(--succession-u) * 118);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__figure-wrap {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(var(--succession-u) * 230);
    height: calc(var(--succession-u) * 98);
    margin-top: calc(var(--succession-u) * 20);
    margin-inline: auto;
  }
}

.lp-succession .lp-succession-cta__figure-picture {
  display: block;
}

.lp-succession .lp-succession-cta__bubble {
  letter-spacing: 0.06em;
  position: absolute;
  top: calc(var(--succession-u) * -110);
  left: calc(var(--succession-u) * 190);
  z-index: 1;
  display: grid;
  place-items: center;
  width: calc(var(--succession-u) * 191);
  height: calc(var(--succession-u) * 117);
  padding: 0 0 calc(var(--succession-u) * 15);
  background: url("images/cta-bubble.svg?v=20260922") no-repeat center/contain;
  border-radius: 0;
  color: var(--succession-primary);
  font-size: calc(var(--succession-u) * 16.35);
  font-weight: 500;
  line-height: calc(var(--succession-u) * 23);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__bubble {
    position: absolute;
    top: calc(var(--succession-u) * 4);
    left: calc(var(--succession-u) * 4);
    z-index: 1;
    display: grid;
    place-items: center;
    width: calc(var(--succession-u) * 170);
    height: calc(var(--succession-u) * 62);
    margin-inline: 0;
    padding: 0;
    background: var(--succession-cv-balloon);
    border: 1px solid var(--succession-text-inverse);
    border-radius: 0;
    color: var(--succession-text-inverse);
    font-size: calc(var(--succession-u) * 14);
    line-height: calc(var(--succession-u) * 18);
  }
  .lp-succession .lp-succession-cta__bubble::before {
    content: "";
    position: absolute;
    top: calc(var(--succession-u) * -4);
    left: calc(var(--succession-u) * -4);
    z-index: -1;
    width: calc(var(--succession-u) * 170);
    height: calc(var(--succession-u) * 62);
    background-color: var(--succession-cv-balloon);
  }
}

.lp-succession .lp-succession-cta__figure {
  display: block;
  width: calc(var(--succession-u) * 300);
  height: calc(var(--succession-u) * 224);
  aspect-ratio: 300/360;
  margin-top: calc(var(--succession-u) * -8);
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__figure {
    position: absolute;
    top: calc(var(--succession-u) * 12);
    right: auto;
    left: calc(var(--succession-u) * 112);
    z-index: 2;
    width: calc(var(--succession-u) * 117);
    height: calc(var(--succession-u) * 85);
    margin-top: 0;
    aspect-ratio: auto;
  }
}

.lp-succession .lp-succession-cta__button {
  background-image: linear-gradient(90deg, var(--succession-cv-grad-start) 0%, var(--succession-cv-grad-end) 100%);
  border: 3px solid var(--succession-text-inverse);
  height: calc(var(--succession-u) * 70);
  width: min(100%, calc(var(--succession-u) * 618));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--succession-u) * 48);
  padding: calc(var(--succession-u) * 20) calc(var(--succession-u) * 64);
  border-radius: calc(var(--succession-u) * 59.5);
  background: linear-gradient(90deg, var(--succession-cv-grad-start), var(--succession-cv-grad-end));
  color: var(--succession-text-inverse);
  font-size: calc(var(--succession-u) * 21);
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .lp-succession .lp-succession-cta__button {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__button {
    position: relative;
    display: grid;
    place-items: center;
    width: calc(var(--succession-u) * 299);
    height: calc(var(--succession-u) * 36);
    margin-top: 0;
    margin-inline: auto;
    padding: 0;
    border-width: calc(var(--succession-u) * 2.33);
    border-radius: calc(var(--succession-u) * 34.36);
    box-shadow: 0 calc(var(--succession-u) * 1.16) calc(var(--succession-u) * 4.66) rgba(0, 0, 0, 0.25);
    font-size: calc(var(--succession-u) * 15);
  }
}

@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__button-text {
    position: absolute;
    top: calc(var(--succession-u) * 2);
    left: calc(var(--succession-u) * 69);
    width: calc(var(--succession-u) * 213.45);
    height: calc(var(--succession-u) * 28.46);
    line-height: calc(var(--succession-u) * 28.7);
    letter-spacing: 0.08em;
    text-align: left;
    text-shadow: 0 calc(var(--succession-u) * 1.29) calc(var(--succession-u) * 5.17) rgba(0, 0, 0, 0.35);
  }
}

.lp-succession .lp-succession-cta__button-icon {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta__button-icon {
    display: block;
    position: absolute;
    top: calc(var(--succession-u) * 7.58);
    left: calc(calc(var(--succession-u) * 69) + calc(var(--succession-u) * 150.58));
    width: calc(var(--succession-u) * 15);
    height: calc(var(--succession-u) * 15);
  }
}

.lp-succession .lp-succession-cta .c-succession-title__ja {
  line-height: calc(var(--succession-u) * 53);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .lp-succession .lp-succession-cta .c-succession-title__ja {
    position: relative;
    left: calc(var(--succession-u) * -5);
    white-space: normal;
    width: calc(var(--succession-u) * 343);
    margin-inline: auto;
    font-size: calc(var(--succession-u) * 30);
    line-height: calc(var(--succession-u) * 38);
    letter-spacing: 0.08em;
    color: var(--succession-cv-heading);
  }
}

.lp-succession .lp-succession-cta > .lp-succession__inner {
  max-width: calc(var(--succession-u) * 918);
}