/* E案は既存のFV要素を共用し、配置と動画レイヤーだけを変更する。 */
.real-preview-link { color: #183e6d; font-size: 13px; margin-left: auto; }
.real-proposal { scroll-margin-top: 72px; }
.real-stage-shell {
  position: relative;
  width: min(1440px, calc(100vw - 40px));
  aspect-ratio: 1440 / 820;
  overflow: hidden;
  margin: 0 auto;
  background: #b8dcea;
  box-shadow: 0 16px 50px rgb(24 47 75 / 12%);
}
.real-stage {
  position: absolute;
  width: 1440px;
  height: 820px;
  overflow: hidden;
  transform-origin: top left;
  isolation: isolate;
}
.real-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.real-stage .site-header { top: 21px; left: 30px; right: 38px; }
.real-stage .hero-copy { top: 285px; left: 75px; }
.real-stage .hero-copy p { line-height: 1.6; }
.real-stage .copy-main { margin-bottom: 18px; }
.real-stage .real-contact {
  padding: 11px 25px;
  border: 1px solid rgb(0 38 89 / 25%);
  border-radius: 40px;
}
.real-bird-shadow {
  position: absolute;
  left: 716px;
  top: 732px;
  width: 60px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgb(31 58 27 / 45%), transparent 70%);
  opacity: 0;
  transform-origin: center;
  pointer-events: none;
  z-index: 1;
}
.real-proposal .note { margin-bottom: 12px; }
@media (max-width: 760px) {
  .real-stage-shell { width: calc(100vw - 20px); }
}
