#asb-outer .outer-hero {
  aspect-ratio: 400/620;
}
#asb-outer .outer-hero__photo {
  inset: 0;
  width: 100%;
  height: 100%;
}
#asb-outer .outer-hero__title,
#asb-outer .outer-hero__byline {
  color: #fff;
}
#asb-outer .outer-hero__line {
  left: 5.25%;
  font-size: 11.9615392685vw;
}
#asb-outer .outer-hero__line--first {
  top: 9.3548387097%;
}
#asb-outer .outer-hero__line--second {
  top: 18.4012923703%;
}
#asb-outer .outer-hero__byline {
  left: 5.25%;
  top: 28.6368979177%;
  width: 36.75%;
  font-size: 5vw;
}

#asb-outer {
  --du: .25vw;
}

#asb-outer .outer-section {
  height: calc(var(--h-sp) * var(--du));
}

#asb-outer .outer-layout--pc {
  display: none;
}

#asb-outer .outer-video {
  left: calc(var(--vx-sp) * var(--du));
  top: calc(var(--vy-sp) * var(--du));
}

#asb-outer .outer-sticky {
  right: 16px;
  bottom: var(--sticky-bottom, max(16px, env(safe-area-inset-bottom) + 16px));
}

#asb-outer .outer-video {
  z-index: var(--vz-sp);
}

#asb-outer .outer-hero__byline--pc {
  display: none;
}

#asb-outer .outer-profile-copy {
  top: calc(var(--profile-center) * var(--du));
  height: auto;
  transform: translateY(-50%);
}