/* Preserve the curved introduction frame around the replacement photograph. */
.about-page .about-lead__visual,
.about-page .about-lead__photo {
  background: linear-gradient(100deg, var(--navy), var(--blue));
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.about-page .about-lead__visual {
  -webkit-mask-image: url('../images/about/market-building-frame-mask-pc.webp');
  mask-image: url('../images/about/market-building-frame-mask-pc.webp');
}
.about-page .about-lead__photo {
  -webkit-mask-image: url('../images/about/market-building-frame-mask-sp.webp');
  mask-image: url('../images/about/market-building-frame-mask-sp.webp');
}
.about-page .about-lead__visual > img,
.about-page .about-lead__photo > img {
  position: absolute;
  top: 0;
  object-fit: cover;
  -webkit-mask-image: url('../images/recruit/head-mask-4802-5449.svg');
  mask-image: url('../images/recruit/head-mask-4802-5449.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.about-page .about-lead__visual > img { left: 2.1583%; width: 97.8417%; height: 96.3855%; }
.about-page .about-lead__photo > img { left: 2.1583%; width: 97.8417%; height: 96.3855%; }
.about-page .about-eat__hero > img,
.about-page .about-dome__photo > img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}