/* LP layout and component overrides
 * Sections: fonts · canvas · FAQ · user-voice · floating-bar · hello · stats · decor · sections · footer
 */


[class*="Noto_Sans_JP:Regular"],
[class*="Noto_Sans:Regular"] {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
  font-weight: 400 !important;
}

[class*="Noto_Sans_JP:Medium"] {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 500 !important;
}

[class*="Noto_Sans_JP:Bold"],
[class*="Noto_Sans:SemiBold"] {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
}

[class*="Noto_Sans_JP:Black"] {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 900 !important;
}

[class*="Plus_Jakarta_Sans:SemiBold"] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 600 !important;
}

[class*="Plus_Jakarta_Sans:Bold"] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
}

[class*="Plus_Jakarta_Sans:ExtraBold"] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 800 !important;
}

[class*="Inter:Bold"] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
}

[class*="Lato:Bold"] {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
}

[class*="Montserrat:Bold"] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
}

[class*="Source_Sans_Pro:Bold"]:not(.program-header-date-num) {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
  font-weight: 600 !important;
}

.border-b-3 {
  border-bottom-width: 3px !important;
}

html {
  -webkit-font-smoothing: antialiased;
}

body {
  overflow-x: visible;
}

.min-h-screen.w-full {
  overflow-x: clip;
  width: 100%;
  max-width: 100%;
}

#root {
  width: 100%;
}

/* === Page canvas === */
[data-name="PC - ✅FIX"] {
  width: 100% !important;
  align-items: center !important;
  overflow: visible !important;
}

.w-\[1280px\] {
  width: 100% !important;
  max-width: 1280px !important;
}

.w-\[1000px\] {
  width: 100% !important;
  max-width: 1000px !important;
}

/* FAQ: unify box width + enable accordion */
[data-section="faq"] [data-name="FAQ List"] {
  width: 100% !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
}

[data-section="faq"] [data-name="FAQ List"] > div {
  width: 100% !important;
  max-width: 1000px !important;
  align-self: stretch !important;
}

[data-section="faq"] [data-name="FAQ List"] > div > div {
  width: 100% !important;
  max-width: 1000px !important;
}

/* Allow long questions to wrap (Figma export added nowrap) */
[data-section="faq"] [data-name="FAQ List"] .whitespace-nowrap {
  white-space: normal !important;
}

/* Accordion: panel hidden by default; shown when .is-open */
[data-section="faq"] [data-name="FAQ List"] > div > div:nth-child(2) {
  display: none !important;
}

[data-section="faq"] [data-name="FAQ List"] > div.is-open > div:nth-child(2) {
  display: block !important;
}

[data-section="faq"] [data-name="FAQ List"] > div > div:first-child {
  cursor: pointer !important;
}

/* Plus/minus icon: use existing minus SVG + add vertical bar when closed */
[data-section="faq"] [data-name="FAQ List"] [data-name="remove"] {
  position: relative !important;
}

[data-section="faq"] [data-name="FAQ List"] [data-name="remove"]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 6px !important;
  bottom: 6px !important;
  width: 2px !important;
  transform: translateX(-50%) !important;
  background: #fff !important;
  border-radius: 1px !important;
}

[data-section="faq"] [data-name="FAQ List"] > div.is-open [data-name="remove"]::after {
  display: none !important;
}

[data-name="PC - ✅FIX"] > [data-name="Section01"],
[data-name="PC - ✅FIX"] > [data-name="Section03"] {
  align-self: stretch !important;
  width: 100% !important;
}

[data-section="background"],
[data-section="for-whom"],
[data-section="why-this-program"],
[data-section="user-voice"],
[data-section="lecturer"],
[data-section="program"],
[data-section="benefit"],
[data-section="how-to-join"],
[data-section="outline"],
[data-section="faq"] {
  align-self: stretch !important;
  width: 100% !important;
  overflow: clip !important;
  position: relative !important;
}

[data-section="stats"] {
  align-self: stretch !important;
  width: 100% !important;
  overflow: visible !important;
  position: relative !important;
}

[data-section] > :not(.section-decor):not(.section-watermark):not([data-name="texchar"]) {
  position: relative !important;
  z-index: 1 !important;
}

.section-watermark {
  left: 50% !important;
  transform: translateX(-50%) !important;
  translate: none !important;
  font-size: clamp(48px, 7.5vw, 96px) !important;
  max-width: calc(100% - 32px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
}

[data-section="background"] .section-watermark,
[data-section="background"] .section-watermark--left {
  left: max(-18px, calc(50% - 658px)) !important;
  transform: none !important;
  translate: none !important;
  text-align: left !important;
}

[data-section="background"] [data-name="texchar"] {
  display: none !important;
}

[data-section="for-whom"] > [data-name="texchar"] {
  display: none !important;
}

[data-section="user-voice"] .user-voice-layout,
[data-section="user-voice"] [data-name="about1"] {
  width: 100% !important;
  max-width: 1280px !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

[data-section="user-voice"] .user-voice-layout > [data-name="about1"],
[data-section="user-voice"] .user-voice-layout > div:not([data-name="user-voice-carousel"]) {
  width: 100% !important;
  max-width: 1000px !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:first-child {
  width: 100% !important;
  max-width: 1000px !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
  margin-inline: auto !important;
  align-items: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
}

[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:first-child > div,
[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:first-child > div > div {
  width: 100% !important;
  align-items: center !important;
}

[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child {
  width: 100% !important;
  max-width: 1000px !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

[data-section="user-voice"] {
  overflow-x: visible !important;
}

[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) {
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
  align-self: stretch !important;
  overflow: visible !important;
}

[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div {
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
  overflow: visible !important;
}

/* User Voice carousel — fixed 24px left pad; right peek below 1440px */
[data-section="user-voice"] [data-name="user-voice-carousel"] {
  --uv-visible: 2.5;
  --uv-card-width: 488px;
  --uv-card-gap: 24px;
  --uv-track-pad-left: 24px;
  --uv-rail-half: min(500px, 50%);
  --uv-arrow-size: 88px;
  width: calc(100% + (100vw - 100%) / 2) !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: calc(50% - 50vw) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  height: 292px !important;
  align-self: stretch !important;
  flex: none !important;
  flex-grow: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

[data-user-voice-track],
[data-section="user-voice"] [data-name="Frame 2117213420"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  padding: 0 !important;
  padding-right: 0 !important;
  gap: var(--uv-card-gap, 24px) !important;
  width: 100% !important;
  max-width: none !important;
  height: 292px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex: none !important;
  order: 1 !important;
  flex-grow: 0 !important;
  box-sizing: border-box !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

[data-user-voice-track]::before,
[data-section="user-voice"] [data-name="Frame 2117213420"]::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 var(--uv-track-pad-left, 24px) !important;
  width: var(--uv-track-pad-left, 24px) !important;
  min-width: var(--uv-track-pad-left, 24px) !important;
  height: 1px !important;
  scroll-snap-align: none !important;
}

[data-user-voice-track].is-scrolled::before,
[data-section="user-voice"] [data-name="Frame 2117213420"].is-scrolled::before {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
}

[data-user-voice-track] > [data-name="card"]:first-child {
  margin-left: 0 !important;
}

[data-user-voice-track] [data-name="card"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: var(--uv-card-width, 488px) !important;
  min-width: var(--uv-card-width, 488px) !important;
  max-width: var(--uv-card-width, 488px) !important;
  flex: 0 0 var(--uv-card-width, 488px) !important;
  height: 292px !important;
  padding: 32px !important;
  background: #000000 !important;
  box-shadow: 0px 0px 24px rgba(0, 127, 195, 0.1) !important;
  border-radius: 16px !important;
  scroll-snap-align: start !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

[data-user-voice-track] [data-name="card"]:has(> .overflow-clip) {
  padding: 0 !important;
}

[data-user-voice-track] [data-name="card"] [data-name="Text"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}

[data-user-voice-track] [data-name="card"] [data-name="Text"] > :last-child {
  margin-top: auto !important;
}

[data-user-voice-track] [data-name="card"] p {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

[data-user-voice-track]::-webkit-scrollbar {
  display: none !important;
}

[data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div > div:first-child {
  width: 100% !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
  box-sizing: border-box !important;
}

[data-section="user-voice"] .user-voice-advisor-desc {
  width: 936px !important;
  max-width: 100% !important;
  min-height: 87px !important;
  align-self: stretch !important;
  flex: none !important;
  flex-grow: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 180% !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  word-break: keep-all !important;
}

[data-section="user-voice"] .user-voice-advisor-desc .user-voice-advisor-strong {
  font-weight: 700 !important;
  color: #ff4f38 !important;
  letter-spacing: 0.05em !important;
  word-break: keep-all !important;
}

[data-section="user-voice"] .user-voice-advisor-line1,
[data-section="user-voice"] .user-voice-advisor-line2,
[data-section="user-voice"] .user-voice-advisor-line3 {
  white-space: nowrap !important;
  word-break: keep-all !important;
}


@media (max-width: 767px) {
  [data-section="user-voice"] .user-voice-advisor-line1,
  [data-section="user-voice"] .user-voice-advisor-line2,
  [data-section="user-voice"] .user-voice-advisor-line3 {
    white-space: normal !important;
  }
}

[data-name="LP-Header"] {
  width: 100% !important;
  max-width: 1280px !important;
}

/* === Floating bar === */
body.has-floating-bar {
  padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Hide broken Figma-export floating still embedded in footer */
[data-name="Floating"] {
  display: none !important;
}

.lp-floating-bar {
  position: fixed !important;
  inset: auto 0 0 0 !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 16px 24px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  padding-left: max(24px, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(24px, env(safe-area-inset-right, 0px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  z-index: 2147483646 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.lp-floating-bar__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: fit-content !important;
  max-width: calc(100vw - 48px) !important;
  height: 56px !important;
  margin: 0 auto !important;
  padding: 0 0 0 89px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  flex: none !important;
  overflow: visible !important;
}

.lp-floating-bar__promo {
  box-sizing: border-box !important;
  overflow: visible !important;
}

.lp-floating-bar__promo--pc {
  position: relative !important;
  isolation: auto !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  height: 51px !important;
  flex: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin-right: 24px !important;
}

.lp-floating-bar__sparkle {
  pointer-events: none !important;
}

.lp-floating-bar__sparkle--pc {
  position: absolute !important;
  left: -89px !important;
  top: -67.87px !important;
  width: 141px !important;
  height: 141px !important;
  opacity: 0.8 !important;
  z-index: 0 !important;
  overflow: visible !important;
  mix-blend-mode: screen !important;
}

.lp-floating-bar__sparkle--pc img,
.lp-floating-bar__sparkle--pc svg {
  display: block !important;
  width: 141px !important;
  height: 141px !important;
  max-width: none !important;
  mix-blend-mode: screen !important;
}

.lp-floating-bar__sp-body {
  display: contents !important;
}

.lp-floating-bar__sparkle--sp {
  display: none !important;
}

.lp-floating-bar__sp-promo-row {
  display: none !important;
}

.lp-floating-bar__copy {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: auto !important;
  height: auto !important;
  flex: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

.lp-floating-bar__title {
  margin: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.05em !important;
  color: #fff !important;
  white-space: nowrap !important;
}

.lp-floating-bar__note {
  margin: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.05em !important;
  color: #aaabab !important;
  white-space: nowrap !important;
}

.lp-floating-bar__deadline {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex: none !important;
  width: 229px !important;
  height: 37px !important;
  padding: 4px 16px !important;
  border: 1px solid #fff !important;
  border-radius: 16px !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.05em !important;
  color: #fff !important;
  white-space: nowrap !important;
  margin-right: 60px !important;
}

.lp-floating-bar__cta-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  isolation: isolate !important;
  width: 307px !important;
  height: 56px !important;
  flex: none !important;
  padding: 0 !important;
  filter: drop-shadow(0px 4px 8px rgba(0, 127, 195, 0.25)) !important;
}

.lp-floating-bar__cta {
  box-sizing: border-box !important;
  flex: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 307px !important;
  height: 56px !important;
  padding: 24px 32px !important;
  background: #e6ef00 !important;
  border-radius: 9999px !important;
  box-shadow: 0 0 40px 16px rgba(145, 151, 0, 0.16) !important;
  color: #000 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.lp-floating-bar__cta svg {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

.lp-floating-bar__promo-sp {
  display: none !important;
}

a[data-name="Button"][class*="e6ef00"],
a.lp-stats-cta-btn {
  text-decoration: none !important;
  color: #000 !important;
}

/* Stats Section01 — CTA button (dedicated class, no Tailwind padding fight) */
.lp-stats-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  height: 52px;
  min-height: 52px;
  padding: 0 32px;
  background: #e6ef00;
  border: none;
  border-radius: 9999px;
  box-shadow: 0 0 40px 16px rgba(145, 151, 0, 0.16);
  cursor: pointer;
  text-decoration: none;
  flex: none;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .lp-stats-cta-btn {
    height: auto;
    min-height: 0;
    padding: 24px 32px;
  }
}

.lp-stats-cta-btn__label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #000;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .lp-stats-cta-btn__label {
    font-size: 24px;
    letter-spacing: 0.05em;
  }
}

.lp-stats-cta-btn__icon {
  width: 24px;
  height: 24px;
  flex: none;
  color: #000;
}

/* Primary CTA — Figma button states (Default / Hover / Pressed / Disabled) */
.lp-stats-cta-btn,
.lp-floating-bar__cta,
[data-lp-apply][data-name="Button"] {
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

@media (hover: hover) and (min-width: 768px) {
  .lp-stats-cta-btn:hover,
  .lp-floating-bar__cta:hover,
  [data-lp-apply][data-name="Button"]:hover {
    background: #c7ce00 !important;
    background-color: #c7ce00 !important;
  }
}

@media (min-width: 768px) {
  .lp-stats-cta-btn:active,
  .lp-floating-bar__cta:active,
  [data-lp-apply][data-name="Button"]:active {
    background: #919700 !important;
    background-color: #919700 !important;
  }

  .lp-stats-cta-btn:focus-visible,
  .lp-floating-bar__cta:focus-visible,
  [data-lp-apply][data-name="Button"]:focus-visible {
    outline: 2px solid #e6ef00;
    outline-offset: 2px;
  }

  .lp-stats-cta-btn:disabled,
  .lp-stats-cta-btn.is-disabled,
  .lp-floating-bar__cta:disabled,
  .lp-floating-bar__cta.is-disabled,
  [data-lp-apply][data-name="Button"]:disabled,
  [data-lp-apply][data-name="Button"].is-disabled,
  [data-lp-apply][data-name="Button"][aria-disabled="true"] {
    background: #777777 !important;
    background-color: #777777 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
  }

  /* Secondary CTA — Figma Type=Secondary */
  .lp-btn-secondary,
  a[data-name="Button"].lp-btn-secondary {
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #777777 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }

  /* Hide Figma-export border overlay when secondary class owns the border (PC only) */
  a[data-name="Button"].lp-btn-secondary > div.absolute[class*="border"] {
    display: none !important;
  }

  a[data-name="Button"].lp-btn-secondary:focus-visible {
    outline: 2px solid #777777;
    outline-offset: 2px;
  }
}

@media (hover: hover) and (min-width: 768px) {
  .lp-btn-secondary:hover,
  a[data-name="Button"].lp-btn-secondary:hover {
    background: #161616 !important;
    background-color: #161616 !important;
  }
}

@media (min-width: 768px) {
  .lp-btn-secondary:active,
  a[data-name="Button"].lp-btn-secondary:active {
    background: #000000 !important;
    background-color: #000000 !important;
  }

  .lp-btn-secondary:disabled,
  .lp-btn-secondary.is-disabled,
  a[data-name="Button"].lp-btn-secondary:disabled,
  a[data-name="Button"].lp-btn-secondary.is-disabled,
  a[data-name="Button"].lp-btn-secondary[aria-disabled="true"] {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #777777 !important;
    box-shadow: none !important;
    color: #777777 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
  }
}

[data-section="stats"] .lp-stats-cta-note-pc {
  display: block !important;
  margin: 0 !important;
  order: 3 !important;
  flex: none !important;
  align-self: center !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.06em !important;
  color: rgba(255, 255, 255, 0.7) !important;
  text-align: center !important;
  white-space: nowrap !important;
  z-index: 1 !important;
}

@media (min-width: 1000px) {
  .lp-floating-bar__promo--pc {
    margin-right: 24px !important;
  }

  .lp-floating-bar__deadline {
    margin-right: 60px !important;
  }
}

@media (max-width: 1137px) and (min-width: 768px) {
  .lp-floating-bar__inner {
    max-width: calc(100vw - 48px) !important;
    padding-left: clamp(48px, 8vw, 89px) !important;
  }

  .lp-floating-bar__promo--pc {
    margin-right: clamp(16px, 2.5vw, 24px) !important;
  }

  .lp-floating-bar__deadline {
    margin-right: clamp(24px, 4vw, 60px) !important;
  }
}

@media (min-width: 768px) and (max-width: 999px) {
  .lp-floating-bar__inner {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    padding-left: 48px !important;
  }

  .lp-floating-bar__promo--pc {
    margin-right: 16px !important;
  }

  .lp-floating-bar__deadline {
    margin-right: 24px !important;
  }

  .lp-floating-bar__promo--pc {
    width: auto !important;
    max-width: 42vw !important;
    height: auto !important;
    min-height: 51px !important;
    justify-content: flex-start !important;
  }

  .lp-floating-bar__copy {
    width: auto !important;
    height: auto !important;
    margin-left: 0 !important;
  }

  .lp-floating-bar__deadline {
    width: auto !important;
    height: auto !important;
    min-height: 37px !important;
  }

  .lp-floating-bar__cta-wrap {
    width: auto !important;
    max-width: 36vw !important;
    height: auto !important;
    filter: none !important;
  }

  .lp-floating-bar__cta {
    width: auto !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    font-size: 16px !important;
  }

  .lp-floating-bar__title {
    font-size: 16px !important;
  }

  .lp-floating-bar__note {
    font-size: 12px !important;
  }

  .lp-floating-bar__deadline {
    font-size: 14px !important;
    padding: 4px 12px !important;
  }
}

@media (max-width: 767px) {
  body.has-floating-bar {
    padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .lp-floating-bar {
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important;
  }

  .lp-floating-bar__promo--pc {
    margin-right: 0 !important;
    padding-left: 0 !important;
  }

  .lp-floating-bar__deadline {
    margin-right: 0 !important;
  }

  .lp-floating-bar__inner {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 343px !important;
    padding-left: 0 !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    overflow: visible !important;
  }

  .lp-floating-bar__sp-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
    isolation: auto !important;
  }

  .lp-floating-bar__sp-promo-row {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    flex: none !important;
  }

  .lp-floating-bar__sparkle--sp {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 88px !important;
    height: 88px !important;
    margin: 0 !important;
    opacity: 0.8 !important;
    z-index: 3 !important;
    overflow: visible !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
    transform: translateY(calc(-50% + 16px)) !important;
  }

  .lp-floating-bar__sparkle--sp img,
  .lp-floating-bar__sparkle--sp svg {
    display: block !important;
    width: 88px !important;
    height: 88px !important;
    max-width: none !important;
    mix-blend-mode: screen !important;
  }

  .lp-floating-bar__promo--pc,
  .lp-floating-bar__deadline--pc {
    display: none !important;
  }

  .lp-floating-bar__promo-sp {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .lp-floating-bar__cta-wrap {
    display: flex !important;
    position: relative !important;
    z-index: 1 !important;
    isolation: auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 247px !important;
    height: auto !important;
    filter: none !important;
  }

  .lp-floating-bar__cta {
    width: 100% !important;
    max-width: 247px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    position: relative !important;
    z-index: 2 !important;
    flex: none !important;
    box-shadow: 0 0 32px 12px rgba(145, 151, 0, 0.16) !important;
  }

  .lp-floating-bar__cta svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
}

[data-name="LP-Header"] [data-name="VI-logo"] {
  flex-shrink: 0 !important;
  width: 280px !important;
  height: 69px !important;
}

[data-name="LP-Header"] [data-name="VI-logo"] img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right center !important;
}

/* === Hello (Figma: 1280×891, flex-col, gap 40, isolate) === */
[data-name="Hello"] {
  width: 100% !important;
  max-width: 1280px !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 40px !important;
  isolation: isolate !important;
  overflow: visible !important;
  position: relative !important;
  padding-bottom: 0 !important;
}

/* Hello - B: z-index 4, 1280×500, padding 0 60, gap 48 */
[data-name="Hello"] > [data-name="Hello - B"] {
  width: 100% !important;
  max-width: 1280px !important;
  height: 500px !important;
  min-height: 500px !important;
  padding-left: clamp(16px, 4.6875vw, 60px) !important;
  padding-right: clamp(16px, 4.6875vw, 60px) !important;
  gap: clamp(16px, 3.75vw, 48px) !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 4 !important;
  flex-shrink: 0 !important;
}

/* Left column 688px */
[data-name="Hello - B"] > .w-\[688px\] {
  flex: 0 1 688px !important;
  width: 53.75% !important;
  max-width: 688px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* Right column CatchCopyArea 424px flex-grow */
[data-name="CatchCopyArea"] {
  flex: 1 1 424px !important;
  max-width: 424px !important;
  min-width: 0 !important;
  width: auto !important;
}

/* Hero catch copy — Figma absolute layout (426×364.91) */
[data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] {
  position: relative !important;
  width: 426px !important;
  height: 364.91px !important;
  flex-shrink: 0 !important;
}

[data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > p {
  position: absolute !important;
  left: 0 !important;
  width: 309px !important;
  z-index: 2 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
}

/* Main hero — subtitle above あと一歩を、 near top of column */
[data-name="Hello"] > [data-name="Hello - B"] {
  align-items: flex-start !important;
}

[data-name="Hello"] > [data-name="Hello - B"] > .w-\[688px\] {
  justify-content: flex-start !important;
}

[data-name="Hello"] > [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > p {
  top: 67.55px !important;
}

[data-name="Hello"] > [data-name="Hello - B"] [data-name="CatchCopyArea"] {
  align-self: center !important;
}

[data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > .absolute.w-\[425\.89px\] {
  position: absolute !important;
  left: 0.11px !important;
  top: 153.93px !important;
  width: 425.89px !important;
  height: 278.53px !important;
}

[data-name="Hello - B"] [data-name="あと一歩を、"] {
  position: absolute !important;
  left: 3.42px !important;
  top: 0 !important;
  margin: 0 !important;
}

[data-name="Hello - B"] [data-name="２日間。"] {
  position: absolute !important;
  left: 5.07px !important;
  top: 203.6px !important;
  margin: 0 !important;
}

[data-name="Hello - B"] .hero-result-wrap {
  top: 86.48px !important;
}

[data-name="Hello - B"] .hero-result-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 426.931px !important;
  height: 92.212px !important;
  padding: 13.874px 14.557px !important;
  background: #f23f28 !important;
  transform: matrix(1, -0.07, 0, 1, 0, 0) !important;
  overflow: visible !important;
}

[data-name="Hello - B"] .hero-result-box [data-name="結果に変える"] {
  width: 397.818px !important;
  height: 64.463px !important;
  flex-shrink: 0 !important;
}

[data-name="Hello - B"] .hero-result-box [data-name="結果に変える"] path {
  fill: #000 !important;
}

/* block z-index 3, scroll z-index 2 */
[data-name="Hello"] > [data-name="block"] {
  z-index: 3 !important;
  position: relative !important;
}

[data-name="Hello"] > [data-name="scroll"] {
  z-index: 2 !important;
  position: relative !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* texcher z-index 1 */
[data-name="Hello"] [data-name="texcher"] {
  z-index: 1 !important;
}

/* Hello hero — Figma gradient layers (PC) */
@media (min-width: 768px) {
  [data-name="Hello"] [data-name="texcher"] > [data-name="Gradient"] {
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
}

/* image z-index 0 — Figma left 195/297px on 1280 canvas (image uses display:contents) */
[data-name="Hello"] [data-name="image"] {
  z-index: 0 !important;
}

[data-name="Hello"] [data-name="Rectangle"] {
  position: absolute !important;
  left: 23.203125% !important; /* 297/1280 */
  top: -1px !important;
  width: 35.234375% !important; /* 451/1280 */
  height: auto !important;
  aspect-ratio: 451 / 501 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

[data-name="Hello"] [data-name="image"] > .absolute.flex.h-\[500px\] {
  position: absolute !important;
  left: 15.234375% !important; /* 195/1280 */
  top: 0 !important;
  width: 18.984375% !important; /* 243/1280 */
  height: auto !important;
  aspect-ratio: 243 / 500 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

[data-name="Hello"] [data-name="image"] > .absolute.flex.h-\[500px\] .h-\[500px\] {
  width: 100% !important;
  height: 100% !important;
}

[data-name="Hello"] [data-name="Rectangle"] > div {
  position: absolute !important;
  inset: 0 !important;
}

/* Footer hero duplicate (HelloB1) */
[data-name="Hello - B"] > [data-name="Rectangle"] {
  left: 23.203125% !important;
  width: 35.234375% !important;
  aspect-ratio: 451 / 501 !important;
  height: auto !important;
  top: 0 !important;
  z-index: 0 !important;
}

[data-name="Hello - B"] > .absolute.flex.h-\[500px\] {
  left: 15.234375% !important;
  width: 18.984375% !important;
  aspect-ratio: 243 / 500 !important;
  z-index: 0 !important;
}

/* === Narrow desktop (768px–1279px): fluid width, keep PC layout & decor === */
@media (min-width: 768px) and (max-width: 1279px) {
  .w-\[1000px\],
  [data-name="about1"] {
    width: 100% !important;
    max-width: min(1000px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Hero — fluid 2-column PC layout (no zoom; 1280px fixed width caused overflow) */
  [data-name="Hello"] {
    width: 100% !important;
    max-width: 1280px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] {
    width: 100% !important;
    max-width: 1280px !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
    padding-left: clamp(16px, 4.6875vw, 60px) !important;
    padding-right: clamp(16px, 4.6875vw, 60px) !important;
    gap: clamp(16px, 3.75vw, 48px) !important;
    height: auto !important;
    min-height: 500px !important;
    align-items: center !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] > .w-\[688px\] {
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] {
    --hero-cols-w: calc(
      (100vw - 2 * clamp(16px, 4.6875vw, 60px) - clamp(16px, 3.75vw, 48px)) / 2
    );
    --catch-scale: min(1, calc(var(--hero-cols-w) / 426));
    transform: scale(var(--catch-scale)) !important;
    transform-origin: top left !important;
    margin-bottom: calc(364.91px * (var(--catch-scale) - 1)) !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] {
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: center !important;
  }

  [data-name="Hello"] [data-name="CatchCopyArea"] [data-name="CatchCopy"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-name="Hello"] [data-name="CatchCopyArea"] [data-name="CatchCopy"] .text-\[24px\] {
    font-size: clamp(14px, 1.9vw, 24px) !important;
  }

  [data-name="Hello"] [data-name="CatchCopyArea"] [data-name="CatchCopy"] .text-\[16px\],
  [data-name="Hello"] [data-name="CatchCopyArea"] [data-name="CatchCopy"] p.text-\[16px\] {
    font-size: clamp(11px, 1.4vw, 16px) !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] [data-name="ctaArea"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] [data-name="ctaArea"] [data-name="Button"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: clamp(14px, 1.8vw, 24px) clamp(16px, 2.5vw, 32px) !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] [data-name="ctaArea"] [data-name="Button"] p {
    font-size: clamp(14px, 1.9vw, 24px) !important;
    white-space: normal !important;
    text-align: center !important;
  }

  [data-name="Hello"] > [data-name="block"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-inline: clamp(16px, 4.6875vw, 60px) !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: clamp(16px, 2.5vw, 32px) !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"] > .content-stretch.flex.flex-col {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    gap: clamp(20px, 3vw, 40px) !important;
  }

  [data-name="Hello"] > [data-name="block"] .text-\[64px\] {
    font-size: clamp(32px, 5.5vw, 64px) !important;
    width: auto !important;
    height: auto !important;
    margin-right: 0 !important;
    line-height: 1.2 !important;
  }

  [data-name="Hello"] > [data-name="block"] .flex.h-\[40px\] {
    height: auto !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  [data-name="Hello"] > [data-name="block"] .flex.h-\[40px\] > .text-\[24px\] {
    font-size: clamp(14px, 1.9vw, 24px) !important;
  }

  [data-name="Hello"] > [data-name="block"] .content-stretch.flex.flex-col.gap-\[8px\] > .text-\[20px\] {
    font-size: clamp(13px, 1.6vw, 20px) !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:last-of-type {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 0 !important;
  }

  [data-name="stepArea"] {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
  }

  [data-name="stepArea"] [data-name="card"] {
    flex: 0 1 306px !important;
    min-width: 0 !important;
  }

  [data-benefit-cards] {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
  }

  [data-benefit-cards] > [data-name="Plan Container"] {
    flex: 1 1 min(480px, calc(50% - 12px)) !important;
    min-width: min(100%, 306px) !important;
    max-width: 100% !important;
  }

  [data-section="program"] {
    overflow: visible !important;
  }

  [data-section="program"] .section-decor--right {
    overflow: visible !important;
  }

  [data-user-voice-prev] {
    left: max(28px, calc(50% - var(--uv-rail-half, 500px) - 72px)) !important;
  }

  [data-user-voice-next] {
    left: min(calc(100vw - 28px), calc(50% - var(--uv-rail-half, 500px) + 1012px + var(--uv-arrow-size, 88px) / 2)) !important;
  }
}


/* Stats results card — flare visible, intro text always on top */
[data-stats-results] > div:first-child {
  position: relative !important;
  z-index: 2 !important;
}

[data-stats-results] .stats-results-row,
[data-stats-results] [data-name="Frame 220"] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 40px !important;
  width: 936px !important;
  max-width: 100% !important;
  height: 245px !important;
  flex: none !important;
  align-self: stretch !important;
  flex-grow: 0 !important;
  box-sizing: border-box !important;
}

[data-stats-results] .size-\[245px\].rounded-\[9999px\] {
  isolation: isolate !important;
  flex: none !important;
  flex-shrink: 0 !important;
}

[data-stats-results] .size-\[245px\].rounded-\[9999px\] > p {
  position: absolute !important;
  z-index: 2 !important;
}

[data-stats-results] .size-\[245px\].rounded-\[9999px\] > div[aria-hidden] {
  z-index: 3 !important;
  border-color: #ff4f38 !important;
}

[data-stats-results] .size-\[245px\].rounded-\[9999px\] > .absolute.flex.items-center.justify-center.top-\[-80px\] {
  z-index: 1 !important;
  pointer-events: none !important;
}

[data-stats-results] .stats-footnotes {
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  gap: 0 !important;
}

[data-stats-results] .stats-footnotes p {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  font-size: 14px !important;
  line-height: 160% !important;
}

[data-stats-results] .stats-ref-mark {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #ff4f38 !important;
  vertical-align: super !important;
}

/* Stats ref marks — bottom center inside 245px circles (PC only) */
@media (min-width: 768px) {
  [data-stats-results] .stats-results-row > .size-\[245px\] > .stats-ref-mark,
  [data-stats-results] .size-\[245px\].rounded-\[9999px\] > .stats-ref-mark {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 16px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 4 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    color: #ff4f38 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
  }

  [data-stats-results] .stats-yen-unit-sp {
    display: none !important;
  }

  [data-stats-results] .stats-yen-unit-pc {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
  }
}

[data-user-voice-prev],
[data-user-voice-next] {
  position: absolute !important;
  cursor: pointer !important;
  top: 50% !important;
  z-index: 2 !important;
  translate: none !important;
}

[data-user-voice-prev] {
  left: max(44px, calc(50% - var(--uv-rail-half, 500px) - 56px)) !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
}

[data-user-voice-next] {
  left: calc(50% - var(--uv-rail-half, 500px) + 1012px + var(--uv-arrow-size, 88px) / 2) !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
}

/* User Voice carousel — ≥1280px: 24px left pad; peek only below 1440px */
@media (min-width: 1280px) {
  [data-section="user-voice"] [data-name="user-voice-carousel"] {
    --uv-track-pad-left: 24px;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  [data-user-voice-prev] {
    left: calc(var(--uv-track-pad-left, 24px) + 8px) !important;
    right: auto !important;
    transform: translateY(-50%) !important;
  }

  [data-user-voice-next] {
    left: auto !important;
    right: 28px !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  [data-section="user-voice"] [data-name="user-voice-carousel"] {
    --uv-visible: 2.5;
    --uv-card-width: clamp(
      300px,
      calc(
        (100% + (100vw - 100%) / 2 - var(--uv-track-pad-left) - (var(--uv-visible) - 1) * var(--uv-card-gap))
        / var(--uv-visible)
      ),
      488px
    );
  }
}

@media (min-width: 1440px) {
  [data-section="user-voice"] [data-name="user-voice-carousel"] {
    --uv-card-width: 488px;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    padding-right: 24px !important;
  }
}

/* Section background decor — mesh + gradient, anchored to 1280px canvas center */
.section-decor {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

.section-decor-mesh {
  position: absolute !important;
  pointer-events: none !important;
  overflow: hidden !important;
  opacity: 0.4 !important;
  height: auto !important;
}

.section-decor-mesh > div {
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 768px) {
  .section-decor-mesh--right {
    left: calc(50% - 640px + 701px) !important;
    top: 38% !important;
    width: min(924px, 52vw) !important;
    aspect-ratio: 924 / 938 !important;
  }

  .section-decor-mesh--left {
    left: calc(50% - 640px - 518px) !important;
    top: 6% !important;
    width: min(969px, 52vw) !important;
    aspect-ratio: 969 / 938 !important;
  }
}

.section-decor-mesh [data-name="_編集モード"] {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
}

.section-decor-gradient {
  position: absolute !important;
  pointer-events: none !important;
  width: min(1707px, 133vw) !important;
  height: auto !important;
  aspect-ratio: 1707 / 1086 !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

@media (min-width: 768px) {
  .section-decor-gradient--right {
    left: calc(50% - 640px + 286px) !important;
    top: 42% !important;
  }

  .section-decor-gradient--right.section-decor-gradient--lecturer {
    left: calc(50% - 640px + 359px) !important;
    top: 48% !important;
  }

  .section-decor-gradient--left {
    left: calc(50% - 640px - 518px) !important;
    top: 14% !important;
  }
}

[data-section="for-whom"],
[data-section="why-this-program"] {
  overflow: visible !important;
}

[data-section="for-whom"] .section-decor,
[data-section="why-this-program"] .section-decor,
[data-section="user-voice"] .section-decor {
  overflow: visible !important;
}

[data-section="why-this-program"] .section-decor--left {
  overflow: visible !important;
}

[data-section="user-voice"] .section-decor--left {
  overflow: visible !important;
}

[data-section="why-this-program"] .section-decor--right {
  overflow: visible !important;
  z-index: 0 !important;
}

[data-section="for-whom"] .section-decor--right {
  overflow: visible !important;
}

[data-section="user-voice"] .section-watermark {
  z-index: 1 !important;
}

[data-section="user-voice"] {
  overflow: visible !important;
}

[data-section="why-this-program"] .section-decor--left,
[data-section="user-voice"] .section-decor--left {
  z-index: 0 !important;
}

@media (min-width: 768px) {
  [data-section="user-voice"] .section-decor-mesh--left.section-decor-mesh--span {
    left: calc(50% - 640px - 518px) !important;
    width: min(969px, 52vw) !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    top: -585.61px !important;
    bottom: auto !important;
    z-index: 1 !important;
  }
}

[data-section="why-this-program"] .section-decor-mesh--left.section-decor-mesh--span img,
[data-section="user-voice"] .section-decor-mesh--left.section-decor-mesh--span img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Figma PC — User Voice left: mesh + #C8521C radial (gradient-section.svg) */
@media (min-width: 768px) {
  [data-section="user-voice"] .section-decor--left .section-decor-gradient--left {
    top: -499.61px !important;
    left: calc(50% - 640px - 517.58px) !important;
    width: min(1707px, 133vw) !important;
    height: auto !important;
    aspect-ratio: 1707 / 1086 !important;
    z-index: 0 !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }
}

[data-section="how-to-join"],
[data-section="outline"] {
  overflow: visible !important;
}

[data-section="how-to-join"] .section-decor--left,
[data-section="outline"] .section-decor--left {
  z-index: 0 !important;
}

@media (min-width: 768px) {
  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span,
  [data-section="outline"] .section-decor-mesh--left.section-decor-mesh--span {
    left: calc(50% - 640px - 518px) !important;
    width: 969px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
  }

  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span {
    top: 0.41px !important;
    bottom: auto !important;
  }

  [data-section="outline"] .section-decor-mesh--left.section-decor-mesh--span {
    top: -610px !important;
    bottom: auto !important;
  }

  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span img,
  [data-section="outline"] .section-decor-mesh--left.section-decor-mesh--span img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  [data-section="how-to-join"] .section-decor--left .section-decor-gradient--left {
    top: 86.41px !important;
    bottom: auto !important;
    left: calc(50% - 640px - 517.58px) !important;
    width: 1707px !important;
    height: 1086px !important;
  }

  [data-section="outline"] .section-decor--left .section-decor-gradient--left {
    top: -523.59px !important;
    bottom: auto !important;
    left: calc(50% - 640px - 517.58px) !important;
    width: 1707px !important;
    height: 1086px !important;
  }
}

/* PC wide — clip decor to Figma 1280px canvas; sides show section background only */
@media (min-width: 1280px) {
  [data-section] .section-decor {
    inset: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: 1280px !important;
    max-width: 1280px !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
  }

  [data-section="for-whom"] .section-decor,
  [data-section="why-this-program"] .section-decor,
  [data-section="user-voice"] .section-decor,
  [data-section="how-to-join"] .section-decor,
  [data-section="outline"] .section-decor {
    overflow: hidden !important;
  }

  .section-decor-mesh--right,
  [data-section="for-whom"] .section-decor-mesh--right.section-decor-mesh--span,
  [data-section="why-this-program"] .section-decor-mesh--right.section-decor-mesh--span,
  [data-section="program"] .section-decor-mesh--right {
    width: 924px !important;
  }

  .section-decor-mesh--left,
  [data-section="why-this-program"] .section-decor-mesh--left.section-decor-mesh--span,
  [data-section="user-voice"] .section-decor-mesh--left.section-decor-mesh--span,
  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span,
  [data-section="outline"] .section-decor-mesh--left.section-decor-mesh--span {
    width: 969px !important;
  }

  .section-decor-gradient {
    width: 1707px !important;
  }

  /* Figma PC — absolute px inside 1280 decor clip */
  [data-section="for-whom"] .section-decor-mesh--right {
    left: 701px !important;
    top: 519px !important;
  }

  [data-section="for-whom"] .section-decor-gradient--right {
    left: 286.42px !important;
    top: 569px !important;
  }

  [data-section="for-whom"] .section-decor--right,
  [data-section="why-this-program"] .section-decor--right,
  [data-section="why-this-program"] .section-decor--left,
  [data-section="user-voice"] .section-decor--left,
  [data-section="stats"] .section-decor.section-decor--left,
  [data-section="program"] .section-decor--right,
  [data-section="how-to-join"] .section-decor--left,
  [data-section="outline"] .section-decor--left {
    overflow: visible !important;
  }

  /* FOR WHOM right mesh continues into WHY THIS PROGRAM (mesh bottom 519+938=1457) */
  [data-section="why-this-program"] .section-decor-mesh--right {
    left: 701px !important;
    top: -280px !important;
    width: 924px !important;
    height: 938px !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="why-this-program"] .section-decor-gradient--right {
    left: 286.42px !important;
    top: -230px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="why-this-program"] .section-decor-mesh--left {
    left: -518px !important;
    top: 1235.03px !important;
  }

  [data-section="why-this-program"] .section-decor--left .section-decor-gradient--left {
    left: -517.58px !important;
    top: 1321.03px !important;
  }

  /* Figma PC — User Voice Section01 left decor */
  [data-section="user-voice"] .section-decor-mesh--left {
    left: -518px !important;
    top: -585.61px !important;
    width: 969px !important;
    height: 938px !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="user-voice"] .section-decor--left .section-decor-gradient--left {
    left: -517.58px !important;
    top: -499.61px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  /* Figma PC — How to Join / Outline left span decor */
  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span {
    left: -518px !important;
    top: 0.41px !important;
    width: 969px !important;
    height: 938px !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="how-to-join"] .section-decor--left .section-decor-gradient--left {
    left: -517.58px !important;
    top: 86.41px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="outline"] .section-decor-mesh--left.section-decor-mesh--span {
    left: -518px !important;
    top: -610px !important;
    width: 969px !important;
    height: 938px !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="outline"] .section-decor--left .section-decor-gradient--left {
    left: -517.58px !important;
    top: -523.59px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  /* Figma PC — Program Section01 right decor (align top-right; Figma y is frame-tall) */
  [data-section="program"] .section-decor-mesh--right {
    left: 701px !important;
    top: 0 !important;
    width: 924px !important;
    height: 938px !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="program"] .section-decor-mesh--right img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  [data-section="program"] .section-decor-gradient--right {
    left: 359.42px !important;
    top: 0 !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="program"] {
    overflow: visible !important;
  }
}

/* Stats CTA — skip 1280px decor clip (short bar; full-width background) */
@media (min-width: 1280px) {
  [data-section="stats"] .section-decor.section-decor--left {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: none !important;
    overflow: visible !important;
  }
}

/* Figma PC decor — 1280 canvas (768px+, section-relative; ≥1280 overridden below) */
@media (min-width: 768px) {
  [data-section="for-whom"] .section-decor-mesh--right {
    left: calc(50% - 640px + 701px) !important;
    top: 519px !important;
    width: 924px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="for-whom"] .section-decor-gradient--right {
    left: calc(50% - 640px + 286.42px) !important;
    top: 569px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="for-whom"] .section-decor--right,
  [data-section="why-this-program"] .section-decor--right,
  [data-section="why-this-program"] .section-decor--left,
  [data-section="user-voice"] .section-decor--left,
  [data-section="stats"] .section-decor.section-decor--left,
  [data-section="program"] .section-decor--right,
  [data-section="how-to-join"] .section-decor--left,
  [data-section="outline"] .section-decor--left {
    overflow: visible !important;
  }

  [data-section="why-this-program"] .section-decor-mesh--right {
    left: calc(50% - 640px + 701px) !important;
    top: -280px !important;
    width: 924px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="why-this-program"] .section-decor-gradient--right {
    left: calc(50% - 640px + 286.42px) !important;
    top: -230px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="why-this-program"] .section-decor-mesh--left {
    left: calc(50% - 640px - 518px) !important;
    top: 1235.03px !important;
    width: 969px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="why-this-program"] .section-decor--left .section-decor-gradient--left {
    left: calc(50% - 640px - 517.58px) !important;
    top: 1321.03px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="user-voice"] .section-decor-mesh--left,
  [data-section="user-voice"] .section-decor-mesh--left.section-decor-mesh--span {
    left: calc(50% - 640px - 518px) !important;
    top: -585.61px !important;
    width: 969px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
    z-index: 1 !important;
  }

  [data-section="user-voice"] .section-decor--left .section-decor-gradient--left {
    left: calc(50% - 640px - 517.58px) !important;
    top: -499.61px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
    z-index: 0 !important;
    transform: none !important;
  }

  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span {
    left: calc(50% - 640px - 518px) !important;
    top: 0.41px !important;
    width: 969px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="how-to-join"] .section-decor--left .section-decor-gradient--left {
    left: calc(50% - 640px - 517.58px) !important;
    top: 86.41px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
    transform: none !important;
  }

  [data-section="outline"] .section-decor-mesh--left.section-decor-mesh--span {
    left: calc(50% - 640px - 518px) !important;
    top: -610px !important;
    width: 969px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="outline"] .section-decor--left .section-decor-gradient--left {
    left: calc(50% - 640px - 517.58px) !important;
    top: -523.59px !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
    transform: none !important;
  }

  [data-section="program"] .section-decor-mesh--right {
    left: calc(50% - 640px + 701px) !important;
    top: 0 !important;
    width: 924px !important;
    height: 938px !important;
    aspect-ratio: unset !important;
    opacity: 0.4 !important;
    bottom: auto !important;
  }

  [data-section="program"] .section-decor-mesh--right img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  [data-section="program"] .section-decor-gradient--right {
    left: calc(50% - 640px + 359.42px) !important;
    top: 0 !important;
    width: 1707px !important;
    height: 1086px !important;
    bottom: auto !important;
  }

  [data-section="why-this-program"] {
    overflow: visible !important;
  }

  [data-section="program"] {
    overflow: visible !important;
  }
}

/* FOR WHOM cards: equal illustration slot + title row alignment (PC only) */
@media (min-width: 376px) {
  [data-section="for-whom"] .rounded-\[16px\] .gap-\[32px\] > div:first-child {
    height: 145px !important;
    min-height: 145px !important;
    flex-shrink: 0 !important;
  }

  [data-section="for-whom"] .rounded-\[16px\] [class*="gap-[16px]"] > div:first-child {
    min-height: 60px !important;
    justify-content: flex-start !important;
  }
}

/* FOR WHOM cards: undo mobile <br> on PC; contain text inside card (SP max-width: 767px unchanged) */
@media (min-width: 768px) {
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black,
  [data-section="for-whom"] .rounded-\[16px\].bg-black,
  [data-section="for-whom"] .rounded-\[16px\] .content-stretch.flex.flex-col.gap-\[32px\],
  [data-section="for-whom"] .rounded-\[16px\] .gap-\[16px\],
  [data-section="for-whom"] .rounded-\[16px\] [class*="word-break:break-word"] {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  [data-section="for-whom"] .rounded-\[16px\] br {
    display: none !important;
  }

  [data-section="for-whom"] .rounded-\[16px\] .text-\[20px\] {
    line-height: 1.5 !important;
  }

  [data-section="for-whom"] .rounded-\[16px\] [class*="word-break:break-word"],
  [data-section="for-whom"] .rounded-\[16px\] .text-\[16px\],
  [data-section="for-whom"] .rounded-\[16px\] .text-\[20px\],
  [data-section="for-whom"] .rounded-\[16px\] .text-\[20px\] p {
    flex-shrink: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-break: strict !important;
  }
}

[data-section="program"] [data-name="about1"] {
  position: relative !important;
  z-index: 2 !important;
}

[data-section="program"] .program-intro-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 1000px !important;
  max-width: 100% !important;
  flex: none !important;
  align-self: stretch !important;
  flex-grow: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 180% !important;
  text-align: center !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
}

[data-section="program"] .program-intro-main p {
  line-height: 180% !important;
}

[data-section="program"] .program-intro-sp {
  display: none !important;
}

[data-section="program"] .program-intro-notes-sp {
  display: none !important;
}

[data-section="program"] .program-intro-notes {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

[data-section="program"] .program-intro-note {
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  line-height: 160% !important;
  color: var(--Color-Neutral-500, #aaabab) !important;
}

[data-section="program"] .program-day1-summary-sp,
[data-section="program"] .program-day2-summary-sp {
  display: none !important;
}

@media (min-width: 768px) {
  [data-section="program"] .program-schedule-desc-sp,
  [data-section="program"] .program-workshop-text-sp {
    display: none !important;
  }

  [data-section="lecturer"] .lecturer-footnotes-sp {
    display: none !important;
  }

  [data-section="user-voice"] .user-voice-intro-sp {
    display: none !important;
  }

  [data-section="program"] .program-option-title-sp {
    display: none !important;
  }

  [data-section="user-voice"] .user-voice-advisor-desc-sp {
    display: none !important;
  }

  .benefit-card2-title-br-sp {
    display: none !important;
  }

  [data-section="benefit"] .benefit-footnotes-sp {
    display: none !important;
  }

  [data-section="user-voice"] .user-voice-advisor-line1,
  [data-section="user-voice"] .user-voice-advisor-line2,
  [data-section="user-voice"] .user-voice-advisor-line3 {
    display: block !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

[data-section="program"] .program-day2-summary {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 752px !important;
  max-width: 100% !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 180% !important;
  text-align: center !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  flex: none !important;
  align-self: stretch !important;
  flex-grow: 0 !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

[data-section="program"] .program-day2-summary p {
  letter-spacing: 0.05em !important;
  line-height: 180% !important;
}

[data-section="program"] .program-day2-summary span {
  letter-spacing: inherit !important;
}

[data-section="program"] .program-day1-summary-pc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 752px !important;
  max-width: 100% !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 180% !important;
  text-align: center !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
}

[data-section="program"] .program-day1-summary-pc .program-day1-line-pc {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 180% !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

[data-section="program"] .program-day1-summary-pc .program-day1-line-text {
  color: #ffffff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

[data-section="program"] .program-day1-summary-pc .program-day1-accent {
  color: #ff4f38 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

[data-section="program"] [data-name="Header"] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;
  padding: 0 !important;
  background: #be311e !important;
  border-radius: 16px 16px 0 0 !important;
  flex: none !important;
  align-self: stretch !important;
  flex-grow: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

[data-section="program"] [data-name="Header"],
[data-section="program"] [data-name="Header"] p,
[data-section="program"] [data-name="Header"] span {
  font-weight: 700 !important;
}

[data-section="program"] .program-header-day {
  font-size: 32px !important;
  line-height: 1.25 !important;
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

[data-section="program"] [data-name="Frame 2117213421"],
[data-section="program"] .program-header-meta {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 16px !important;
  margin: 0 0 0 auto !important;
  width: 410px !important;
  max-width: none !important;
  height: 50px !important;
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

[data-section="program"] [data-name="Frame 2117212129"],
[data-section="program"] .program-header-date-box {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 6px 12px 8px !important;
  gap: 0 !important;
  width: 98px !important;
  height: 50px !important;
  min-width: 98px !important;
  max-width: 98px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  border: 1px solid #ffffff !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  flex: none !important;
  order: 0 !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

[data-section="program"] .program-header-date-box > div[aria-hidden] {
  display: none !important;
}

[data-section="program"] .program-header-date-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex: none !important;
  flex-grow: 0 !important;
  max-width: 74px !important;
}

[data-section="program"] .program-header-date-text > p {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 74px !important;
  height: 36px !important;
  margin: 0 !important;
  flex: none !important;
  flex-grow: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  gap: 0 !important;
}

[data-section="program"] .program-header-date-gap {
  display: inline-block !important;
  flex: none !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  width: 4px !important;
  min-width: 4px !important;
  max-width: 4px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
}

[data-section="program"] .program-header-date-num {
  font-family: "Source Sans Pro", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

[data-section="program"] .program-header-date-day,
[data-section="program"] [data-name="Header"] .program-header-date-day {
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  display: inline !important;
  white-space: nowrap !important;
}

[data-section="program"] .program-header-dates {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: none !important;
}

[data-section="program"] .program-header-or,
[data-section="program"] .program-header-time {
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
}

[data-section="program"] .program-header-or p,
[data-section="program"] .program-header-time p {
  line-height: 1 !important;
}

[data-section="program"] [data-name="Header"] > .flex {
  display: flex !important;
  flex-direction: row !important;
  justify-content: stretch !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
}

[data-section="program"] [data-name="Header"] > .flex > div {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 16px 24px !important;
  box-sizing: border-box !important;
}

[data-section="program"] [data-name="Plan Container"] .w-\[62px\] p {
  font-weight: 700 !important;
}

[data-section="program"] .program-schedule-list {
  position: relative !important;
}

[data-section="program"] .program-schedule-list::before {
  content: "" !important;
  position: absolute !important;
  width: 1px !important;
  background: #ffffff !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

[data-section="program"] .program-schedule-list > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (min-width: 768px) {
  [data-section="program"] [data-name="Frame 2117212798"],
  [data-section="program"] .program-time-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 8px !important;
    width: 62px !important;
    height: 29px !important;
    flex: none !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="Frame 2117212798"] > p,
  [data-section="program"] .program-time-row > p {
    width: 45px !important;
    height: 29px !important;
    flex: none !important;
    flex-grow: 0 !important;
    order: 0 !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="Frame 2117212798"] > div:last-child,
  [data-section="program"] .program-time-row > div:last-child {
    order: 1 !important;
    width: 9px !important;
    height: 9px !important;
    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }

  [data-section="program"] [data-name="Frame 2117213427"],
  [data-section="program"] .program-schedule-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 704px !important;
    flex: none !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-schedule-list::before {
    left: 81.5px !important;
    top: 44px !important;
    bottom: 44px !important;
  }
}

/* Hide duplicate HTML timeline lines (Frame137/138) — CSS ::before replaces them */
[data-section="program"] div.absolute.flex.left-\[81px\].w-px {
  display: none !important;
}

/* Program — doda sub_sec + footnote (Figma: gap 32px, caption order 2) */
[data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  padding: 0 !important;
  gap: 32px !important;
  width: 936px !important;
  max-width: 100% !important;
  flex: none !important;
  flex-grow: 0 !important;
  align-self: stretch !important;
}

[data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > p:last-child {
  width: 936px !important;
  max-width: 100% !important;
  min-height: 22px !important;
  margin: 0 !important;
  flex: none !important;
  flex-grow: 0 !important;
  align-self: stretch !important;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 160% !important;
  color: #aaabab !important;
  font-feature-settings: "palt" on !important;
  white-space: normal !important;
}

[data-section="why-this-program"] .section-decor-mesh--right.section-decor-mesh--span img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

[data-section="why-this-program"] .section-watermark {
  z-index: 0 !important;
  position: absolute !important;
}

[data-section="why-this-program"] [data-name="Title"] {
  position: relative !important;
  z-index: 3 !important;
}

/* Stats CTA bar — dedicated warm gradient + hex (NOT tall-section -518px coords) */
[data-section="stats"] > [data-name="texchar"] {
  display: none !important;
}

[data-section="stats"] .section-decor.section-decor--left {
  overflow: visible !important;
  z-index: 0 !important;
}

[data-section="stats"] .section-decor-gradient--left {
  display: none !important;
}

[data-section="stats"] [data-name="about1"],
[data-section="stats"] .lp-stats-section01 {
  position: relative !important;
  z-index: 2 !important;
}

@media (min-width: 768px) {
  [data-section="stats"]::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 85% 160% at 0% 50%, rgba(200, 82, 28, 0.24) 0%, rgba(200, 82, 28, 0.1) 42%, transparent 72%),
      radial-gradient(ellipse 55% 120% at 22% 50%, rgba(200, 82, 28, 0.12) 0%, transparent 58%);
  }

  [data-section="stats"] .section-decor.section-decor--left {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
    overflow: visible !important;
  }

  [data-section="stats"] .section-decor-mesh--left {
    display: block !important;
    left: max(-60px, calc(50% - 640px - 240px)) !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 520px !important;
    height: 504px !important;
    max-width: 42vw !important;
    aspect-ratio: unset !important;
    opacity: 0.45 !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important;
  }

  [data-section="stats"] .section-decor-mesh--left [data-name="_編集モード"] {
    width: 100% !important;
    height: 100% !important;
  }

  [data-section="stats"] .section-decor-mesh--left img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
}

[data-section="outline"] .outline-benefit-row,
[data-section="outline"] [data-outline-benefit-row] {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  padding: 0 !important;
  width: 800px !important;
  min-height: 97px !important;
  height: 97px !important;
  flex: none !important;
  flex-grow: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

[data-section="outline"] [data-outline-benefit-row] > div[aria-hidden] {
  z-index: 2 !important;
  border-top: 1px solid #303030 !important;
}

[data-section="outline"] [data-outline-benefit-row] [data-name="TableCell"] {
  border-top: 1px solid #303030 !important;
  box-sizing: border-box !important;
}

[data-section="outline"] .outline-benefit-note {
  color: var(--Color-Neutral-500, #aaabab) !important;
  font-size: 14px !important;
  line-height: 160% !important;
}

[data-section="how-to-join"] .how-to-join-step-desc,
[data-section="how-to-join"] .how-to-join-step1-desc {
  width: 306px !important;
  min-height: 87px !important;
  align-self: stretch !important;
  flex: none !important;
  flex-grow: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 180% !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  text-align: left !important;
}

[data-section="how-to-join"] [data-name="stepArea"] [data-name="card"] .how-to-join-step-desc {
  text-align: left !important;
}

[data-section="how-to-join"] [data-name="stepArea"] [data-name="card"] p:not(.how-to-join-step-desc) {
  text-align: center !important;
}

[data-section="how-to-join"] .how-to-join-step2-note {
  color: var(--Color-Neutral-500, #aaabab) !important;
}

[data-section="how-to-join"] .how-to-join-step1-title-line {
  white-space: nowrap !important;
  word-break: keep-all !important;
}

[data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"]:first-child .how-to-join-step1-title-line {
  white-space: nowrap !important;
  word-break: keep-all !important;
}



/* Legacy decor wrappers (absolute contents) */
[data-section] > .absolute.contents,
[data-section] > div.absolute[class*="contents"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

/* How to Join — step line */

[data-name="stepArea"] {
  width: 100% !important;
  max-width: 1000px !important;
  box-sizing: border-box !important;
}

[data-name="stepArea"] .step-connector-line {
  left: 17.1% !important;
  width: 69.6% !important;
}

/* Narrow desktop (768–1279px): hide step connector — PC % positioning breaks when fluid */
@media (min-width: 768px) and (max-width: 1279px) {
  [data-section="how-to-join"] [data-name="stepArea"] .step-connector-line {
    display: none !important;
  }
}



/* Udemy benefit — two cards side by side within 1000px */
[data-benefit-cards] {
  width: 100% !important;
  max-width: 1000px !important;
  gap: 14px !important;
  align-items: stretch !important;
}

[data-benefit-cards] > [data-name="Plan Container"] {
  flex: 0 0 493px !important;
  width: 493px !important;
  max-width: 493px !important;
  min-width: 493px !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

[data-benefit-cards] [data-name="Header"] {
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
}

[data-benefit-cards] [data-name="Container"] {
  background-color: #000 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
}

[data-benefit-cards] [data-name="Container"] > div {
  background-color: #000 !important;
  border-radius: 0 0 12px 12px !important;
}

[data-section="benefit"] .section-watermark {
  max-width: none !important;
  width: max-content !important;
  overflow: visible !important;
  text-overflow: unset !important;
  z-index: 0 !important;
}

[data-section="benefit"] [data-name="about1"] {
  position: relative !important;
  z-index: 1 !important;
}

[data-section="benefit"] [data-name="about1"] > [data-name="sec"]:first-child {
  align-self: stretch !important;
  flex: none !important;
  flex-grow: 0 !important;
}

[data-section="benefit"] .benefit-sec-header,
[data-section="benefit"] [data-benefit-header-frame] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 16px !important;
  width: auto !important;
  min-width: 276.12px !important;
  height: 157.86px !important;
  min-height: 157.86px !important;
  flex: none !important;
  flex-grow: 0 !important;
}

[data-section="benefit"] .benefit-sec-header-title,
[data-section="benefit"] .benefit-sec-header-note {
  width: 100% !important;
  text-align: center !important;
}

[data-section="benefit"] .benefit-sec-header-udemy-row {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
}

[data-section="benefit"] .benefit-sec-header-udemy-row > * {
  flex-shrink: 0 !important;
}

[data-section="benefit"] .benefit-footnotes {
  display: flex !important;
  flex-direction: column !important;
  width: 1000px !important;
  max-width: 100% !important;
  align-self: center !important;
  flex: none !important;
  flex-grow: 0 !important;
  min-height: 88px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

[data-section="benefit"] .benefit-footnotes-text {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 160% !important;
  color: #aaabab !important;
  font-feature-settings: "palt" on !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
}

[data-section="benefit"] .benefit-footnotes-item {
  padding-left: 1.35em !important;
  text-indent: -1.35em !important;
}





/* Bottom footer hero + grey footer bar */
[data-name="HelloFooter"] {
  align-self: stretch !important;
  width: 100% !important;
}

[data-name="HelloFooter"] > [data-name="Hello - B"] {
  width: 100% !important;
  max-width: 1280px !important;
  height: 500px !important;
  min-height: 500px !important;
  padding-left: clamp(16px, 4.6875vw, 60px) !important;
  padding-right: clamp(16px, 4.6875vw, 60px) !important;
  gap: clamp(16px, 3.75vw, 48px) !important;
  overflow: hidden !important;
  position: relative !important;
  align-items: flex-start !important;
}

[data-name="HelloFooter"] > [data-name="Hello - B"] > .w-\[688px\] {
  justify-content: flex-start !important;
}

[data-name="HelloFooter"] > [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > p {
  top: 67.55px !important;
}

[data-name="HelloFooter"] > [data-name="Hello - B"] [data-name="CatchCopyArea"] {
  align-self: center !important;
  align-items: center !important;
  justify-content: center !important;
}

[data-name="MainFooter"] {
  align-self: stretch !important;
  width: 100% !important;
  margin-top: 48px !important;
}

[data-name="BottomFooter"] {
  width: 100% !important;
}

[data-name="BottomFooter"] [data-name="MainContainer"] > div {
  width: 100% !important;
}

[data-name="BottomFooter"] [data-name="Company"] {
  flex-shrink: 0 !important;
}

[data-name="BottomFooter"] [data-name="GroupVision"] {
  flex-shrink: 0 !important;
}



/* Lecturer — red accent → Udemy purple (#a435f0), layout unchanged */
[data-section="lecturer"] {
  --lecturer-purple: #a435f0;
}

[data-section="lecturer"] .section-decor {
  display: none !important;
}

[data-section="lecturer"] .section-watermark {
  z-index: 0 !important;
  position: absolute !important;
}

[data-section="lecturer"] [data-name="Udemy_Logo_TM_Rev_Black_RGB_M 1"] {
  width: 211px !important;
  height: 105px !important;
  flex: none !important;
  flex-grow: 0 !important;
}

[data-section="lecturer"] [data-name="Udemy_Logo_TM_Rev_Black_RGB_M 1"] img {
  object-fit: contain !important;
}

[data-section="lecturer"] [data-name="Frame 2117213472"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 0 16px !important;
  gap: 10px !important;
  width: 249px !important;
  height: 65px !important;
  flex: none !important;
  align-self: stretch !important;
  flex-grow: 0 !important;
}

[data-section="lecturer"] .bg-\[#f23f28\],
[data-section="lecturer"] [class*="bg-[#f23f28]"] {
  background: var(--lecturer-purple) !important;
}

[data-section="lecturer"] .bg-\[#f23f28\] p,
[data-section="lecturer"] [class*="bg-[#f23f28]"] p,
[data-section="lecturer"] [class*="bg-[#f23f28]"] .text-black {
  color: #ffffff !important;
}

[data-section="lecturer"] .size-\[180px\] {
  background: var(--lecturer-purple) !important;
  border-radius: 9999px !important;
}

[data-section="lecturer"] .size-\[180px\] > div[aria-hidden],
[data-section="lecturer"] .size-\[180px\] > div.border-\[#ff4f38\],
[data-section="lecturer"] .size-\[180px\] > div[class*="border-[#ff4f38]"] {
  display: none !important;
}

[data-section="lecturer"] .size-\[180px\] p,
[data-section="lecturer"] .size-\[180px\] span {
  color: #ffffff !important;
}

[data-section="lecturer"] .text-\[#ff4f38\] {
  color: #ffffff !important;
}

[data-section="lecturer"] .lecturer-footnotes {
  margin-top: 8px;
}

[data-section="lecturer"] .lecturer-footnotes p {
  color: #bdbdbd !important;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.24px;
}

.lecturer-stat-sub-sp,
.lecturer-stat-num-sp,
.lecturer-stat-suffix-sp,
.lecturer-stat-value-sp,
.lecturer-bio-sp,
.lecturer-footnotes-sp,
.benefit-footnotes-sp,
.lp-stats-cta-note-sp,
.user-voice-intro-sp,
.program-option-title-sp {
  display: none !important;
}

/* Tailwind v4 mask utilities (CDN fallback for user-voice avatars) */
.mask-alpha {
  mask-mode: alpha;
  -webkit-mask-mode: alpha;
}

.mask-intersect {
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
}

.mask-no-clip {
  mask-clip: border-box;
  -webkit-mask-clip: border-box;
}

.mask-no-repeat {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.mask-position-\[-10\.143px_-51\.102px\] {
  mask-position: -10.143px -51.102px;
  -webkit-mask-position: -10.143px -51.102px;
}

.mask-position-\[-17\.361px_-2\.062px\] {
  mask-position: -17.361px -2.062px;
  -webkit-mask-position: -17.361px -2.062px;
}

.mask-position-\[-17\.424px_-36\.353px\] {
  mask-position: -17.424px -36.353px;
  -webkit-mask-position: -17.424px -36.353px;
}

.mask-position-\[-19\.785px_-29\.795px\] {
  mask-position: -19.785px -29.795px;
  -webkit-mask-position: -19.785px -29.795px;
}

.mask-position-\[-2\.846px_-37\.515px\] {
  mask-position: -2.846px -37.515px;
  -webkit-mask-position: -2.846px -37.515px;
}

.mask-position-\[-2\.951px_-7\.734px\,_-6\.162px_-1\.734px\] {
  mask-position: -2.951px -7.734px, -6.162px -1.734px;
  -webkit-mask-position: -2.951px -7.734px, -6.162px -1.734px;
}

.mask-position-\[-21\.855px_-38\.232px\] {
  mask-position: -21.855px -38.232px;
  -webkit-mask-position: -21.855px -38.232px;
}

.mask-position-\[-22\.908px_-34\.541px\] {
  mask-position: -22.908px -34.541px;
  -webkit-mask-position: -22.908px -34.541px;
}

.mask-position-\[-27\.189px_-38\.232px\] {
  mask-position: -27.189px -38.232px;
  -webkit-mask-position: -27.189px -38.232px;
}

.mask-position-\[-29\.307px_-36\.353px\] {
  mask-position: -29.307px -36.353px;
  -webkit-mask-position: -29.307px -36.353px;
}

.mask-position-\[-3\.779px_-6\.854px\,_-3\.605px_-1\.854px\] {
  mask-position: -3.779px -6.854px, -3.605px -1.854px;
  -webkit-mask-position: -3.779px -6.854px, -3.605px -1.854px;
}

.mask-position-\[-30\.234px_-37\.515px\] {
  mask-position: -30.234px -37.515px;
  -webkit-mask-position: -30.234px -37.515px;
}

.mask-position-\[-3px_-5px\] {
  mask-position: -3px -5px;
  -webkit-mask-position: -3px -5px;
}

.mask-position-\[-48\.701px_-51\.102px\] {
  mask-position: -48.701px -51.102px;
  -webkit-mask-position: -48.701px -51.102px;
}

.mask-size-\[60px_56\.159px\] {
  mask-size: 60px 56.159px;
  -webkit-mask-size: 60px 56.159px;
}

.mask-size-\[76\.696px_62\.97px\] {
  mask-size: 76.696px 62.97px;
  -webkit-mask-size: 76.696px 62.97px;
}

[data-user-voice-track] [data-name="card"] [class*="size-[60px]"][class*="rounded-[9999px]"] {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

[data-user-voice-track] [data-name="card"] [class*="gap-[16px]"][class*="items-center"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  flex-shrink: 0 !important;
}

[data-user-voice-track] .user-voice-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
}

[data-user-voice-track] .user-voice-avatar-img {
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  object-position: center !important;
  flex-shrink: 0 !important;
}

.user-voice-swipe-hint {
  display: none;
}

.user-voice-swipe-hint.is-dismissed {
  display: none !important;
}

/* TOP NOTICE — orange strip only (text hidden on all viewports) */
[data-name="PC - ✅FIX"] > [data-name="TOP NOTICE"] {
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
}

[data-name="TOP NOTICE"] {
  display: block !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
  padding: 0 !important;
  background: #ff4f38 !important;
  overflow: hidden !important;
  z-index: 17 !important;
  flex: none !important;
}

[data-name="TOP NOTICE"] > div,
[data-name="TOP NOTICE"] .content-stretch,
[data-name="TOP NOTICE"] .flex,
[data-name="TOP NOTICE"] .px-\[213px\],
[data-name="TOP NOTICE"] .gap-\[16px\] {
  display: none !important;
}

/* === SP (Figma 375px): TOP NOTICE + Header + Hello + Schedule === */
.lp-sp-schedule-cta {
  display: none;
}

@media (max-width: 767px) {
  [data-name="PC - ✅FIX"] {
    width: 100% !important;
    max-width: 375px !important;
    margin-inline: auto !important;
  }

  /* TOP NOTICE — orange strip only */
  [data-name="TOP NOTICE"] {
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  [data-name="TOP NOTICE"] > div,
  [data-name="TOP NOTICE"] .content-stretch,
  [data-name="TOP NOTICE"] .flex {
    display: none !important;
  }

  /* LP-Header */
  [data-name="LP-Header"] {
    width: 100% !important;
    max-width: 375px !important;
    padding: 8px 8px 16px !important;
    align-items: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }

  [data-name="LP-Header"] > .content-stretch {
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  [data-name="LP-Header"] .w-\[768px\] {
    width: 100% !important;
    max-width: 359px !important;
    order: 2 !important;
    justify-content: center !important;
  }

  [data-name="LP-Header"] [data-name="VI-logo"] {
    order: 1 !important;
    width: 180px !important;
    height: 44px !important;
    margin-inline: auto !important;
  }

  [data-name="LP-Header"] [data-name="VI-logo"] img {
    object-position: center center !important;
  }

  [data-name="LP-Header"] .text-\[24px\] {
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: normal !important;
    text-align: center !important;
    width: 100% !important;
  }

  [data-name="LP-Header"] .text-\[24px\] .leading-\[1\.5\]::after {
    content: "事業会社エンジニア転職・学習プログラム" !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #fff !important;
    white-space: normal !important;
  }

  [data-name="LP-Header"] .border-b-3 {
    border-bottom-width: 1px !important;
  }

  /* Hello */
  [data-name="Hello"] {
    width: 100% !important;
    max-width: 375px !important;
    gap: 24px !important;
    padding-bottom: 32px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  [data-name="Hello"] > [data-name="scroll"],
  [data-name="Hello"] [data-name="image"] > .absolute.flex.h-\[500px\] {
    display: none !important;
  }

  /* Hello background decor — Figma SP texcher */
  [data-name="Hello"] [data-name="texcher"] {
    display: block !important;
    position: absolute !important;
    left: -329px !important;
    top: -99.75px !important;
    width: 1858.91px !important;
    height: 1418px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
  }

  [data-name="Hello"] [data-name="texcher"] > [data-name="Gradient"] {
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
  }

  [data-name="Hello"] [data-name="texcher"] > [data-name="Gradient"]:nth-child(1) {
    display: block !important;
    left: -95.98px !important;
    top: -27.96px !important;
    opacity: 0.55 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-name="Hello"] [data-name="texcher"] > [data-name="Gradient"]:nth-child(2) {
    left: -329px !important;
    top: 283.85px !important;
    opacity: 0.55 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-name="Hello"] [data-name="texcher"] > [data-name="Gradient"]:nth-child(3) {
    left: -287.78px !important;
    top: 9.61px !important;
    opacity: 0.7 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.072) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-name="Hello"] [data-name="texcher"] [data-name="_編集モード"] {
    position: absolute !important;
    left: -238.99px !important;
    top: -99.75px !important;
    width: 953.12px !important;
    height: 922.83px !important;
    opacity: 0.55 !important;
    overflow: hidden !important;
  }

  [data-name="Hello"] [data-name="texcher"] [data-name="_編集モード"] [data-name="Group"] {
    position: absolute !important;
    left: -64.64% !important;
    right: 4.19% !important;
    top: -128.52% !important;
    bottom: 0% !important;
    opacity: 0.2 !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 375px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Hero lead — catch copy over image */
  [data-name="Hello - B"] > .w-\[688px\] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 375px !important;
    max-width: 375px !important;
    height: 328px !important;
    min-height: 328px !important;
    max-height: 328px !important;
    flex: 0 0 auto !important;
    padding: 0 16px !important;
    gap: 10px !important;
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
  }

  [data-name="Hello"] [data-name="image"] {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 328px !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  [data-name="Hello"] [data-name="Rectangle"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 375px !important;
    height: 328px !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background-image: url("../../images/hero-sp.png") !important;
    background-size: 150% auto !important;
    background-position: 42% 30% !important;
    background-repeat: no-repeat !important;
  }

  [data-name="Hello"] [data-name="Rectangle"]::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 76% !important;
    height: 100% !important;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  [data-name="Hello"] [data-name="Rectangle"] img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 0 !important;
  }

  [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\],
  [data-name="Hello - B"] > .w-\[688px\] .h-\[364\.91px\] {
    width: 247px !important;
    height: 226px !important;
    min-height: 0 !important;
    max-height: 226px !important;
    margin-top: 0 !important;
  }

  [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > p,
  [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > p.absolute {
    position: absolute !important;
    left: 0 !important;
    top: 51.26px !important;
    width: 201px !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.03em !important;
    color: #ffffff !important;
    z-index: 2 !important;
  }

  [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] > .absolute.w-\[425\.89px\] {
    position: absolute !important;
    left: 0.08px !important;
    top: 115.26px !important;
    width: 246.93px !important;
    height: 161.49px !important;
    transform: none !important;
    overflow: visible !important;
  }

  [data-name="Hello - B"] [data-name="あと一歩を、"] {
    left: 2px !important;
    top: 0 !important;
    width: 195px !important;
    height: 50px !important;
  }

  [data-name="Hello - B"] > .w-\[688px\] .relative.w-\[426px\] .hero-result-wrap {
    position: absolute !important;
    left: 0 !important;
    top: 43.18px !important;
    width: 247.53px !important;
    height: 53.46px !important;
    overflow: visible !important;
    transform: none !important;
    z-index: 4 !important;
  }

  [data-name="Hello - B"] .hero-result-box {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 247.53px !important;
    height: 53.46px !important;
    min-width: 247.53px !important;
    min-height: 53.46px !important;
    padding: 8px 16px !important;
    gap: 10px !important;
    background: #f23f28 !important;
    transform: matrix(1, -0.07, 0, 1, 0, 0) !important;
    overflow: visible !important;
  }

  [data-name="Hello - B"] .hero-result-box [data-name="結果に変える"] {
    width: 215px !important;
    height: 37px !important;
    flex-shrink: 0 !important;
  }

  [data-name="Hello - B"] [data-name="２日間。"] {
    left: 3px !important;
    top: 107px !important;
    width: 116px !important;
    height: 44px !important;
  }

  /* Description + CTA */
  [data-name="Hello"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] {
    flex: 0 0 auto !important;
    width: 343px !important;
    max-width: 343px !important;
    margin-inline: auto !important;
    margin-top: 24px !important;
    padding: 0 !important;
    gap: 16px !important;
    align-items: stretch !important;
    align-self: center !important;
  }

  [data-name="Hello - B"] [data-name="CatchCopy"] {
    width: 100% !important;
    align-items: stretch !important;
  }

  [data-name="Hello - B"] [data-name="CatchCopy"] > div,
  [data-name="Hello - B"] [data-name="CatchCopy"] .text-white {
    width: 100% !important;
    align-items: flex-start !important;
  }

  [data-name="Hello - B"] [data-name="CatchCopy"] .text-\[24px\] {
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    width: 100% !important;
  }

  [data-name="Hello - B"] [data-name="CatchCopy"] .text-\[16px\],
  [data-name="Hello - B"] [data-name="CatchCopy"] p.text-\[16px\] {
    display: block !important;
    flex: none !important;
    align-self: stretch !important;
    width: 343px !important;
    max-width: 343px !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.01em !important;
    color: #ffffff !important;
    text-align: left !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] [data-name="ctaArea"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    gap: 0 !important;
    filter: drop-shadow(0 4px 8px rgba(0, 127, 195, 0.25)) !important;
    align-self: center !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] [data-name="ctaArea"] [data-name="Button"] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 307px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 32px !important;
    gap: 10px !important;
    background: #e6ef00 !important;
    border-radius: 9999px !important;
    box-shadow: 0 0 40px 16px rgba(145, 151, 0, 0.16) !important;
  }

  [data-name="Hello"] > [data-name="Hello - B"] [data-name="ctaArea"] [data-name="Button"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    color: #000000 !important;
    white-space: nowrap !important;
  }

  [data-name="Hello"] >   [data-name="Hello - B"] [data-name="ctaArea"] > .content-stretch.rounded-\[16px\] {
    display: none !important;
  }

  .lp-sp-schedule-cta {
    display: none !important;
  }

  .lp-sp-schedule-cta__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 307px !important;
    height: 52px !important;
    padding: 0 32px !important;
    background: #e6ef00 !important;
    border-radius: 9999px !important;
    box-shadow: 0 0 40px 16px rgba(145, 151, 0, 0.16) !important;
    color: #000000 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    filter: drop-shadow(0 4px 8px rgba(0, 127, 195, 0.25)) !important;
  }

  .lp-sp-schedule-cta__deadline {
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
  }

  /* Schedule block — Figma SP Section 375×403 */
  [data-name="Hello"] > [data-name="block"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 375px !important;
    max-width: 375px !important;
    height: 403px !important;
    min-height: 403px !important;
    max-height: 403px !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 32px 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    z-index: 15 !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 32px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) > .content-stretch.flex.flex-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 299px !important;
    height: 120px !important;
    flex: none !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) > .content-stretch.flex.flex-col:nth-child(2) {
    width: 312px !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) > .content-stretch.flex.flex-col > .content-stretch.flex.gap-\[16px\] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    width: 299px !important;
    height: 80px !important;
    flex: none !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) > .content-stretch.flex.flex-col:nth-child(2) > .content-stretch.flex.gap-\[16px\] {
    width: 312px !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) .content-stretch.flex.flex-col.gap-\[8px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    height: 80px !important;
    flex: none !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:has([data-name="Button-LP"]) .flex.h-\[40px\] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: flex-end !important;
    height: 56px !important;
    width: auto !important;
  }

  [data-name="Hello"] [data-name="Button-LP"] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 82px !important;
    min-width: 82px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 16px !important;
    border: 1px solid #ffffff !important;
    border-radius: 99px !important;
  }

  [data-name="Hello"] [data-name="Button-LP"] p {
    width: auto !important;
    height: 24px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  [data-name="Hello"] > [data-name="block"] .text-\[64px\] {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.04em !important;
    font-feature-settings: "halt" on !important;
    height: 56px !important;
    width: auto !important;
    margin-right: 0 !important;
    color: #ffffff !important;
  }

  [data-name="Hello"] > [data-name="block"] .flex.h-\[40px\] > .text-\[24px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-name="Hello"] > [data-name="block"] .content-stretch.flex.gap-\[16px\] > p.text-\[24px\] {
    width: 23px !important;
    height: 30px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    flex: none !important;
  }

  [data-name="Hello"] > [data-name="block"] .content-stretch.flex.flex-col.gap-\[8px\] > .text-\[20px\] {
    width: auto !important;
    height: 24px !important;
    margin-top: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  /* Partners row */
  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:last-of-type {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: stretch !important;
    gap: 8px !important;
    width: 375px !important;
    height: 35px !important;
    padding: 8px 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:last-of-type > .content-stretch.flex.gap-\[8px\] {
    gap: 4px !important;
    align-items: center !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:last-of-type .text-\[20px\],
  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:last-of-type .text-\[14px\] {
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
    font-feature-settings: "palt" on !important;
  }

  [data-name="Hello"] > [data-name="block"] > [data-name="block"]:last-of-type .content-stretch.flex.items-center.justify-center.px-\[8px\] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 19px !important;
    padding: 0 8px !important;
    border: 1px solid #ffffff !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  /* Section01 — Background */
  [data-section="background"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    height: 728.96px !important;
    min-height: 728.96px !important;
    max-height: none !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 0 !important;
    background: #000000 !important;
    overflow: hidden !important;
    z-index: 13 !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* Background — Figma SP texchar (hex mesh + warm gradient) */
  [data-section="background"] > [data-name="texchar"] {
    display: block !important;
    position: absolute !important;
    left: -799.52px !important;
    top: -460px !important;
    width: 1858.91px !important;
    height: 1418px !important;
    flex: none !important;
    order: -1 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  [data-section="background"] > [data-name="texchar"] > [data-name="Gradient"] {
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
  }

  [data-section="background"] [data-name="texchar"] > [data-name="Gradient"]:nth-child(1) {
    display: block !important;
    left: 233.02px !important;
    top: 71.79px !important;
    opacity: 0.42 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.14) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="background"] [data-name="texchar"] > [data-name="Gradient"]:nth-child(2) {
    left: 0 !important;
    top: 383.6px !important;
    opacity: 0.38 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.13) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="background"] [data-name="texchar"] > [data-name="Gradient"]:nth-child(3) {
    left: 41.22px !important;
    top: 109.36px !important;
    opacity: 0.48 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.06) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] {
    position: absolute !important;
    left: 90.01px !important;
    top: 0 !important;
    width: 953.12px !important;
    height: 922.83px !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  /* Filled hex tiles — behind illustration (Figma SP) */
  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1) {
    position: absolute !important;
    top: -128.52% !important;
    right: 4.19% !important;
    bottom: 0 !important;
    left: -64.64% !important;
    opacity: 0.2 !important;
  }

  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) {
    position: absolute !important;
    top: -134.01% !important;
    right: 19.89% !important;
    bottom: 5.5% !important;
    left: -80.33% !important;
    opacity: 0.2 !important;
  }

  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1) svg path,
  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) svg path {
    fill: #969696 !important;
    stroke: none !important;
    opacity: 1 !important;
  }

  /* Network line mesh — upper area only, over BACKGROUND watermark */
  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(3) {
    position: absolute !important;
    top: -137.95% !important;
    right: 0 !important;
    bottom: 52% !important;
    left: -83.8% !important;
    opacity: 1 !important;
  }

  [data-section="background"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(3) svg path {
    fill: rgba(220, 220, 220, 0.45) !important;
    opacity: 1 !important;
  }

  [data-section="background"] .section-watermark,
  [data-section="background"] .section-watermark--left {
    display: block !important;
    position: absolute !important;
    left: 19px !important;
    top: 0 !important;
    width: 590px !important;
    height: 80px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 800 !important;
    font-size: 80px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #303030 !important;
    opacity: 0.4 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  [data-section="background"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 375px !important;
    max-width: 375px !important;
    height: 608.96px !important;
    padding: 0 16px !important;
    gap: 60px !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
  }

  [data-section="background"] [data-name="about1"] > .flex {
    display: contents !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 155.96px !important;
    padding: 0 !important;
    gap: 4px !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] > .content-stretch.flex.flex-col.items-start {
    display: contents !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.flex-col.gap-\[8px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    min-height: 155.96px !important;
    padding: 0 !important;
    gap: 4px !important;
    position: relative !important;
    flex: none !important;
    align-self: stretch !important;
    overflow: visible !important;
    isolation: auto !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.flex-col.gap-\[8px\] > .text-\[32px\].z-\[2\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    order: 0 !important;
    z-index: auto !important;
    align-self: center !important;
    width: 302px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    flex: 0 0 72px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.flex-col.gap-\[8px\] > .text-\[32px\].z-\[2\] > p {
    display: block !important;
    width: 302px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    position: relative !important;
    order: 1 !important;
    z-index: auto !important;
    width: 316.74px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 79.96px !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Frame 627248 — 経験を伝える力 + double lines + sparkles */
  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .flex.h-\[80\.045px\] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 262.56px !important;
    height: 79.37px !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .rotate-\[0\.13deg\] {
    transform: none !important;
    width: 262.56px !important;
    height: 79.37px !important;
    flex: none !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[79\.366px\] {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    width: 262.56px !important;
    height: 79.37px !important;
    min-height: 79.37px !important;
    padding: 4px !important;
    position: relative !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .flex.h-\[52\.968px\],
  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .rotate-\[-0\.13deg\] {
    display: contents !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[52\.289px\],
  [data-section="background"] [data-name="about1"] > [data-name="sec"] [data-name="経験を伝える力"] {
    position: relative !important;
    display: block !important;
    width: 253.86px !important;
    height: 43.94px !important;
    min-height: 43.94px !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] [data-name="経験を伝える力"] svg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  /* Group 2117213116 — double underline, match text width */
  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[6\.065px\] {
    position: relative !important;
    width: 254.55px !important;
    height: 5.11px !important;
    flex: none !important;
    align-self: center !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[6\.065px\] > .absolute {
    position: relative !important;
    inset: auto !important;
    width: 254.55px !important;
    height: 5.11px !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[6\.065px\] svg {
    display: block !important;
    width: 254.55px !important;
    height: 5.11px !important;
  }

  /* Sparkle marks */
  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[79\.366px\] > .absolute.left-\[-17\.17px\] {
    left: -8px !important;
    top: -4px !important;
    width: 15.52px !important;
    height: 16.39px !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[79\.366px\] > .absolute.left-\[299\.68px\] {
    left: 256px !important;
    top: -1px !important;
    width: 15.52px !important;
    height: 16.39px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] .h-\[79\.366px\] > .absolute.left-\[299\.68px\] .rotate-\[104\.87deg\] {
    transform: rotate(105deg) !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .flex.h-\[80\.045px\] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 262.56px !important;
    height: 79.37px !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="background"] [data-name="about1"] > [data-name="sec"] .content-stretch.flex.gap-\[8px\] > .text-\[32px\] {
    width: 50px !important;
    height: 36px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    flex: none !important;
  }

  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    height: 393px !important;
    min-height: 393px !important;
    padding: 0 !important;
    gap: 24px !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] .h-\[178px\].w-\[252px\] {
    position: relative !important;
    width: 252px !important;
    height: 178px !important;
    flex: none !important;
    overflow: hidden !important;
  }

  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] .h-\[178px\].w-\[252px\] img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    top: 0 !important;
    left: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] .content-stretch.flex.flex-col.gap-\[16px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    gap: 16px !important;
    flex: none !important;
    align-self: stretch !important;
  }

  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] p.text-\[0px\],
  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] p.text-\[0px\] span {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
    width: 343px !important;
    max-width: 343px !important;
  }

  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] p.text-\[0px\] span.text-\[\#ff4f38\],
  [data-section="background"] [data-name="about1"] > div > [data-name="sec"] p.text-\[0px\] span.font-bold {
    font-weight: 700 !important;
    color: #ff4f38 !important;
  }

  /* Section01 — For Whom */
  [data-section="for-whom"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    height: 1467px !important;
    min-height: 1467px !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #161616 !important;
    overflow: hidden !important;
    z-index: 12 !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  [data-section="for-whom"] .section-decor {
    display: none !important;
  }

  /* For Whom — Figma SP texchar */
  [data-section="for-whom"] > [data-name="texchar"] {
    display: block !important;
    position: absolute !important;
    left: -799.52px !important;
    top: 332.04px !important;
    width: 1858.91px !important;
    height: 1418px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] > [data-name="Gradient"] {
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
  }

  [data-section="for-whom"] [data-name="texchar"] > [data-name="Gradient"]:nth-child(1) {
    display: block !important;
    left: 233.02px !important;
    top: 71.79px !important;
    opacity: 0.42 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.14) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="for-whom"] [data-name="texchar"] > [data-name="Gradient"]:nth-child(2) {
    left: 0 !important;
    top: 383.6px !important;
    opacity: 0.38 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.13) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="for-whom"] [data-name="texchar"] > [data-name="Gradient"]:nth-child(3) {
    left: 41.22px !important;
    top: 109.36px !important;
    opacity: 0.48 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.06) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] {
    position: absolute !important;
    left: 90.01px !important;
    top: 0 !important;
    width: 953.12px !important;
    height: 922.83px !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1),
  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) {
    position: absolute !important;
    opacity: 0.2 !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1) {
    top: -128.52% !important;
    right: 4.19% !important;
    bottom: 0 !important;
    left: -64.64% !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) {
    top: -134.01% !important;
    right: 19.89% !important;
    bottom: 5.5% !important;
    left: -80.33% !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1) svg path,
  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) svg path {
    fill: #969696 !important;
    stroke: none !important;
    opacity: 1 !important;
  }

  [data-section="for-whom"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(3) {
    display: none !important;
  }

  [data-section="for-whom"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 16px !important;
    top: 15px !important;
    width: 469px !important;
    height: 80px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 800 !important;
    font-size: 80px !important;
    line-height: 1 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  [data-section="for-whom"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 343px !important;
    max-width: 343px !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 32px !important;
    padding: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 351px !important;
    max-width: 351px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: none !important;
    gap: 24px !important;
    padding: 0 !important;
    flex: none !important;
    align-self: center !important;
    box-sizing: border-box !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .absolute.h-\[8px\] {
    display: none !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-\[0px\] {
    width: 351px !important;
    max-width: 351px !important;
    white-space: normal !important;
    text-align: center !important;
    align-items: center !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-\[0px\] p,
  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-\[0px\] span {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    white-space: normal !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-\[0px\] > p:last-child {
    width: 351px !important;
    max-width: 351px !important;
    white-space: nowrap !important;
    letter-spacing: -0.045em !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-\[\#ff4f38\] {
    color: #ff4f38 !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-\[20px\],
  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:first-of-type .text-white {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 24px !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 24px !important;
    padding: 0 !important;
    flex: none !important;
    align-self: stretch !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 343px !important;
    padding: 0 !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > p:first-of-type {
    display: block !important;
    width: 343px !important;
    max-width: 343px !important;
    min-height: 150px !important;
    flex: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
    word-break: keep-all !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > p:first-of-type .fw-intro-line {
    display: block !important;
    width: 343px !important;
    max-width: 343px !important;
    white-space: nowrap !important;
    letter-spacing: 0.05em !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: left !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > p:first-of-type span {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > p:first-of-type span.font-bold,
  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > p:first-of-type span.text-\[\#ff4f38\] {
    font-weight: 700 !important;
    color: #ff4f38 !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > p.text-\[\#aaabab\] {
    display: block !important;
    width: 343px !important;
    max-width: 343px !important;
    min-height: 57px !important;
    flex: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    font-family: "Noto Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    font-feature-settings: "palt" on !important;
    color: #aaabab !important;
    text-align: left !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[16px\] > .gap-\[24px\] {
    margin-top: 8px !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .gap-\[24px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    width: 343px !important;
  }

  [data-section="for-whom"] [data-name="about1"] > [data-name="sec"]:last-of-type .text-\[24px\] {
    width: 242px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 343px !important;
    max-width: 343px !important;
  }

  [data-section="for-whom"] [data-name="about1"] .bg-black.rounded-\[16px\],
  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\].bg-black,
  [data-section="for-whom"] [data-name="about1"] .bg-black.flex-\[1_0_0\] {
    display: block !important;
    flex: none !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 0 !important;
    height: 308px !important;
    min-height: 308px !important;
    background: #000000 !important;
    border-radius: 16px !important;
    align-self: stretch !important;
  }

  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] .content-stretch.flex.flex-col.gap-\[32px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 308px !important;
  }

  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] [data-name="_レイヤー_1"],
  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] .h-\[145px\] {
    flex: none !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(1) .gap-\[32px\] > div:first-child,
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(1) [data-name="_レイヤー_1"],
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(1) .h-\[145px\] {
    width: 120px !important;
    height: 105px !important;
    min-height: 105px !important;
    max-height: 105px !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(2) .gap-\[32px\] > div:first-child,
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(2) [data-name="_レイヤー_1"],
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(2) .h-\[145px\] {
    width: 135px !important;
    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(3) .gap-\[32px\] > div:first-child,
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(3) [data-name="_レイヤー_1"],
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(3) .h-\[145px\] {
    width: 125px !important;
    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
  }

  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] .gap-\[16px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 295px !important;
    max-width: 295px !important;
    align-self: stretch !important;
    flex: none !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(1) .gap-\[16px\] {
    gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(1) .text-\[20px\] {
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(1) .text-\[16px\] {
    min-height: 0 !important;
    margin-top: 0 !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(2) .gap-\[16px\],
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(3) .gap-\[16px\] {
    gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(2) .text-\[20px\],
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(3) .text-\[20px\] {
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
  }

  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(2) .text-\[16px\],
  [data-section="for-whom"] [data-name="about1"] .content-stretch.flex.gap-\[16px\].items-start > .bg-black:nth-child(3) .text-\[16px\] {
    min-height: 0 !important;
    margin-top: 0 !important;
  }

  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] .text-\[20px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: stretch !important;
    flex: none !important;
    order: 0 !important;
    width: 295px !important;
    max-width: 295px !important;
    min-height: 48px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    word-break: keep-all !important;
  }

  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] .text-\[20px\] p {
    width: 295px !important;
    max-width: 295px !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-align: center !important;
    word-break: keep-all !important;
  }

  [data-section="for-whom"] [data-name="about1"] .rounded-\[16px\] .text-\[16px\] {
    display: block !important;
    flex: none !important;
    order: 1 !important;
    align-self: stretch !important;
    width: 295px !important;
    max-width: 295px !important;
    min-height: 75px !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    word-break: keep-all !important;
  }

  /* Section03 — Why This Program */
  [data-section="why-this-program"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #303030 !important;
    overflow: visible !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 11 !important;
  }

  [data-section="why-this-program"] .section-decor {
    display: none !important;
  }

  [data-section="why-this-program"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 16px !important;
    top: 15px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: unset !important;
  }

  [data-section="why-this-program"] .section-watermark::before {
    content: "WHY THIS" !important;
    display: block !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="why-this-program"] [data-name="Container"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 16px !important;
    padding: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    position: relative !important;
    z-index: 3 !important;
  }

  [data-section="why-this-program"] [data-name="Title"] {
    width: 226px !important;
    max-width: 226px !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  [data-section="why-this-program"] [data-name="Title"] .text-\[32px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 226px !important;
    max-width: 226px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
  }

  [data-section="why-this-program"] [data-name="Title"] .text-\[32px\] p {
    display: block !important;
    margin: 0 !important;
    font: inherit !important;
    color: inherit !important;
    text-align: inherit !important;
    letter-spacing: inherit !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
  }

  [data-section="why-this-program"] [data-name="Title"] .text-\[32px\] > p:last-child {
    white-space: nowrap !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black) {
    display: block !important;
    position: relative !important;
    width: 343px !important;
    max-width: 343px !important;
    padding: 24px 0 0 !important;
    isolation: isolate !important;
    flex: none !important;
    align-self: stretch !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black) [data-name="Background"] {
    position: absolute !important;
    top: -24px !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 9999px !important;
    flex: none !important;
    z-index: 2 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black) [data-name="Background"] > div {
    position: relative !important;
    width: 84px !important;
    height: 77px !important;
    min-height: 77px !important;
    max-height: none !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black) [data-name="Background"] svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black) [data-name="text"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 343px !important;
    min-width: 343px !important;
    max-width: 343px !important;
    order: 0 !important;
    z-index: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="why-this-program"] [data-name="text"] [data-name="title"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    width: 343px !important;
    max-width: 343px !important;
    padding-right: 100px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="title"] > .content-stretch.flex.flex-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    align-self: stretch !important;
  }

  [data-section="why-this-program"] [data-name="no"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 0 0 47px !important;
    width: 47px !important;
    min-width: 47px !important;
    color: #be311e !important;
    white-space: nowrap !important;
  }

  [data-section="why-this-program"] [data-name="no"] .text-\[16px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #be311e !important;
  }

  [data-section="why-this-program"] [data-name="no"] .text-\[96px\] {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    color: #be311e !important;
  }

  [data-section="why-this-program"] [data-name="title"] .text-\[32px\].text-\[\#ff4f38\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
    white-space: normal !important;
    width: auto !important;
    max-width: 100% !important;
  }

  [data-section="why-this-program"] [data-name="title"] .bg-black .text-\[32px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
    white-space: nowrap !important;
  }

  [data-section="why-this-program"] [data-name="title"] .bg-black {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 4px !important;
    margin: 0 !important;
    background: #000000 !important;
    width: fit-content !important;
    max-width: none !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="title"] .bg-black p {
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-section="why-this-program"] [data-name="text"] > .text-\[20px\] {
    width: 343px !important;
    max-width: 343px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
    text-align: left !important;
    word-break: keep-all !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  [data-section="why-this-program"] [data-name="text"] > .text-\[20px\] .wtp-body-line {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    text-align: justify !important;
    text-align-last: justify !important;
    text-justify: inter-character !important;
    letter-spacing: 0 !important;
  }

  [data-section="why-this-program"] [data-name="text"] > .text-\[20px\] .wtp-body-line:last-child {
    text-align: left !important;
    text-align-last: left !important;
    text-justify: auto !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 343px !important;
    min-width: 343px !important;
    max-width: 343px !important;
    padding-top: 16px !important;
    align-self: stretch !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    flex: none !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) > .flex {
    display: flex !important;
    flex-direction: column !important;
    flex: none !important;
    width: 343px !important;
    min-width: 343px !important;
    max-width: 343px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) > .flex > .flex {
    width: 343px !important;
    min-width: 343px !important;
    max-width: 343px !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) p {
    width: 343px !important;
    min-width: 343px !important;
    max-width: 343px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    word-break: keep-all !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    flex: none !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) .text-\[16px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) .text-\[14px\] {
    font-size: 14px !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
    color: #aaabab !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) .wtp-foot-line {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-align: left !important;
    letter-spacing: -0.05em !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) .text-\[16px\] .wtp-foot-line {
    line-height: 1.8 !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) .text-\[14px\] .wtp-foot-line {
    line-height: 1.6 !important;
  }

  [data-section="why-this-program"] [data-name="text"] > div:has(.border-t) .wtp-foot-short {
    letter-spacing: 0.02em !important;
  }

  /* Point 1 — body ↔ footnote spacing + caption size */
  [data-section="why-this-program"] [data-name="text"]:has(.wtp-body-line) > div:has(.border-t) {
    padding-top: 24px !important;
    margin-top: 8px !important;
  }

  [data-section="why-this-program"] [data-name="text"]:has(.wtp-body-line) > div:has(.border-t) .text-\[16px\] {
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 16px !important;
  }

  [data-section="why-this-program"] [data-name="text"]:has(.wtp-body-line) > div:has(.border-t) .text-\[16px\] .wtp-foot-line {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="why-this-program"] [data-name="text"]:has(.wtp-body-line) > div:has(.border-t) .text-\[14px\] {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    font-feature-settings: "palt" on !important;
    color: #aaabab !important;
  }

  [data-section="why-this-program"] [data-name="text"]:has(.wtp-body-line) > div:has(.border-t) .text-\[14px\] .wtp-foot-line {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: 0.02em !important;
  }

  /* Point 2 — extra space after Point 1 footnotes + POINT ↔ title gap */
  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black):nth-child(3) {
    margin-top: 32px !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black):nth-child(3) [data-name="text"] [data-name="title"] {
    gap: 18px !important;
  }

  /* Point 3 — extra space after Point 2 body */
  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"]:not(.bg-black):nth-child(4) {
    margin-top: 32px !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"].bg-black {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    min-height: 646px !important;
    height: auto !important;
    margin-top: 16px !important;
    padding: 24px !important;
    gap: 48px !important;
    background: #000000 !important;
    border-radius: 16px !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-name="Container"] > [data-name="sec"].bg-black .p-\[32px\] {
    padding: 0 !important;
    width: 100% !important;
  }

  [data-section="why-this-program"] [data-stats-results] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 310px !important;
    max-width: 310px !important;
    gap: 24px !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-stats-results] > div:first-child {
    gap: 8px !important;
    width: 295px !important;
  }

  [data-section="why-this-program"] [data-stats-results] [data-name="title"] {
    gap: 4px !important;
  }

  [data-section="why-this-program"] [data-stats-results] [data-name="title"] .text-\[24px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
  }

  [data-section="why-this-program"] [data-stats-results] > div:first-child .text-\[16px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
  }

  [data-section="why-this-program"] [data-stats-results] > div:has(.stats-results-row) {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 310px !important;
    max-width: 310px !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row,
  [data-section="why-this-program"] [data-stats-results] [data-name="Frame 220"] {
    display: grid !important;
    grid-template-columns: 150px 150px !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    justify-content: center !important;
    align-items: start !important;
    width: 310px !important;
    max-width: 310px !important;
    height: auto !important;
    padding: 0 !important;
    flex: none !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:first-child {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    z-index: 3 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(2),
  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(3) {
    z-index: 1 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\],
  [data-section="why-this-program"] [data-stats-results] .size-\[245px\].rounded-\[9999px\] {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    flex: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .absolute.flex.items-center.justify-center.top-\[-80px\],
  [data-section="why-this-program"] [data-stats-results] .size-\[245px\] > .absolute.flex.items-center.justify-center.top-\[-80px\] {
    display: flex !important;
    left: calc(93.5px * 150 / 245) !important;
    top: calc(-80px * 150 / 245) !important;
    width: calc(202px * 150 / 245) !important;
    height: calc(202px * 150 / 245) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%) !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(1) > .absolute.flex.items-center.justify-center.top-\[-80px\] {
    clip-path: polygon(0 0, 82% 0, 82% 100%, 0 100%) !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(2) > .absolute.flex.items-center.justify-center.top-\[-80px\] {
    left: calc(95.5px * 150 / 245) !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(3) > .absolute.flex.items-center.justify-center.top-\[-80px\] {
    clip-path: polygon(0 0, 72% 0, 72% 100%, 0 100%) !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .absolute.flex.items-center.justify-center.top-\[-80px\] > *,
  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .absolute.flex.items-center.justify-center.top-\[-80px\] .size-\[202px\] {
    width: 100% !important;
    height: 100% !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .absolute.flex.items-center.justify-center.top-\[-80px\] svg {
    width: 100% !important;
    height: 100% !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .absolute.z-\[3\].border-2,
  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > div.absolute.border-2 {
    z-index: 6 !important;
    inset: 0 !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #ff4f38 !important;
    border-radius: 9999px !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:first-child > .absolute.z-\[3\].border-2,
  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:first-child > div.absolute.border-2 {
    z-index: 7 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]::after {
    content: none !important;
    display: none !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > p,
  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .stats-yen-unit,
  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\] > .stats-ref-mark {
    z-index: 2 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
    text-align: center !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(1) p.text-\[24px\] {
    top: 22px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(1) p.text-\[32px\] {
    top: 42px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(1) p.text-\[0px\] {
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    letter-spacing: -0.04em !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(2) p.text-\[32px\] {
    top: 16px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(2) p.text-\[24px\] {
    top: 38px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(2) p.text-\[0px\] {
    top: 55px !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    letter-spacing: -0.04em !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(2) .stats-yen-unit-pc {
    display: none !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(2) .stats-yen-unit {
    top: 113px !important;
    left: 0 !important;
    right: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
    text-align: center !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(3) p.text-\[24px\] {
    top: 16px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(3) p.text-\[32px\] {
    top: 38px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\]:nth-child(3) p.text-\[0px\] {
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    letter-spacing: -0.04em !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\] p.text-\[0px\] .text-\[80px\] {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    color: #ff4f38 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .rounded-\[9999px\] p.text-\[0px\] .text-\[32px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-ref-mark {
    position: absolute !important;
    z-index: 4 !important;
    width: 13px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Helvetica Neue", "Noto Sans", sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.08em !important;
    color: #ff4f38 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(1) > .stats-ref-mark {
    left: 109.5px !important;
    top: 66.04px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(2) > .stats-ref-mark {
    left: 129px !important;
    top: 57.04px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-results-row > .size-\[245px\]:nth-child(3) > .stats-ref-mark {
    left: 120px !important;
    top: 58.04px !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-footnotes {
    width: 295px !important;
    max-width: 295px !important;
    gap: 0 !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-footnotes p {
    width: 100% !important;
    margin: 0 !important;
    font-family: "Noto Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
    font-feature-settings: "palt" on !important;
    color: #aaabab !important;
    text-align: left !important;
    white-space: normal !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-footnotes .stats-foot-line {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
    letter-spacing: normal !important;
    font-feature-settings: "palt" on !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="why-this-program"] [data-stats-results] .stats-footnotes .stats-foot-line-cont {
    display: block !important;
    padding-left: 14px !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Section03 — Lecturer (Figma 375px) */
  [data-section="lecturer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #303030 !important;
    overflow: visible !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 8 !important;
  }

  [data-section="lecturer"] .section-decor {
    display: none !important;
  }

  [data-section="lecturer"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 20px !important;
    top: 8px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: unset !important;
  }

  [data-section="lecturer"] .section-watermark::before {
    content: "LECTURE" !important;
    display: block !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="lecturer"] [data-name="Container"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] [data-name="Title"] {
    width: 100px !important;
    max-width: 100px !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  [data-section="lecturer"] [data-name="Title"] .text-\[32px\] {
    width: 100px !important;
    max-width: 100px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  [data-section="lecturer"] [data-name="Container"] > [data-name="sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 32px !important;
    width: 343px !important;
    max-width: 343px !important;
    padding: 0 !important;
    isolation: isolate !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] [data-name="text"] > [data-name="sec"] {
    width: 302px !important;
    max-width: 302px !important;
    gap: 8px !important;
  }

  [data-section="lecturer"] .lecturer-profile-card {
    display: grid !important;
    grid-template-columns: 128px 1fr !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: 343px !important;
    max-width: 343px !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] .lecturer-profile-card [data-name="Udemy_Logo_TM_Rev_Black_RGB_M 1"] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 138px !important;
    height: 69px !important;
    flex: none !important;
    align-self: start !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  [data-section="lecturer"] .lecturer-profile-card [data-name="Udemy_Logo_TM_Rev_Black_RGB_M 1"] img {
    object-fit: contain !important;
  }

  [data-section="lecturer"] .lecturer-profile-card [data-name="プロフィール画像 1"],
  [data-section="lecturer"] .lecturer-profile-card [data-name="プロフィール画像 1"] {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 128px !important;
    height: 129px !important;
    min-width: 128px !important;
    min-height: 129px !important;
    max-width: 128px !important;
    max-height: 129px !important;
    aspect-ratio: auto !important;
    border-radius: 16px !important;
    flex: none !important;
    align-self: start !important;
  }

  [data-section="lecturer"] .lecturer-profile-card > .content-stretch.flex.flex-col.gap-\[24px\] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 207px !important;
    max-width: 207px !important;
    margin-top: 69px !important;
    padding: 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] .lecturer-profile-card > .content-stretch.flex.flex-col.gap-\[24px\] > .w-\[249px\] {
    width: 100% !important;
    max-width: 207px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-section="lecturer"] [data-name="Frame 2117213472"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 8px 0 16px !important;
    gap: 10px !important;
    width: 170px !important;
    height: auto !important;
    min-height: 55px !important;
    flex: none !important;
    align-self: flex-start !important;
    flex-grow: 0 !important;
  }

  [data-section="lecturer"] [data-name="Frame 2117213472"] > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 146px !important;
    height: auto !important;
  }

  [data-section="lecturer"] [data-name="Frame 2117213472"] .text-\[24px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] [data-name="Frame 2117213472"] .text-\[16px\] {
    display: block !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] [data-name="Button"] {
    width: 207px !important;
    max-width: 207px !important;
    align-self: stretch !important;
    flex: none !important;
  }

  [data-section="lecturer"] [data-name="Button"] > .content-stretch {
    padding: 4px 8px !important;
    gap: 4px !important;
    min-height: 32px !important;
    height: 32px !important;
  }

  [data-section="lecturer"] [data-name="Button"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] [data-name="Button"] [data-name="arrow_forward_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24 1"] {
    width: 24px !important;
    height: 24px !important;
    flex: none !important;
  }

  [data-section="lecturer"] [data-name="text"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: 343px !important;
    max-width: 343px !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .text-\[32px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
  }

  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .gap-\[16px\] {
    gap: 4px !important;
  }

  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .w-\[370\.123px\],
  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .w-\[444\.123px\] {
    width: auto !important;
    max-width: 302px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .h-\[56\.162px\] {
    height: auto !important;
    min-height: 0 !important;
  }

  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .h-\[55\.33px\] {
    height: 31.93px !important;
    min-height: 31.93px !important;
    max-height: 31.93px !important;
  }

  [data-section="lecturer"] .bg-\[#f23f28\],
  [data-section="lecturer"] [class*="bg-[#f23f28]"],
  [data-section="lecturer"] .bg-\[#a435f0\],
  [data-section="lecturer"] [class*="bg-[#a435f0]"] {
    background: #a435f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 234px !important;
    height: 31.93px !important;
    min-height: 31.93px !important;
    max-height: 31.93px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  [data-section="lecturer"] .bg-\[#f23f28\] > div,
  [data-section="lecturer"] [class*="bg-[#f23f28]"] > div,
  [data-section="lecturer"] .bg-\[#a435f0\] > div,
  [data-section="lecturer"] [class*="bg-[#a435f0]"] > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-section="lecturer"] .bg-\[#f23f28\] .text-\[40px\],
  [data-section="lecturer"] [class*="bg-[#f23f28]"] .text-\[40px\],
  [data-section="lecturer"] .bg-\[#a435f0\] .text-\[40px\],
  [data-section="lecturer"] [class*="bg-[#a435f0]"] .text-\[40px\] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 226px !important;
    max-width: 226px !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    transform: rotate(0.13deg) !important;
    flex: none !important;
    flex-grow: 0 !important;
  }

  [data-section="lecturer"] .bg-\[#f23f28\] p,
  [data-section="lecturer"] [class*="bg-[#f23f28]"] p,
  [data-section="lecturer"] .bg-\[#a435f0\] p,
  [data-section="lecturer"] [class*="bg-[#a435f0]"] p,
  [data-section="lecturer"] [class*="bg-[#f23f28]"] .text-black,
  [data-section="lecturer"] [class*="bg-[#a435f0]"] .text-white {
    width: 226px !important;
    max-width: 226px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: rotate(0.13deg) !important;
  }

  [data-section="lecturer"] .bg-\[#f23f28\] .leading-\[58px\],
  [data-section="lecturer"] [class*="bg-[#f23f28]"] .leading-\[58px\],
  [data-section="lecturer"] .bg-\[#a435f0\] .leading-\[58px\],
  [data-section="lecturer"] [class*="bg-[#a435f0]"] .leading-\[58px\] {
    line-height: 1 !important;
  }

  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .lecturer-headline-last,
  [data-section="lecturer"] [data-name="text"] [data-name="sec"] .lecturer-headline-last p {
    white-space: nowrap !important;
  }

  [data-section="lecturer"] [data-name="text"] > .text-\[20px\],
  [data-section="lecturer"] [data-name="text"] > .lecturer-bio {
    width: 343px !important;
    max-width: 343px !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: keep-all !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] .lecturer-bio-pc {
    display: none !important;
  }

  [data-section="lecturer"] .lecturer-bio-sp {
    display: block !important;
  }

  [data-section="lecturer"] .lecturer-bio-line {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    text-align: left !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="lecturer"] .lecturer-stats-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 343px !important;
    max-width: 343px !important;
    height: 108px !important;
    padding: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] .lecturer-stat-sub-pc,
  [data-section="lecturer"] .lecturer-stat-num-pc,
  [data-section="lecturer"] .lecturer-stat-suffix-pc,
  [data-section="lecturer"] .lecturer-stat-value-pc {
    display: none !important;
  }

  [data-section="lecturer"] .lecturer-stat-sub-sp,
  [data-section="lecturer"] .lecturer-stat-suffix-sp {
    display: inline !important;
  }

  [data-section="lecturer"] .lecturer-stat-value-sp {
    display: inline !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-value-sp .lecturer-stat-num-sp,
  [data-section="lecturer"] .lecturer-stat-value-sp > .text-\[64px\] {
    display: inline !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.04em !important;
    font-feature-settings: "halt" on !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-value-sp .lecturer-stat-suffix-sp,
  [data-section="lecturer"] .lecturer-stat-value-sp > .text-\[32px\] {
    display: inline !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-badge,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\],
  [data-section="lecturer"] .lecturer-stats-row > .rounded-\[9999px\] {
    position: relative !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    max-width: 108px !important;
    max-height: 108px !important;
    background: #a435f0 !important;
    border-radius: 9999px !important;
    flex: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-section="lecturer"] .lecturer-stat-badge > div[aria-hidden],
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\] > div[aria-hidden] {
    display: none !important;
  }

  [data-section="lecturer"] .lecturer-stat-badge > p,
  [data-section="lecturer"] .lecturer-stat-badge > .lecturer-stat-value,
  [data-section="lecturer"] .lecturer-stat-badge .lecturer-stat-labels > p,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\] > p,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\] span {
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-ref,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\] > p:last-child,
  [data-section="lecturer"] .lecturer-stat-badge > .lecturer-stat-ref {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 6px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 4 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.08em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  [data-section="lecturer"] .lecturer-stats-row .text-\[#ff4f38\] {
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-badge > p:first-of-type {
    top: 17px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
  }

  [data-section="lecturer"] .lecturer-stat-labels > p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
  }

  [data-section="lecturer"] .lecturer-stat-labels > p:nth-child(1) {
    top: 26px !important;
  }

  [data-section="lecturer"] .lecturer-stat-labels > p:nth-child(2) {
    top: 8px !important;
  }

  [data-section="lecturer"] .lecturer-stat-badge:nth-child(2) .lecturer-stat-value,
  [data-section="lecturer"] .lecturer-stats-row > .lecturer-stat-badge:nth-child(2) .lecturer-stat-value,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\]:nth-child(2) > .text-\[0px\] {
    top: 40px !important;
    left: -3px !important;
    right: 3px !important;
  }

  [data-section="lecturer"] .lecturer-stat-value,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\] > .text-\[0px\] {
    top: 36px !important;
    left: 0 !important;
    right: 0 !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
  }

  [data-section="lecturer"] .lecturer-stat-value .text-\[64px\],
  [data-section="lecturer"] .lecturer-stat-num-pc,
  [data-section="lecturer"] .lecturer-stat-num-sp,
  [data-section="lecturer"] .lecturer-stats-row .text-\[64px\] {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.04em !important;
    font-feature-settings: "halt" on !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-suffix-sp,
  [data-section="lecturer"] .lecturer-stats-row .text-\[32px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="lecturer"] .lecturer-stat-badge:nth-child(3) .lecturer-stat-value,
  [data-section="lecturer"] .lecturer-stats-row > .size-\[180px\]:nth-child(3) > .text-\[0px\] {
    top: 40px !important;
    left: 1px !important;
    right: -1px !important;
  }

  [data-section="lecturer"] .lecturer-footnotes {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 343px !important;
    max-width: 343px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="lecturer"] .lecturer-footnotes-pc {
    display: none !important;
  }

  [data-section="lecturer"] .lecturer-footnotes-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-section="lecturer"] .lecturer-footnote-line {
    display: block !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    letter-spacing: 0.24px !important;
    color: #bdbdbd !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    font-feature-settings: "palt" on !important;
  }

  [data-section="lecturer"] .lecturer-footnote-line--cont {
    padding-left: 14px !important;
    text-indent: 0 !important;
  }

  /* Program — mobile (Figma 375px) */
  [data-section="program"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    align-self: center !important;
    gap: 32px !important;
    padding: 60px 0 !important;
    background: #161616 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 7 !important;
  }

  [data-section="program"] > .gap-\[60px\].w-\[1000px\],
  [data-section="program"] > div > .gap-\[60px\].w-\[1000px\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 375px !important;
    gap: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Program SP — Section01 texchar (Figma: 3× gradient + hex mesh) */
  [data-section="program"] .section-decor.section-decor--right {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  [data-section="program"]::before,
  [data-section="program"]::after {
    content: "" !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-section="program"]::before {
    left: -741.78px !important;
    top: -186.6px !important;
  }

  [data-section="program"]::after {
    left: -783px !important;
    top: 87.64px !important;
    opacity: 0.72 !important;
  }

  [data-section="program"] .section-decor-gradient--right {
    display: block !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -549.98px !important;
    top: -224.17px !important;
    right: auto !important;
    bottom: auto !important;
    background-image: none !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    opacity: 1 !important;
    aspect-ratio: unset !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  [data-section="program"] .section-decor-mesh--right {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: -295.96px !important;
    width: 261px !important;
    height: 922.83px !important;
    right: auto !important;
    bottom: auto !important;
    max-width: none !important;
    aspect-ratio: unset !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 1 !important;
  }

  [data-section="program"] .section-decor-mesh--right > div,
  [data-section="program"] .section-decor-mesh--right [data-name="_編集モード"] {
    width: 261px !important;
    height: 922.83px !important;
    overflow: hidden !important;
  }

  [data-section="program"] .section-decor-mesh--right img,
  [data-section="program"] .section-decor-mesh--right picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left top !important;
  }

  [data-section="program"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 15px !important;
    top: 15px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: unset !important;
  }

  [data-section="program"] .section-watermark::before {
    content: "PROGRAM" !important;
    display: block !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="program"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 375px !important;
    gap: 32px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="about1"] > [data-name="sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="about1"] > [data-name="sec"] > div,
  [data-section="program"] [data-name="about1"] > [data-name="sec"] > div > div {
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="about1"] > [data-name="sec"] > div > div.gap-\[32px\].items-center {
    align-items: stretch !important;
    gap: 32px !important;
  }

  [data-section="program"] [data-name="about1"] > [data-name="sec"] > div > div.gap-\[32px\] > div:first-child {
    align-self: center !important;
  }

  [data-section="program"] .program-section-title-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    padding: 0 !important;
    gap: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-section-title,
  [data-section="program"] .program-section-title p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="about1"] > [data-name="sec"]:nth-child(2) {
    gap: 32px !important;
  }

  [data-section="program"] [data-name="about1"] > [data-name="sec"]:nth-child(2).gap-\[40px\] {
    gap: 32px !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > .gap-\[32px\].items-start {
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > .gap-\[32px\].items-start > div {
    width: 100% !important;
    flex: none !important;
  }

  [data-section="program"] [data-name="about1"] > div:last-child,
  [data-section="program"] .program-option-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-option-title-pc {
    display: none !important;
  }

  [data-section="program"] .program-option-title-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 343px !important;
    gap: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  [data-section="program"] .program-option-title-line {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  [data-section="program"] [data-name="about1"] > div:last-child > [data-name="sec"] {
    width: 100% !important;
    padding: 24px !important;
    gap: 24px !important;
    border-radius: 16px !important;
    background: #000000 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="about1"] > div:last-child > [data-name="sec"] > div {
    padding: 0 !important;
    gap: 24px !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) {
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] {
    width: 100% !important;
    align-items: center !important;
    gap: 8px !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] .size-\[24px\],
  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] [data-name="Subtract"] {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    flex: none !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] .size-\[24px\] svg,
  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] [data-name="Subtract"] svg {
    position: static !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    aspect-ratio: 1 / 1 !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) [data-name="title"] > div > p {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
    white-space: normal !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > div:last-of-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > div:last-of-type > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > div:last-of-type > div > div:first-child {
    height: 25px !important;
    padding: 0 12px !important;
    border: 1px solid #ffffff !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > div:last-of-type > div > div:first-child p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > div:last-of-type > div > div:last-child > p:first-child {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > div:last-of-type > div > div:last-child > p:last-child {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="program"] [data-name="sub_sec"]:has(> [data-name="title"]) > p:last-child {
    width: 100% !important;
    font-size: 12px !important;
    line-height: 160% !important;
    color: #aaabab !important;
    white-space: normal !important;
  }

  [data-section="program"] .gap-\[32px\].items-center:has(> .text-\[24px\]) > .text-\[24px\]:not(.program-benefits-subtitle) p,
  [data-section="program"] .gap-\[16px\].items-center > .text-\[24px\]:not(.program-benefits-subtitle) p {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
    white-space: normal !important;
  }

  [data-section="program"] .program-benefits-subtitle {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 30px !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
  }

  [data-section="program"] .program-benefits-subtitle p {
    display: block !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    color: #ffffff !important;
  }

  [data-section="program"] [data-name="sec"].bg-black.rounded-\[16px\] {
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    align-self: center !important;
    padding: 24px !important;
    gap: 48px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="sec"].bg-black.rounded-\[16px\] [data-name="sub_sec"],
  [data-section="program"] [data-name="sec"].bg-black.rounded-\[16px\] .w-\[528px\] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="sub_sec"]:not(:has(> [data-name="title"])) {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    gap: 16px !important;
  }

  [data-section="program"] [data-name="Recommendations List"] {
    gap: 8px !important;
    width: 100% !important;
  }

  [data-section="program"] [data-name="Recommendation Item"] {
    gap: 4px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 50px !important;
    height: auto !important;
  }

  [data-section="program"] [data-name="Recommendation Item"] > p {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    white-space: normal !important;
  }

  [data-section="program"] [data-name="Recommendation Item"] [data-name="Check circle"] {
    width: 24px !important;
    height: 24px !important;
    flex: none !important;
  }

  [data-section="program"] .program-intro-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    height: auto !important;
    min-height: 100px !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    align-self: center !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-intro-main {
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-section="program"] .program-intro-pc {
    display: none !important;
  }

  [data-section="program"] .program-intro-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    height: auto !important;
    min-height: 100px !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  [data-section="program"] .program-intro-sp .program-intro-line {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    align-self: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-intro-notes {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-intro-notes-pc {
    display: none !important;
  }

  [data-section="program"] .program-intro-notes-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-section="program"] .program-intro-notes-sp .program-intro-note-line {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    letter-spacing: 0.02em !important;
    color: #aaabab !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    font-feature-settings: "palt" on !important;
  }

  [data-section="program"] .program-intro-text.w-\[1000px\] {
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    margin: 0 auto !important;
    align-self: center !important;
  }

  [data-section="program"] .program-plan-wrap,
  [data-section="program"] .w-\[800px\].items-start:has(> [data-name="Plan Container"]),
  [data-section="program"] .gap-\[32px\].items-start:has(> [data-name="Plan Container"]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    align-items: stretch !important;
    align-self: flex-start !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-plan-wrap > [data-name="Plan Container"],
  [data-section="program"] .w-\[800px\] {
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    align-self: flex-start !important;
  }

  [data-section="program"] [data-name="Plan Container"] {
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    align-self: stretch !important;
    border-radius: 16px !important;
    background: #000000 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="Plan Container"].items-start {
    align-items: stretch !important;
  }

  [data-section="program"] [data-name="Header"] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    padding: 0 !important;
    background: #be311e !important;
    border-radius: 16px 16px 0 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  [data-section="program"] [data-name="Header"] > .flex,
  [data-section="program"] [data-name="Header"] > .flex > div {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    padding: 16px 24px !important;
    gap: 4px !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-header-day {
    font-family: Arial, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    text-align: center !important;
    margin: 0 !important;
    width: 97px !important;
    height: 48px !important;
    flex: none !important;
    flex-grow: 0 !important;
    order: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  [data-section="program"] .program-header-meta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 4px !important;
    margin: 0 !important;
    width: 192px !important;
    max-width: 192px !important;
    min-width: 192px !important;
    height: 58px !important;
    flex: none !important;
    flex-grow: 0 !important;
    order: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-header-date-box {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 4px 10px !important;
    gap: 0 !important;
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    height: 37px !important;
    min-height: 37px !important;
    max-height: 37px !important;
    border: 1px solid #ffffff !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  [data-section="program"] .program-header-date-text {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex: none !important;
    flex-grow: 0 !important;
    width: auto !important;
    height: auto !important;
  }

  [data-section="program"] .program-header-date-text > p {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    flex-grow: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  [data-section="program"] [data-name="Header"] .text-\[24px\],
  [data-section="program"] .program-header-date-num {
    font-family: "Source Sans Pro", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    letter-spacing: 0.015em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    flex: none !important;
    flex-grow: 0 !important;
    white-space: nowrap !important;
  }

  [data-section="program"] .program-header-date-day,
  [data-section="program"] [data-name="Header"] .program-header-date-day,
  [data-section="program"] [data-name="Header"] .text-\[20px\] {
    font-family: "Source Sans Pro", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    letter-spacing: 0.015em !important;
    color: #ffffff !important;
    flex: none !important;
    flex-grow: 0 !important;
    display: inline !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  [data-section="program"] .program-header-date-gap {
    display: inline-block !important;
    flex: none !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    width: 4px !important;
    min-width: 4px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
  }

  [data-section="program"] .program-header-dates {
    gap: 4px !important;
    width: 192px !important;
    justify-content: center !important;
  }

  [data-section="program"] .program-header-or {
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="program"] .program-header-meta > div:last-child,
  [data-section="program"] .program-header-meta .gap-\[4px\].items-center {
    gap: 4px !important;
    width: 120px !important;
    justify-content: center !important;
  }

  [data-section="program"] .program-header-meta .size-\[20px\] {
    width: 20px !important;
    height: 20px !important;
  }

  [data-section="program"] .program-header-time,
  [data-section="program"] .program-header-meta > .gap-\[4px\].items-center p {
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }

  [data-section="program"] [data-name="Container"] {
    width: 100% !important;
    padding: 16px 24px 24px !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div > div.p-\[24px\] {
    padding: 0 !important;
    width: 100% !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-day1-block,
  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    align-self: stretch !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-day1-block > div.absolute,
  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div > div > div.absolute {
    display: none !important;
  }

  [data-section="program"] .program-day1-heading,
  [data-section="program"] .program-day2-heading,
  [data-section="program"] .program-day1-summary,
  [data-section="program"] .program-day2-summary,
  [data-section="program"] .program-day1-summary-pc,
  [data-section="program"] .program-day2-summary-pc,
  [data-section="program"] .program-day1-heading.w-\[min-content\],
  [data-section="program"] .program-day2-heading.w-\[min-content\],
  [data-section="program"] .program-day1-summary.w-\[min-content\],
  [data-section="program"] .program-day2-summary.w-\[min-content\],
  [data-section="program"] .program-day1-heading.min-w-full,
  [data-section="program"] .program-day2-heading.min-w-full,
  [data-section="program"] .program-day1-summary.min-w-full,
  [data-section="program"] .program-day2-summary.min-w-full {
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    align-self: center !important;
  }

  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div > div > .program-day1-heading,
  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div > div > .program-day2-heading,
  [data-section="program"] [data-name="Plan Container"] [data-name="Container"] > div > div > div:first-child:not(.program-schedule-panel) {
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    min-height: 24px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    word-break: normal !important;
    text-align: center !important;
  }

  [data-section="program"] .program-day1-summary {
    min-height: 0 !important;
    height: auto !important;
    align-self: center !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day1-summary.text-\[0px\],
  [data-section="program"] .program-day1-summary.tracking-\[0\.8px\] {
    font-size: 14px !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="program"] .program-day1-summary-pc,
  [data-section="program"] .program-day2-summary-pc {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  [data-section="program"] .program-day1-summary-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day1-summary-sp,
  [data-section="program"] .program-day1-summary-sp .program-day1-line,
  [data-section="program"] .program-day1-summary-sp .program-day1-line-text,
  [data-section="program"] .program-day1-summary-sp .program-day1-accent {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
  }

  [data-section="program"] .program-day1-summary-sp .program-day1-line,
  [data-section="program"] .program-day1-summary-sp .program-day1-line.text-\[14px\],
  [data-section="program"] .program-day1-summary-sp .program-day1-line.text-\[16px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day1-summary-sp .program-day1-line-text,
  [data-section="program"] .program-day1-summary-sp .program-day1-line span:not(.program-day1-accent) {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day1-summary-sp .program-day1-accent,
  [data-section="program"] .program-day1-summary-sp .program-day1-line .text-\[\#ff4f38\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
  }

  [data-section="program"] .program-day1-summary-sp .program-day1-line[class*="Noto_Sans_JP:Bold"],
  [data-section="program"] .program-day1-summary-sp .program-day1-line .font-bold,
  [data-section="program"] .program-day1-summary-sp .program-day1-line .font-\[\'Noto_Sans_JP:Bold\'\,sans-serif\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
  }

  [data-section="program"] .program-day1-summary-sp .program-day1-line--center,
  [data-section="program"] .program-day1-summary-sp .program-day1-line--center .program-day1-line-text {
    text-align: center !important;
    font-weight: 400 !important;
  }

  [data-section="program"] .program-day2-summary-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day2-summary-sp,
  [data-section="program"] .program-day2-summary-sp .program-day2-line,
  [data-section="program"] .program-day2-summary-sp .program-day2-line-text,
  [data-section="program"] .program-day2-summary-sp .program-day2-accent {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
  }

  [data-section="program"] .program-day2-summary-sp .program-day2-line,
  [data-section="program"] .program-day2-summary-sp .program-day2-line.text-\[14px\],
  [data-section="program"] .program-day2-summary-sp .program-day2-line.text-\[16px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day2-summary-sp .program-day2-line-text,
  [data-section="program"] .program-day2-summary-sp .program-day2-line span:not(.program-day2-accent) {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-day2-summary-sp .program-day2-accent,
  [data-section="program"] .program-day2-summary-sp .program-day2-line .text-\[\#ff4f38\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ff4f38 !important;
  }

  [data-section="program"] .program-day2-summary-sp .program-day2-line[class*="Noto_Sans_JP:Bold"],
  [data-section="program"] .program-day2-summary-sp .program-day2-line .font-bold,
  [data-section="program"] .program-day2-summary-sp .program-day2-line .font-\[\'Noto_Sans_JP:Bold\'\,sans-serif\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
  }

  [data-section="program"] .program-day2-summary-sp .program-day2-line--center,
  [data-section="program"] .program-day2-summary-sp .program-day2-line--center .program-day2-line-text {
    text-align: center !important;
    font-weight: 400 !important;
  }

  [data-section="program"] .program-day2-summary {
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    align-self: center !important;
    text-align: center !important;
  }

  [data-section="program"] .program-day1-heading p,
  [data-section="program"] .program-day2-heading p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  [data-section="program"] .program-day2-summary p:not(.program-day2-line) {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
  }

  [data-section="program"] .program-day2-summary-pc span {
    font-size: inherit !important;
    font-weight: 700 !important;
    color: #ff4f38 !important;
  }

  [data-section="program"] .program-schedule-panel,
  [data-section="program"] .bg-\[#161616\].rounded-\[16px\]:has(.program-schedule-list) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    align-self: center !important;
    margin: 0 auto !important;
    width: 295px !important;
    max-width: 295px !important;
    min-width: 295px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: #161616 !important;
    flex: none !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  [data-section="program"] .program-schedule-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px !important;
    gap: 16px !important;
    width: 295px !important;
    max-width: 295px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  [data-section="program"] .program-schedule-list::before {
    left: 72px !important;
    top: 30px !important;
    bottom: 30px !important;
  }

  [data-section="program"] .program-schedule-row {
    display: flex !important;
    flex-direction: row !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    gap: 8px !important;
    max-width: 263px !important;
    width: 263px !important;
    align-items: flex-start !important;
    align-self: center !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  [data-section="program"] .program-schedule-row:not(:has(.bg-\[#303030\])):not(:has(.program-workshop-card)) {
    align-items: flex-start !important;
  }

  [data-section="program"] .program-schedule-row:has(.bg-\[#303030\]),
  [data-section="program"] .program-schedule-row:has(.program-workshop-card) {
    gap: 4px !important;
    align-items: flex-start !important;
    max-width: 263px !important;
    width: 263px !important;
  }

  [data-section="program"] .program-schedule-row:has(.bg-\[#303030\]) > .py-\[16px\],
  [data-section="program"] .program-schedule-row:has(.program-workshop-card) > .py-\[16px\] {
    padding: 8px 0 !important;
    width: 60px !important;
    flex: none !important;
  }

  [data-section="program"] .program-schedule-row:has(.bg-\[#303030\]) .bg-\[#303030\].rounded-\[16px\],
  [data-section="program"] .program-schedule-row:has(.program-workshop-card) .program-workshop-card {
    width: 197px !important;
    max-width: 197px !important;
    min-width: 197px !important;
    flex: none !important;
  }

  [data-section="program"] [data-name="Frame 2117212798"],
  [data-section="program"] .program-time-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex: none !important;
    flex-shrink: 0 !important;
    gap: 12px !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] [data-name="Frame 2117212798"] > p,
  [data-section="program"] .program-time-row > p,
  [data-section="program"] .program-schedule-list .program-time-row > p.text-\[16px\] {
    width: 39px !important;
    height: 25px !important;
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="program"] .bg-\[#303030\].rounded-\[16px\],
  [data-section="program"] .program-workshop-card {
    border-radius: 16px !important;
    background-color: #303030 !important;
    background: #303030 !important;
  }

  [data-section="program"] .program-schedule-row:not(:has(.bg-\[#303030\])) .bg-\[#303030\].rounded-\[16px\],
  [data-section="program"] .program-schedule-row:has(.bg-\[#303030\]) .bg-\[#303030\].rounded-\[16px\] {
    flex: none !important;
  }

  [data-section="program"] .bg-\[#303030\].rounded-\[16px\] > div {
    padding: 16px !important;
    gap: 8px !important;
  }

  [data-section="program"] .bg-\[#303030\] .bg-\[#be311e\].rounded-\[9999px\] {
    padding: 0 8px !important;
    height: 25px !important;
    min-height: 25px !important;
    border-radius: 9999px !important;
  }

  [data-section="program"] .bg-\[#303030\] ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-section="program"] .bg-\[#303030\] li {
    margin: 0 !important;
    margin-inline-start: 0 !important;
  }

  [data-section="program"] .program-schedule-desc-pc,
  [data-section="program"] .program-workshop-text-pc {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  [data-section="program"] .program-schedule-desc-sp,
  [data-section="program"] .program-workshop-text-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    visibility: visible !important;
    position: static !important;
    overflow: visible !important;
  }

  [data-section="program"] .program-schedule-list .program-schedule-desc-pc,
  [data-section="program"] .program-schedule-list .program-workshop-text-pc {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  [data-section="program"] .program-schedule-list .program-schedule-desc-sp,
  [data-section="program"] .program-schedule-list .program-workshop-text-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    visibility: visible !important;
    position: static !important;
    overflow: visible !important;
  }

  [data-section="program"] .program-schedule-list .program-schedule-line,
  [data-section="program"] .program-schedule-list .program-schedule-desc-sp .program-schedule-line,
  [data-section="program"] .program-schedule-list .program-workshop-text-sp .program-schedule-line {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    text-align: left !important;
    margin: 0 !important;
    width: 100% !important;
    color: #ffffff !important;
  }

  [data-section="program"] .program-schedule-list .program-schedule-line--bold,
  [data-section="program"] .program-schedule-list .program-schedule-desc-sp .program-schedule-line--bold {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
  }

  [data-section="program"] .program-schedule-list .program-schedule-desc-sp .program-schedule-line:not(.program-schedule-line--bold) {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 160% !important;
  }

  [data-section="program"] .program-schedule-list .program-schedule-desc-sp .program-schedule-line--cont {
    padding-left: 0 !important;
  }

  [data-section="program"] .program-schedule-list .program-workshop-text-sp .program-schedule-line {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
  }

  [data-section="program"] .program-schedule-list .program-workshop-text-sp .program-schedule-line--bullet {
    padding-left: 0 !important;
    text-indent: 0 !important;
  }

  [data-section="program"] .program-schedule-list .program-workshop-text-sp .program-schedule-line--cont {
    padding-left: 14px !important;
    text-indent: 0 !important;
  }

  [data-section="program"] .program-schedule-list .program-workshop-card .bg-\[#be311e\] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    width: auto !important;
  }

  [data-section="program"] .program-schedule-desc {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: 195px !important;
    max-width: 195px !important;
    min-width: 195px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-schedule-row:has(.program-schedule-desc--left) {
    align-items: flex-start !important;
  }

  [data-section="program"] .program-schedule-desc--left,
  [data-section="program"] .program-schedule-desc--left .program-schedule-line {
    text-align: left !important;
    align-items: flex-start !important;
  }

  [data-section="program"] .program-workshop-card {
    width: 197px !important;
    max-width: 197px !important;
    min-width: 197px !important;
    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    background-color: #303030 !important;
    background: #303030 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="program"] .program-workshop-card > div {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  [data-section="program"] .program-workshop-card .w-\[min-content\] {
    width: 100% !important;
    min-width: 0 !important;
  }

  [data-section="program"] .program-schedule-end,
  [data-section="program"] .program-schedule-row > .program-schedule-end {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 180% !important;
    letter-spacing: 0.05em !important;
    text-align: left !important;
    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: 195px !important;
    max-width: 195px !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Benefit — mobile (Figma 375px) */
  [data-section="benefit"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #2a2b42 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 6 !important;
  }

  [data-section="benefit"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    top: 20px !important;
    width: 1431px !important;
    max-width: none !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  [data-section="benefit"] .section-watermark::before {
    content: "Benefit for All Applicants" !important;
    display: block !important;
    width: 1431px !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="benefit"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-name="about1"] > [data-name="sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-name="about1"] > [data-name="sec"]:first-child {
    align-items: center !important;
  }

  [data-section="benefit"] [data-name="about1"] > [data-name="sec"] > div {
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-name="about1"] > [data-name="sec"]:last-child > div {
    gap: 32px !important;
  }

  [data-section="benefit"] [data-name="about1"] > [data-name="sec"]:last-child > div > div {
    gap: 32px !important;
    align-items: stretch !important;
  }

  [data-section="benefit"] .benefit-sec-header,
  [data-section="benefit"] [data-benefit-header-frame] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    width: auto !important;
    max-width: 343px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] .benefit-sec-header-title {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
    margin: 0 !important;
  }

  [data-section="benefit"] .benefit-sec-header-udemy-row {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: -8px 0 0 !important;
  }

  [data-section="benefit"] .benefit-sec-header-udemy-row > .flex,
  [data-section="benefit"] .benefit-sec-header-udemy-row > [class*="h-[55.861px]"] {
    width: auto !important;
    height: 55.79px !important;
    min-height: 55.79px !important;
  }

  [data-section="benefit"] .benefit-sec-header-udemy-row [class*="rotate-[0.13deg]"] {
    transform: rotate(0.13deg) !important;
  }

  [data-section="benefit"] .benefit-sec-header-udemy-row [class*="bg-[#9423ea]"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 205px !important;
    height: 55.33px !important;
    min-height: 55.33px !important;
    padding: 4px !important;
    gap: 10px !important;
    background: #a536e8 !important;
    box-sizing: border-box !important;
    transform: rotate(0.13deg) !important;
  }

  [data-section="benefit"] .benefit-sec-header-udemy-row [class*="bg-[#9423ea]"] p,
  [data-section="benefit"] .benefit-sec-header-udemy-row [class*="bg-[#9423ea]"] [class*="leading-[58px]"] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 58px !important;
    letter-spacing: -0.8px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    margin: 0 !important;
    transform: rotate(0.13deg) !important;
  }

  [data-section="benefit"] .benefit-sec-header-udemy-row > [class*="text-[32px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
  }

  [data-section="benefit"] .benefit-sec-header-note {
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    color: #aaabab !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
    margin: 0 !important;
    font-feature-settings: "palt" on !important;
  }

  [data-section="benefit"] [data-benefit-cards] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-benefit-cards] > [data-name="Plan Container"] {
    flex: none !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 0 !important;
    align-self: stretch !important;
    border-radius: 16px !important;
    background: #000000 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Header"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    border-radius: 16px 16px 0 0 !important;
  }

  [data-section="benefit"] [data-benefit-cards] > [data-name="Plan Container"]:first-child [data-name="Header"] {
    background: #303030 !important;
    min-height: 62px !important;
  }

  [data-section="benefit"] [data-benefit-cards] > [data-name="Plan Container"]:last-child [data-name="Header"] {
    background: #684e14 !important;
    min-height: 92px !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Header"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
    margin: 0 auto !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Header"] [class*="text-[24px]"] {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Header"] [class*="text-[14px]"] {
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    font-feature-settings: "palt" on !important;
  }

  [data-section="benefit"] [data-benefit-cards] > [data-name="Plan Container"]:last-child [data-name="Header"] p {
    white-space: normal !important;
  }

  [data-section="benefit"] .benefit-card2-title-br-sp {
    display: block !important;
    content: "" !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] {
    width: 100% !important;
    background: #000000 !important;
    border-radius: 0 0 16px 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] > div > div {
    padding: 24px !important;
    gap: 16px !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] [class*="text-[24px]"],
  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] [class*="text-[0px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
    margin: 0 !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] [class*="text-[0px]"] [class*="text-[#bc860d]"],
  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] [class*="text-[#bc860d]"] {
    color: #bc860d !important;
  }

  [data-section="benefit"] [data-benefit-cards] [data-name="Container"] [class*="text-[16px]"] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
    white-space: normal !important;
    margin: 0 !important;
  }

  [data-section="benefit"] [data-benefit-cards] > [data-name="Plan Container"]:last-child > [class*="border-4"] {
    border-width: 4px !important;
    border-color: #684e14 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] .benefit-footnotes {
    display: block !important;
    width: 343px !important;
    max-width: 343px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  [data-section="benefit"] .benefit-footnotes-sp {
    display: block !important;
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    color: #aaabab !important;
    font-feature-settings: "palt" on !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] .benefit-footnotes-sp .benefit-footnote-line {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 0 1.35em !important;
    text-indent: -1.35em !important;
    box-sizing: border-box !important;
  }

  [data-section="benefit"] .benefit-footnotes-item {
    display: none !important;
  }

  [data-section="benefit"] .benefit-footnotes-text {
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    color: #aaabab !important;
    font-feature-settings: "palt" on !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  /* How to Join — mobile (Figma 375px): PC horizontal steps + scroll, sticky CTA */
  [data-section="how-to-join"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 510px !important;
    height: auto !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #161616 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  /* How to Join SP — Section01 texchar (Figma: 3× gradient + hex mesh) */
  [data-section="how-to-join"] .section-decor.section-decor--left {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  [data-section="how-to-join"] .section-decor.section-decor--left::before {
    content: "" !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -799.52px !important;
    top: -325.15px !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  [data-section="how-to-join"] .section-decor.section-decor--left::after {
    content: "" !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -758.3px !important;
    top: -599.39px !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  [data-section="how-to-join"] .section-decor-gradient--left {
    display: block !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -566.5px !important;
    top: -636.96px !important;
    right: auto !important;
    bottom: auto !important;
    background-image: none !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    opacity: 1 !important;
    aspect-ratio: unset !important;
    z-index: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    filter: none !important;
  }

  [data-section="how-to-join"] .section-decor-mesh--left.section-decor-mesh--span,
  [data-section="how-to-join"] .section-decor-mesh--left {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: -708.75px !important;
    width: 244px !important;
    height: 922.83px !important;
    right: auto !important;
    bottom: auto !important;
    max-width: none !important;
    aspect-ratio: unset !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 1 !important;
  }

  [data-section="how-to-join"] .section-decor-mesh--left > div,
  [data-section="how-to-join"] .section-decor-mesh--left [data-name="_編集モード"] {
    width: 244px !important;
    height: 922.83px !important;
    overflow: hidden !important;
  }

  [data-section="how-to-join"] .section-decor-mesh--left img,
  [data-section="how-to-join"] .section-decor-mesh--left picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left top !important;
  }

  [data-section="how-to-join"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    top: 20px !important;
    width: 1431px !important;
    max-width: none !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  [data-section="how-to-join"] .section-watermark::before {
    content: "How to Join" !important;
    display: block !important;
    width: 1431px !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="how-to-join"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:first-child [class*="w-[133px]"] {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:first-child > div,
  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:first-child > div > div {
    width: 100% !important;
    align-items: center !important;
    align-self: stretch !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:first-child [class*="text-[32px]"] {
    width: 100% !important;
    align-self: center !important;
    text-align: center !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:first-child [class*="text-[32px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
  }

  [data-section="how-to-join"] [data-name="about1"] > [data-name="sec"]:last-child > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 32px !important;
    align-self: stretch !important;
  }

  [data-section="how-to-join"] .how-to-join-step-scroll {
    display: block !important;
    width: calc(100% + 32px) !important;
    max-width: 375px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding: 0 0 0 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 16px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
  }

  [data-section="how-to-join"] .how-to-join-step-scroll::-webkit-scrollbar {
    display: none !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: max-content !important;
    min-width: calc(272px * 3 + 16px * 2) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px 0 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] .step-connector-line {
    display: block !important;
    position: absolute !important;
    left: 136px !important;
    top: 28px !important;
    width: calc((272px + 16px) * 2) !important;
    height: 4px !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] .step-connector-line > div {
    width: 100% !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] .step-connector-line svg {
    width: 100% !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 0 0 272px !important;
    width: 272px !important;
    max-width: 272px !important;
    min-width: 272px !important;
    gap: 24px !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] [class*="w-[306px]"] {
    width: 265px !important;
    max-width: 265px !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] > div:last-child > div:first-child {
    width: 265px !important;
    max-width: 265px !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] [class*="rounded-[16px]"] {
    display: inline-flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    min-width: 193px !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: center !important;
    flex: none !important;
    box-sizing: border-box !important;
    border: 1px solid #ffffff !important;
    border-radius: 16px !important;
    background: transparent !important;
    overflow: visible !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] [class*="rounded-[16px]"] > .absolute {
    display: none !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] [class*="rounded-[16px]"] > div:not(.absolute) {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] [class*="rounded-[16px]"] > div:not(.absolute) > div {
    padding: 8px 16px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] > div:last-child {
    gap: 16px !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] [class*="text-[20px]"] p,
  [data-section="how-to-join"] [data-name="stepArea"] [class*="text-[20px]"] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="how-to-join"] .how-to-join-step-desc,
  [data-section="how-to-join"] .how-to-join-step1-desc {
    width: 265px !important;
    max-width: 265px !important;
    min-height: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] > [data-name="card"] [data-name="StepNo"] {
    position: relative !important;
    z-index: 1 !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] .how-to-join-step-date {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    flex: none !important;
    white-space: nowrap !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] [data-name="card"] [class*="text-[16px]"]:not(.how-to-join-step-desc):not(.how-to-join-step-date) {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
  }

  [data-section="how-to-join"] [data-name="stepArea"] [data-name="StepNo"] p {
    font-family: "Inter", "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }

  [data-section="how-to-join"] [data-name="ctaArea"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: sticky !important;
    bottom: 16px !important;
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="how-to-join"] [data-name="ctaArea"] [data-name="Button"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 343px !important;
    min-height: 52px !important;
    padding: 16px 24px !important;
    border-radius: 9999px !important;
    box-sizing: border-box !important;
  }

  [data-section="how-to-join"] [data-name="ctaArea"] [data-name="Button"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #000000 !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  [data-section="how-to-join"] [data-name="ctaArea"] [data-name="Button"] [class*="text-[24px]"] {
    font-size: 20px !important;
  }

  /* Outline — mobile (Figma 375px) */
  [data-section="outline"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 928px !important;
    height: auto !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #303030 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 4 !important;
  }

  [data-section="outline"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 16px !important;
    top: 20.25px !important;
    width: 346px !important;
    max-width: 346px !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  [data-section="outline"] .section-watermark::before {
    content: "OUTLINE" !important;
    display: block !important;
    width: 346px !important;
    height: 80px !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="outline"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 0 16px !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] > [data-name="sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    flex: none !important;
    align-self: center !important;
  }

  [data-section="outline"] [data-name="about1"] > [data-name="sec"] > div,
  [data-section="outline"] [data-name="about1"] > [data-name="sec"] > div > div {
    width: auto !important;
    align-items: center !important;
  }

  [data-section="outline"] [data-name="about1"] > [data-name="sec"] [class*="text-[32px]"],
  [data-section="outline"] [data-name="about1"] > [data-name="sec"] [class*="text-[32px]"] p {
    width: auto !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 343px !important;
    max-width: 343px !important;
    height: 724px !important;
    min-height: 724px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    flex: none !important;
    align-self: stretch !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div,
  [data-section="outline"] .outline-benefit-row,
  [data-section="outline"] [data-outline-benefit-row] {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 343px !important;
    max-width: 343px !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(1) {
    height: 107px !important;
    min-height: 107px !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(2) {
    height: 82px !important;
    min-height: 82px !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(3) {
    height: 107px !important;
    min-height: 107px !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(4),
  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(5),
  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(6),
  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(7),
  [data-section="outline"] [data-name="about1"] > div:last-child > div:nth-child(8) {
    height: 57px !important;
    min-height: 57px !important;
  }

  [data-section="outline"] .outline-benefit-row,
  [data-section="outline"] [data-outline-benefit-row] {
    height: 143px !important;
    min-height: 143px !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div > .absolute,
  [data-section="outline"] [data-outline-benefit-row] > .absolute {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #303030 !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div:first-child > .absolute {
    border-top-color: #303030 !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div:not(:first-child) > .absolute,
  [data-section="outline"] [data-outline-benefit-row] > .absolute {
    border-top-color: #303030 !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"].bg-black {
    display: flex !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    max-width: 84px !important;
    min-width: 84px !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    background: #000000 !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"].bg-black > div {
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"].bg-black > div > div {
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"]:not(.bg-black),
  [data-section="outline"] [data-name="about1"] > div:last-child > div > [class*="161616"] {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 259px !important;
    max-width: 259px !important;
    min-width: 259px !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    background: #161616 !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"]:not(.bg-black) > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"]:not(.bg-black) > div > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    width: 227px !important;
    max-width: 227px !important;
    min-width: 227px !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"].bg-black p {
    font-weight: 700 !important;
    text-align: center !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    flex: none !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"]:not(.bg-black) p {
    font-weight: 400 !important;
    text-align: left !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"]:not(.bg-black) > div > div[class*="flex-col"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 16px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"]:not(.bg-black) > div > div[class*="flex-col"] p {
    width: 227px !important;
    max-width: 227px !important;
    min-width: 227px !important;
  }

  [data-section="outline"] [data-name="about1"] [data-name="TableCell"] p.outline-benefit-note,
  [data-section="outline"] [data-name="about1"] [data-name="TableCell"] p.outline-benefit-note[class*="text-[14px]"] {
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.05em !important;
    width: 227px !important;
    max-width: 227px !important;
    min-width: 227px !important;
  }

  [data-section="outline"] [data-name="about1"] > div:last-child > div > div.flex.flex-row,
  [data-section="outline"] [data-name="about1"] > div:last-child > div > .flex.flex-\[1_0_0\] {
    align-self: stretch !important;
    align-items: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
  }

  [data-section="outline"] [data-name="about1"] [class*="w-[800px]"],
  [data-section="outline"] [data-name="about1"] [class*="h-[77px]"] {
    width: 343px !important;
  }

  /* FAQ — mobile (Figma 375px Section03) */
  [data-section="faq"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    isolation: isolate !important;
    width: 375px !important;
    max-width: 375px !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    align-self: stretch !important;
    gap: 32px !important;
    padding: 60px 16px !important;
    background: #161616 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }

  [data-section="faq"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 20px !important;
    width: auto !important;
    max-width: none !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: unset !important;
  }

  [data-section="faq"] .section-watermark::before {
    content: "FAQ" !important;
    display: block !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="faq"] [data-name="Container"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="faq"] [data-name="Title"] p,
  [data-section="faq"] [data-name="Title"] [class*="text-[32px]"] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  [data-section="faq"] [data-name="FAQ List"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 343px !important;
    max-width: 343px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div {
    width: 343px !important;
    max-width: 343px !important;
    box-sizing: border-box !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    width: 343px !important;
    max-width: 343px !important;
    padding: 16px !important;
    background: #303030 !important;
    box-sizing: border-box !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child > div:first-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: normal !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child [class*="text-[#be311e]"],
  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child [class*="text-[#be311e]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #be311e !important;
    flex: none !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child [class*="text-[20px]"] {
    width: 247px !important;
    max-width: 247px !important;
    min-width: 247px !important;
    flex: none !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child [class*="text-[20px]"],
  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child [class*="text-[20px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: left !important;
    white-space: normal !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:first-child [class*="text-[20px]"] p {
    width: 247px !important;
    max-width: 247px !important;
    min-width: 247px !important;
    flex: none !important;
  }

  [data-section="faq"] [data-name="FAQ List"] [data-name="remove"] {
    flex: none !important;
    width: 32px !important;
    height: 32px !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:nth-child(2) {
    display: none !important;
    width: 343px !important;
    max-width: 343px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div.is-open > div:nth-child(2) {
    display: block !important;
    padding: 16px !important;
    background: #000000 !important;
    border-radius: 0 0 16px 16px !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:nth-child(2)[hidden] {
    display: none !important;
  }

  [data-section="faq"] [data-name="FAQ List"] > div > div:nth-child(2) [class*="text-[16px]"],
  [data-section="faq"] [data-name="FAQ List"] > div > div:nth-child(2) p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  [data-section="faq"] [data-name="FAQ List"] .whitespace-nowrap {
    white-space: normal !important;
  }

  [data-section="faq"] [data-name="Container"] [class*="w-[1000px]"],
  [data-section="faq"] [data-name="Container"] [class*="w-[998px]"],
  [data-section="faq"] [data-name="FAQ List"] [class*="w-[1000px]"] {
    width: 343px !important;
    max-width: 343px !important;
  }

  /* HelloFooter — mobile (Figma: hero photo + CTA below FAQ) */
  [data-name="HelloFooter"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 375px !important;
    max-width: 375px !important;
    align-self: stretch !important;
    background: #000000 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 3 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] {
    display: flex !important;
    flex-direction: column !important;
    width: 375px !important;
    max-width: 375px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    position: relative !important;
    background: #161616 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"]::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 328px !important;
    width: 100% !important;
    height: calc(100% - 328px) !important;
    background:
      radial-gradient(ellipse 100% 80% at 50% 20%, rgba(200, 82, 28, 0.24) 0%, rgba(200, 82, 28, 0.08) 45%, rgba(200, 82, 28, 0) 72%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > .w-\[688px\] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 375px !important;
    max-width: 375px !important;
    height: 328px !important;
    min-height: 328px !important;
    max-height: 328px !important;
    flex: 0 0 auto !important;
    padding: 0 16px !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #000000 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > .w-\[688px\]::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 328px !important;
    background-image: url("../../images/hero-sp.png") !important;
    background-size: 150% auto !important;
    background-position: 42% 30% !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > .w-\[688px\]::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 76% !important;
    height: 328px !important;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > .w-\[688px\] > .relative {
    position: relative !important;
    z-index: 2 !important;
  }

  /* PC hero (hero-kv.webp) sits after CTA in DOM — hide on mobile; hero uses ::before above */
  [data-name="HelloFooter"] [data-name="image"],
  [data-name="HelloFooter"] [data-name="Rectangle"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] {
    display: block !important;
    position: absolute !important;
    left: -799.52px !important;
    top: 240px !important;
    width: 1858.91px !important;
    height: 1418px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
    margin: 0 !important;
    opacity: 1 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] > [data-name="Gradient"] {
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] > [data-name="Gradient"]:nth-child(1) {
    display: block !important;
    left: 233.02px !important;
    top: 71.79px !important;
    opacity: 0.55 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.22) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] > [data-name="Gradient"]:nth-child(2) {
    left: 0 !important;
    top: 383.6px !important;
    opacity: 0.5 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.2) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] > [data-name="Gradient"]:nth-child(3) {
    left: 41.22px !important;
    top: 109.36px !important;
    opacity: 0.65 !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.12) 0%, rgba(200, 82, 28, 0) 60%) !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] {
    position: absolute !important;
    left: 90.01px !important;
    top: 0 !important;
    width: 953.12px !important;
    height: 922.83px !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1),
  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) {
    position: absolute !important;
    opacity: 0.2 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1) {
    top: -128.52% !important;
    right: 4.19% !important;
    bottom: 0 !important;
    left: -64.64% !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) {
    top: -134.01% !important;
    right: 19.89% !important;
    bottom: 5.5% !important;
    left: -80.33% !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(1) svg path,
  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="texchar"] [data-name="_編集モード"] [data-name="Group"]:nth-child(2) svg path {
    fill: #969696 !important;
    stroke: none !important;
    opacity: 1 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    height: 235px !important;
    min-height: 235px !important;
    max-height: 235px !important;
    padding: 0 !important;
    gap: 8px !important;
    margin: 32px auto !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 16px !important;
    flex: none !important;
    align-self: stretch !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] > div:first-child > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  [data-name="HelloFooter"] [data-name="CatchCopyArea"] [class*="rounded-[16px]"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 4px 12px !important;
    border: 1px solid #ffffff !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  [data-name="HelloFooter"] [data-name="CatchCopyArea"] [class*="rounded-[16px]"] > .absolute {
    display: none !important;
  }

  [data-name="HelloFooter"] [data-name="CatchCopyArea"] [class*="rounded-[16px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  [data-name="HelloFooter"] [data-name="CatchCopyArea"] [class*="text-[32px]"] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 343px !important;
    white-space: nowrap !important;
  }

  [data-name="HelloFooter"] [data-name="CatchCopyArea"] [class*="text-[20px]"],
  [data-name="HelloFooter"] [data-name="CatchCopyArea"] [class*="text-[20px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 343px !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] [data-name="ctaArea"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 343px !important;
    max-width: 343px !important;
    padding: 0 !important;
    gap: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    filter: drop-shadow(0 4px 8px rgba(0, 127, 195, 0.25)) !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] [data-name="ctaArea"] [data-name="Button"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 343px !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 32px !important;
    background: #e6ef00 !important;
    border-radius: 9999px !important;
    box-shadow: 0 0 40px 16px rgba(145, 151, 0, 0.16) !important;
    box-sizing: border-box !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] [data-name="ctaArea"] [data-name="Button"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    color: #000000 !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  [data-name="HelloFooter"] > [data-name="Hello - B"] > [data-name="CatchCopyArea"] [data-name="ctaArea"] > div:not([data-name="Button"]) {
    display: none !important;
  }

  /* MainFooter — mobile (gray bar only; no extra black tail) */
  [data-name="MainFooter"] {
    display: flex !important;
    flex-direction: column !important;
    width: 375px !important;
    max-width: 375px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    align-self: stretch !important;
    background: #000000 !important;
    flex: none !important;
    z-index: 1 !important;
  }

  [data-name="MainFooter"]::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
  }

  [data-name="BottomFooter"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 375px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 20px !important;
    background: #97999b !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  [data-name="BottomFooter"] [data-name="MainContainer"] {
    width: 335px !important;
    max-width: 335px !important;
    flex: none !important;
  }

  [data-name="BottomFooter"] [data-name="MainContainer"] > div {
    display: grid !important;
    grid-template-columns: 94px 1fr 136.28px !important;
    grid-template-rows: 22px 12px !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    align-items: center !important;
    width: 335px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 20px 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  [data-name="BottomFooter"] [data-name="Company"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    justify-self: start !important;
    align-self: center !important;
    width: 94px !important;
    height: 22px !important;
    flex: none !important;
    margin: 0 !important;
  }

  [data-name="BottomFooter"] [data-name="GroupVision"] {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    justify-self: end !important;
    align-self: center !important;
    width: 136.28px !important;
    height: 16px !important;
    overflow: visible !important;
    flex: none !important;
    margin: 0 !important;
  }

  [data-name="BottomFooter"] [data-name="MainContainer"] > div > p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: 176px !important;
    height: 12px !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  [data-name="BottomFooter"] [data-name="Company"] [data-name="Union"] {
    position: absolute !important;
    left: 0 !important;
    top: 1.46px !important;
    width: 94px !important;
    height: 19.08px !important;
  }

  [data-name="BottomFooter"] [data-name="Company"] svg {
    width: 94px !important;
    height: 19.08px !important;
  }

  [data-name="BottomFooter"] [data-name="Company"] svg path {
    fill: #ffffff !important;
  }

  [data-name="BottomFooter"] [data-name="GroupVision"] [data-name="Union"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 136.28px !important;
    height: 16px !important;
  }

  [data-name="BottomFooter"] [data-name="GroupVision"] svg {
    width: 136.28px !important;
    height: 16px !important;
  }

  [data-name="BottomFooter"] [data-name="GroupVision"] svg path {
    fill: #ffffff !important;
  }

  /* User Voice — mobile (Figma 375px) */
  [data-section="user-voice"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 60px 16px !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 375px !important;
    min-height: 0 !important;
    height: auto !important;
    background: #161616 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
    z-index: 10 !important;
  }

  [data-section="user-voice"] .section-watermark {
    display: block !important;
    position: absolute !important;
    left: 16px !important;
    top: 15px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: unset !important;
  }

  [data-section="user-voice"] .section-watermark::before {
    content: "USER VOICE" !important;
    display: block !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
    font-feature-settings: "halt" on !important;
    color: #000000 !important;
    opacity: 0.4 !important;
  }

  [data-section="user-voice"] .user-voice-layout,
  [data-section="user-voice"] [data-name="about1"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 343px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:first-child .text-\[32px\] {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    color: #ffffff !important;
    white-space: normal !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 343px !important;
    gap: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 343px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div > div:first-child {
    padding-inline: 0 !important;
    margin-inline: -8px !important;
    width: calc(100% + 16px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div > div:first-child .user-voice-intro-pc {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div > div:first-child .user-voice-intro-sp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 359px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    position: static !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) > div > div:first-child .user-voice-intro-line,
  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:nth-child(2) .user-voice-intro-line {
    display: block !important;
    width: 100% !important;
    max-width: 359px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 180% !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    color: #ffffff !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="user-voice-carousel"] {
    --uv-card-width: 260px;
    --uv-card-gap: 24px;
    --uv-track-pad-left: 0px;
    width: calc(100% + 16px) !important;
    max-width: none !important;
    height: 298px !important;
    margin-right: -16px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
    overflow: visible !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-user-voice-track],
  [data-section="user-voice"] [data-name="Frame 2117213420"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    padding: 0 !important;
    padding-right: 16px !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: none !important;
    height: 298px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-user-voice-track]::before,
  [data-section="user-voice"] [data-name="Frame 2117213420"]::before {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
  }

  [data-section="user-voice"] [data-user-voice-track] > [data-name="card"]:first-child {
    margin-left: 0 !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    flex: 0 0 260px !important;
    height: 298px !important;
    padding: 24px !important;
    gap: 24px !important;
    background: #000000 !important;
    box-shadow: 0px 0px 24px rgba(0, 127, 195, 0.1) !important;
    border-radius: 16px !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] [data-name="Text"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] [data-name="Text"] > p:first-child {
    width: 212px !important;
    max-width: 212px !important;
    height: 174px !important;
    min-height: 174px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
    flex: none !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] [data-name="Text"] > :last-child {
    margin-top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] [class*="gap-[16px]"][class*="items-center"] {
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] [class*="size-[60px]"][class*="rounded-[9999px]"],
  [data-section="user-voice"] [data-user-voice-track] .user-voice-avatar-img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  [data-section="user-voice"] [data-user-voice-track] [data-name="card"] [class*="gap-[16px]"] p {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
  }

  [data-section="user-voice"] [data-user-voice-prev],
  [data-section="user-voice"] [data-user-voice-next] {
    display: none !important;
  }

  [data-section="user-voice"] .user-voice-swipe-hint {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 96px !important;
    height: 98px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  [data-section="user-voice"] .user-voice-swipe-hint.is-dismissed {
    display: none !important;
  }

  [data-section="user-voice"] .user-voice-swipe-hint__img {
    display: block !important;
    width: 96px !important;
    height: 98px !important;
    flex: none !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 343px !important;
    max-width: 343px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child > div > div[class*="p-[32px]"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 343px !important;
    max-width: 343px !important;
    height: 291px !important;
    min-height: 291px !important;
    max-height: 291px !important;
    padding: 24px !important;
    gap: 16px !important;
    background: #000000 !important;
    border-radius: 16px !important;
    flex: none !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="sub_sec"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 295px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="sub_sec"] > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 295px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex: none !important;
    flex-grow: 0 !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="title"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 295px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="title"] > div:first-child,
  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="title"] .size-\[24px\] {
    align-self: center !important;
    flex: none !important;
    flex-shrink: 0 !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="title"] > div:last-child {
    display: flex !important;
    align-items: center !important;
    width: 267px !important;
    max-width: 267px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="title"] p {
    display: block !important;
    width: 267px !important;
    max-width: 267px !important;
    height: auto !important;
    min-height: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
    flex: none !important;
    flex-grow: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] [data-name="about1"] > [data-name="sec"]:last-child [data-name="title"] .size-\[24px\] {
    width: 24px !important;
    height: 24px !important;
    flex: none !important;
  }

  [data-section="user-voice"] .user-voice-advisor-desc {
    display: block !important;
    width: 295px !important;
    max-width: 295px !important;
    height: 175px !important;
    min-height: 175px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    white-space: normal !important;
    word-break: normal !important;
    flex: none !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  [data-section="user-voice"] .user-voice-advisor-desc-pc {
    display: none !important;
  }

  [data-section="user-voice"] .user-voice-advisor-desc .user-voice-advisor-strong {
    font-weight: 700 !important;
    color: #ff4f38 !important;
    letter-spacing: 0.05em !important;
  }

  [data-section="user-voice"] .user-voice-advisor-line {
    display: block !important;
    width: 100% !important;
    max-width: 295px !important;
    white-space: nowrap !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
  }

  [data-section="user-voice"] .user-voice-advisor-line1,
  [data-section="user-voice"] .user-voice-advisor-line2,
  [data-section="user-voice"] .user-voice-advisor-line3 {
    white-space: normal !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
  }
}

/* Stats Section01 — CTA (SP). 767px covers 375 Figma + common phone/tablet widths */
@media (max-width: 767px) {
  [data-section="stats"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 375px !important;
    margin-inline: auto !important;
    background: #000000 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
    isolation: isolate !important;
  }

  /* Stats SP — Section01 texchar (Figma: 3× gradient + hex mesh) */
  [data-section="stats"] .section-decor.section-decor--left {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  [data-section="stats"] .section-decor.section-decor--left::before {
    content: "" !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -799.52px !important;
    top: -325.35px !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  [data-section="stats"] .section-decor.section-decor--left::after {
    content: "" !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -758.3px !important;
    top: -599.6px !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  [data-section="stats"] .section-decor-gradient--left {
    display: block !important;
    position: absolute !important;
    width: 1625.89px !important;
    height: 1034.4px !important;
    left: -566.5px !important;
    top: -637.17px !important;
    background-image: none !important;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(200, 82, 28, 0.18) 0%, rgba(200, 82, 28, 0) 60%) !important;
    opacity: 1 !important;
    aspect-ratio: unset !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

  [data-section="stats"] .section-decor-mesh--left {
    display: block !important;
    position: absolute !important;
    left: -709.51px !important;
    top: -708.96px !important;
    width: 953.12px !important;
    height: 922.83px !important;
    right: auto !important;
    bottom: auto !important;
    max-width: none !important;
    aspect-ratio: unset !important;
    opacity: 0.8 !important;
    transform: none !important;
    z-index: 1 !important;
  }

  [data-section="stats"] .section-decor-mesh--left > div,
  [data-section="stats"] .section-decor-mesh--left [data-name="_編集モード"] {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  [data-section="stats"] .section-decor-mesh--left img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  [data-section="stats"] .lp-stats-section01 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 60px 16px !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 375px !important;
    height: auto !important;
    min-height: 333px !important;
    flex: none !important;
    align-self: center !important;
    margin: 0 !important;
    padding-bottom: 24px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  [data-section="stats"] .lp-stats-section01 > div:first-child,
  [data-section="stats"] .lp-stats-section01 > .lp-stats-headline {
    display: block !important;
    width: 343px !important;
    max-width: 343px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    color: #ffffff !important;
  }

  [data-section="stats"] .lp-stats-section01 > div:first-child p,
  [data-section="stats"] .lp-stats-headline-line {
    margin: 0 !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-align: center !important;
    white-space: nowrap !important;
    display: block !important;
    width: 100% !important;
  }

  [data-section="stats"] .lp-stats-cta-note-sp {
    display: block !important;
    order: 3 !important;
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.06em !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-align: center !important;
    white-space: nowrap !important;
    flex: none !important;
  }

  [data-section="stats"] .lp-stats-cta-note-pc {
    display: none !important;
  }

  [data-section="stats"] .lp-stats-section01 [data-name="ctaArea"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 16px !important;
    width: 343px !important;
    max-width: 343px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    filter: none !important;
    box-shadow: none !important;
  }

  [data-section="stats"] .lp-stats-section01 [data-name="ctaArea"] > .content-stretch.flex.items-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    order: 0 !important;
  }

  [data-section="stats"] .lp-stats-section01 [data-name="ctaArea"] > .content-stretch.flex.items-center p {
    margin: 0 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  [data-section="stats"] .lp-stats-cta-btn {
    width: 307px !important;
    max-width: 307px !important;
    order: 1 !important;
  }

  [data-section="stats"] .lp-stats-section01 [data-name="ctaArea"] > p:not(.lp-stats-cta-note-sp):not(.lp-stats-cta-note-pc) {
    margin: 0 !important;
    order: 2 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
    flex: none !important;
  }
}