.about-renewal {
  color: #040000;
  font-family: "helvetica-neue-lt-pro", "Noto Sans JP", sans-serif !important;
}

.about-renewal__br--pc { display: inline; }
.about-renewal__br--sp { display: none; }

html.about-renewal-boot body > header#subpage {
  position: static !important;
  z-index: 1050;
  width: 100%;
}

/* The shared layout constrains #wrap and #main. This page owns its full-width canvas. */
#localNav + #wrap.about-renewal {
  display: block;
  width: 100%;
  max-width: none;
  margin: 22px 0 0;
}

#wrap.about-renewal #main {
  width: 100%;
  max-width: none;
  margin: 0;
}

.about-renewal__hero {
  position: relative;
  width: 100vw;
  height: calc(100svh + 2000px);
  min-height: 2620px;
}

.about-renewal__hero.is-complete {
  height: 100svh;
  min-height: 620px;
}

.about-renewal__hero-stage {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100svh;
  min-height: 620px;
  overflow: hidden;
  color: #fff;
}

.about-renewal__hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("/about/imgs/about-renewal-hero-260914.jpg") center center / cover no-repeat;
}

.about-renewal__hero-content { position: relative; height: 100%; text-align: center; }
.about-renewal__eyebrow { margin: 0; padding-top: 6.4%; font: 30px/1.2 "helvetica-neue-lt-pro", "Noto Sans JP", sans-serif; text-transform: uppercase; will-change: opacity; }
.about-renewal__hero-intro,
.about-renewal__hero-origin { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; will-change: opacity, transform; }
.about-renewal__hero-intro { opacity: 0; transform: translateY(-72px); }
.about-renewal__hero-intro.is-fading-in { transition: opacity 1.1s ease; }
.about-renewal__hero-intro h1 { margin: 0 0 32px; font-size: 35px; font-weight: 600; letter-spacing: .02em; }
.about-renewal__hero-intro p,
.about-renewal__hero-origin > p:last-child { margin: 0; font-size: 20px; line-height: 1.75; letter-spacing: .025em; }
.about-renewal__hero-origin { opacity: 0; pointer-events: none; transform: none; }
.about-renewal__origin-word { position: relative; width: min(438px, calc(100% - 40px)); aspect-ratio: 438 / 159; margin: 0 0 48px; opacity: 0; will-change: opacity; }
.about-renewal__origin-wordmark,
.about-renewal__origin-wordmark svg { display: block; width: 100%; height: 100%; }
.about-renewal__origin-ar,
.about-renewal__origin-flex { will-change: transform; }
.about-renewal__origin-rest { opacity: 0; will-change: opacity; }
#wrap.about-renewal .about-renewal__origin-plus { position: absolute; left: .25%; top: 49.67%; width: 15.24%; height: 39.65%; max-width: none; }
#wrap.about-renewal .about-renewal__origin-plus { opacity: 0; will-change: opacity; }
.about-renewal__hero-origin > p:last-child { opacity: 0; will-change: opacity; }

.about-renewal__contents { width: min(1200px, calc(100% - 80px)); margin: 146px auto 152px; }
.about-renewal__feature { display: grid; position: relative; grid-template-columns: 1fr 1fr; align-items: center; min-height: 0; margin-bottom: 250px; opacity: 0; transform: translateY(48px); transition: opacity .8s ease, transform .8s cubic-bezier(.22, 1, .36, 1); }
.about-renewal__feature.is-visible,
.about-renewal__value.is-visible { opacity: 1; transform: none; }
.about-renewal__copy { width: 476px; max-width: 86%; padding-left: 1px; }
.about-renewal__feature--quality .about-renewal__copy,
.about-renewal__feature--history .about-renewal__copy { transform: none; }
.about-renewal__feature--sustainability .about-renewal__copy { transform: translateY(48px); }
.about-renewal__feature--art .about-renewal__copy { transform: translateY(12px); }
.about-renewal__feature:nth-child(even) .about-renewal__copy { order: 2; width: 391px; }
.about-renewal__feature:nth-child(even) .about-renewal__image { order: 1; justify-self: start; }
.about-renewal__feature:nth-child(odd) .about-renewal__image { justify-self: end; }
.about-renewal__label { margin: 0 0 42px; font: 300 40px/1.2 "helvetica-neue-lt-pro", "Noto Sans JP", sans-serif; letter-spacing: .012em; }
.about-renewal__copy h2 { margin: 0 0 25px; font-size: 25px; line-height: 1.75; font-weight: 600; letter-spacing: .02em; }
.about-renewal__copy > p:not(.about-renewal__label) { margin: 0; font-size: 16px; line-height: 1.7; letter-spacing: .03em; }
.about-renewal__feature--quality .about-renewal__label { margin-bottom: 52px; }
.about-renewal__feature--quality .about-renewal__copy h2 { margin-bottom: 20px; }
.about-renewal__feature--history { grid-template-columns: 700px 1fr; }
.about-renewal__feature--history .about-renewal__copy { justify-self: start; width: 391px; margin-left: 63px; }
.about-renewal__feature--history .about-renewal__label,
.about-renewal__feature--art .about-renewal__label { margin-bottom: 48px; }
.about-renewal__feature--history .about-renewal__copy h2,
.about-renewal__feature--art .about-renewal__copy h2 { margin-bottom: 26px; }
.about-renewal__feature--sustainability .about-renewal__label { margin-bottom: 38px; }
.about-renewal__feature--sustainability .about-renewal__copy h2 { margin-bottom: 36px; }
.about-renewal__feature--art { grid-template-columns: 747px 1fr; }
.about-renewal__feature.about-renewal__feature--art .about-renewal__copy { justify-self: start; width: 316px; margin-left: 84px; }
.about-renewal__image { position: relative; width: min(100%, 609px); overflow: hidden; }
.about-renewal__image picture { display: block; width: 100%; height: 100%; }
.about-renewal__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-renewal__feature--quality { grid-template-columns: 589px 609px; min-height: 609px; }
.about-renewal__feature--quality .about-renewal__image { aspect-ratio: 1; }
.about-renewal__feature--history { min-height: 518px; }
.about-renewal__feature--history .about-renewal__image { width: 700px; aspect-ratio: 700 / 518; }
.about-renewal__feature--sustainability { min-height: 612px; }
.about-renewal__feature--sustainability .about-renewal__image { width: 539px; aspect-ratio: 539 / 612; }
#wrap.about-renewal .about-renewal__feature--sustainability .about-renewal__image img { position: absolute; top: -88.77%; left: -16.77%; width: 186.91%; height: auto; max-width: none; object-fit: initial; }
.about-renewal__feature--art { min-height: 546px; margin-bottom: 211px; }
.about-renewal__feature--art .about-renewal__image { width: 747px; aspect-ratio: 747 / 546; }
#wrap.about-renewal .about-renewal__feature--art .about-renewal__image img { position: absolute; top: -9.46%; left: -2.63%; width: 119.9%; height: auto; max-width: none; object-fit: initial; }
.about-renewal__view { display: block; width: 120px; height: 30px; padding: 0 13px 7px 0; border-bottom: 1px solid #222; background: url("/img/arrow.png") right 7px / auto no-repeat; font-size: 14px; line-height: 22px; text-align: right; text-decoration: none; }
.about-renewal__feature--quality .about-renewal__view { margin: 69px 0 0 219px; }
.about-renewal__feature--history .about-renewal__view { margin: 60px 48px 0 auto; }
.about-renewal__feature--sustainability .about-renewal__view { margin: 71px 43px 0 auto; }
.about-renewal__feature--art .about-renewal__view { margin: 103px 0 0 4px; }
.about-renewal__view span { display: inline; }
.about-renewal__view:hover,
.about-renewal__view:focus-visible { text-decoration: underline; text-underline-offset: 2px; }
.about-renewal__view:hover span,
.about-renewal__view:focus-visible span { text-decoration: inherit; }

.about-renewal__value { display: block; position: relative; width: 1196px; max-width: 100%; height: 334px; overflow: hidden; color: #fff; opacity: 0; transform: translateY(48px); transition: opacity .8s ease, transform .8s cubic-bezier(.22, 1, .36, 1); }
.about-renewal__value:hover,
.about-renewal__value:focus { color: #fff; }
.about-renewal__value::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.3); }
#wrap.about-renewal .about-renewal__value img { position: relative; top: -26.62%; width: 100.03%; height: auto; max-width: none; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.about-renewal__value:hover img { transform: scale(1.045); }
.about-renewal__value span { position: absolute; z-index: 1; left: 41px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1.8; }
.about-renewal__value strong { display: block; font: 700 40px/1.5 "helvetica-neue-lt-pro", "Noto Sans JP", sans-serif; letter-spacing: 0; }

@media (prefers-reduced-motion: reduce) {
  .about-renewal__hero-bg,
  .about-renewal__hero-intro,
  .about-renewal__hero-intro.is-fading-in,
  .about-renewal__hero-origin,
  .about-renewal__feature,
  .about-renewal__value,
  .about-renewal__value img { transition: none; }
}

@media (max-width: 1024px) {
  .about-renewal__br--pc { display: none; }
  .about-renewal__br--sp { display: inline; }
  #localNav + #wrap.about-renewal { margin-top: 26px; }
  .about-renewal__hero { height: calc(100svh + 1600px); min-height: 2070px; }
  .about-renewal__hero.is-complete { height: 100svh; min-height: 470px; }
  .about-renewal__hero-stage { height: 100svh; min-height: 470px; }
  .about-renewal__hero-bg { background-position: 63% center; }
  .about-renewal__eyebrow { padding-top: 42px; font-size: 15px; }
  .about-renewal__hero-intro h1 { margin-bottom: 53px; font-size: 20px; }
  .about-renewal__hero-intro { transform: none; }
  .about-renewal__hero-intro p,
  .about-renewal__hero-origin > p:last-child { width: calc(100% - 40px); font-size: 14px; line-height: 1.85; }
  .about-renewal__origin-word { width: 201px; margin-bottom: 38px; }
  .about-renewal__contents { width: calc(100% - 40px); margin: 38px auto 0; }
  .about-renewal__feature { display: flex; flex-direction: column; margin-bottom: 96px; }
  .about-renewal__feature--quality { min-height: 0; }
  .about-renewal__feature--history,
  .about-renewal__feature--sustainability,
  .about-renewal__feature--art { min-height: 0; }
  .about-renewal__feature .about-renewal__image { order: 1; width: 100%; aspect-ratio: 350 / 250; }
  #wrap.about-renewal .about-renewal__feature--history .about-renewal__image img { position: absolute; top: -.86%; left: 0; width: 100%; height: 105.73%; max-width: none; object-fit: fill; }
  #wrap.about-renewal .about-renewal__feature--sustainability .about-renewal__image img { top: -185.41%; left: -16.77%; width: 179.91%; height: auto; }
  #wrap.about-renewal .about-renewal__feature--art .about-renewal__image img { top: -12.54%; left: -2.63%; width: 119.9%; height: auto; }
  .about-renewal__feature .about-renewal__copy { order: 2; width: 100%; max-width: none; margin-right: 0; margin-left: 0; padding: 24px 0 0; text-align: center; transform: none; }
  .about-renewal__feature.about-renewal__feature--history .about-renewal__copy,
  .about-renewal__feature.about-renewal__feature--art .about-renewal__copy { width: 100%; margin-left: 0; }
  .about-renewal__label { margin-bottom: 10px; font-size: 31px; }
  .about-renewal__copy h2 { margin-bottom: 14px; font-size: 14px; line-height: 2.2; }
  .about-renewal__feature .about-renewal__label { margin-bottom: 10px; }
  .about-renewal__feature .about-renewal__copy h2 { margin-bottom: 14px; }
  .about-renewal__copy > p:not(.about-renewal__label) { font-size: 14px; line-height: 1.85; }
  .about-renewal__feature .about-renewal__view { width: 118px; height: 34px; margin-right: auto; margin-left: auto; transform: none; }
  .about-renewal__feature--quality .about-renewal__view { margin-top: 36px; }
  .about-renewal__feature--history .about-renewal__view,
  .about-renewal__feature--sustainability .about-renewal__view,
  .about-renewal__feature--art .about-renewal__view { margin-top: 71px; }
  .about-renewal__view { width: 118px; height: 34px; padding-right: 0; text-align: center; }
  .about-renewal__value { width: calc(100% + 40px); max-width: none; height: 220px; margin-left: -20px; }
  #wrap.about-renewal .about-renewal__value img { top: -9.14%; left: .06%; width: 121.72%; height: auto; }
  .about-renewal__value span { left: 20px; font-size: 14px; }
  .about-renewal__value strong { font-size: 25px; }
}

/* 2026-09-14 Figma revisions */
.about-renewal__hero,
.about-renewal__hero.is-complete {
  height: min(954px, 49.6875vw);
  min-height: 620px;
}

.about-renewal__hero-stage {
  position: relative;
  top: auto;
  height: 100%;
  min-height: 0;
}

.about-renewal__hero-bg {
  transform: scale(1.025);
  opacity: 0;
  transition: opacity 1.8s ease, transform 2.4s cubic-bezier(.22, 1, .36, 1);
}

.about-renewal__hero-content {
  opacity: 0;
  transition: opacity 1.6s ease .55s;
}

.about-renewal__hero.is-entered .about-renewal__hero-bg,
.about-renewal__hero.is-entered .about-renewal__hero-content {
  opacity: 1;
}

.about-renewal__hero.is-entered .about-renewal__hero-bg {
  transform: none;
}

.about-renewal__eyebrow {
  padding-top: 6.4583%;
  font-size: 30px;
  font-weight: 700;
  will-change: auto;
}

.about-renewal__hero-intro {
  top: 41.4046%;
  bottom: auto;
  justify-content: flex-start;
  opacity: 1;
  transform: none;
  will-change: auto;
}

.about-renewal__hero-intro h1 {
  margin-bottom: 69px;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
}

.about-renewal__hero-intro p {
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
}

.about-renewal__hero-origin {
  top: auto;
  bottom: 3.55%;
  display: block;
  opacity: 1;
  pointer-events: none;
  will-change: auto;
}

.about-renewal__origin-word {
  width: 377px;
  margin: 0 auto;
  opacity: 1;
  will-change: auto;
}

.about-renewal__origin-ar,
.about-renewal__origin-flex {
  transform: none !important;
  will-change: auto;
}

.about-renewal__origin-rest,
#wrap.about-renewal .about-renewal__origin-plus {
  opacity: 1 !important;
  will-change: auto;
}

.about-renewal__hero-origin > p:last-child {
  display: none;
}

.about-renewal__label {
  font-weight: 700;
}

.about-renewal__copy h2 {
  font-weight: 500;
}

.about-renewal__copy > p:not(.about-renewal__label) {
  font-weight: 300;
}

.about-renewal__image video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#wrap.about-renewal .about-renewal__feature--sustainability .about-renewal__image img,
#wrap.about-renewal .about-renewal__feature--art .about-renewal__image img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .about-renewal__hero,
  .about-renewal__hero.is-complete {
    height: 796px;
    min-height: 0;
  }

  .about-renewal__hero-bg {
    background-position: 52% center;
  }

  .about-renewal__eyebrow {
    padding-top: 39px;
    font-size: 15px;
  }

  .about-renewal__hero-intro {
    top: 29.5%;
  }

  .about-renewal__hero-intro h1 {
    margin-bottom: 37px;
    font-size: 20px;
  }

  .about-renewal__hero-intro p {
    width: calc(100% - 50px);
    font-size: 14px;
    line-height: 1.85;
  }

  .about-renewal__hero-origin {
    bottom: 30px;
  }

  .about-renewal__origin-word {
    width: 201px;
    margin: 0 auto;
  }

  .about-renewal__feature--quality .about-renewal__image,
  .about-renewal__feature--sustainability .about-renewal__image,
  .about-renewal__feature--art .about-renewal__image {
    aspect-ratio: 350 / 250;
  }

}

@media (prefers-reduced-motion: reduce) {
  .about-renewal__hero-bg,
  .about-renewal__hero-content {
    transition: none;
  }
}

/* MV: load state and scroll state (Figma 4809:8 / 4809:9). */
.about-renewal__hero,
.about-renewal__hero.is-complete {
  height: calc(100svh + 420px);
  min-height: 1040px;
}

.about-renewal__hero-stage {
  position: sticky;
  top: var(--about-header-height, 0px);
  height: 100svh;
  min-height: 620px;
}

.about-renewal__eyebrow {
  padding-top: 6.4583%;
}

.about-renewal__hero-intro {
  top: 41.4046%;
  bottom: auto;
  justify-content: flex-start;
  opacity: 1;
  transform: none;
}

.about-renewal__hero-origin {
  inset: 0;
  display: block;
  opacity: 0;
}

.about-renewal__origin-word {
  position: absolute;
  top: 34.5912%;
  left: 50%;
  width: 309px;
  margin: 0;
  transform: translateX(-50%);
}

.about-renewal__hero-origin > p:last-child {
  display: block;
  position: absolute;
  top: 55.1363%;
  left: 50%;
  width: 733px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
  transform: translateX(-50%);
}

@media (max-width: 1024px) {
  .about-renewal__hero,
  .about-renewal__hero.is-complete {
    height: calc(100svh + 320px);
    min-height: 790px;
  }

  .about-renewal__hero-stage {
    height: 100svh;
    min-height: 470px;
  }

  .about-renewal__origin-word {
    top: 34.5912%;
    width: 201px;
  }

  .about-renewal__hero-origin > p:last-child {
    top: 55.1363%;
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 1.85;
  }
}