/* 下層FVの共通構造：英字名、日本語タイトル、短い導入文。 */
.page-heading{padding-top:clamp(90px,7.4vw,142px);padding-bottom:clamp(100px,6.8vw,130px)}
.page-heading__english{font-family:var(--serif);font-size:clamp(32px,2.65vw,51px);line-height:1.2;color:#bddfe8;margin-bottom:28px}
.page-heading h1{font-family:var(--serif);font-size:clamp(36px,3vw,58px);font-weight:400;line-height:1.45}
.page-heading__lead{font-size:clamp(13px,.95vw,18px);line-height:1.8;margin-top:32px}
.about-intro{position:relative;aspect-ratio:1920/800;overflow:hidden;background:#d9dce3}
.about-intro__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-intro__inner{position:relative;height:100%;display:flex;align-items:center;padding-left:7%}
.about-intro__copy{width:45%}.about-intro h2{font-family:var(--serif);font-weight:400;color:var(--brand);font-size:clamp(30px,2.6vw,50px);line-height:1.6;white-space:nowrap}
.about-intro__copy>p{margin-top:46px;font-size:clamp(13px,.95vw,18px);line-height:2}
.about-stories{width:83%;max-width:1594px;margin:clamp(120px,9.9vw,190px) auto clamp(100px,6.5vw,125px)}
.about-story{display:grid;grid-template-columns:45.6% 45.6%;justify-content:space-between;align-items:center;margin-bottom:clamp(90px,8.3vw,160px)}
.about-story:last-child{margin-bottom:0}.about-story__copy{padding-left:35%;min-width:0}.about-story__image{width:100%;height:auto}
.about-story__english{font-family:var(--latin);color:#bddfe8;font-size:clamp(16px,1.15vw,22px);line-height:1.4;margin-bottom:12px}
.about-story h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,1.8vw,35px);line-height:1.65;white-space:nowrap}
.about-story__body{margin-top:42px;font-size:clamp(12px,.83vw,16px);line-height:1.9}
.about-story--reverse .about-story__image{grid-column:1;grid-row:1}.about-story--reverse .about-story__copy{grid-column:2;grid-row:1;padding-left:25%}
.about-closing{min-height:32.65vw;max-height:627px;background:url('../img/about-block02-bg.jpg') center/cover no-repeat;display:flex;align-items:center;text-align:center;padding-block:100px}
.about-closing h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.15vw,41px);line-height:1.6;color:var(--brand)}
.about-closing p{font-size:clamp(15px,1.2vw,23px);line-height:2;margin-top:44px}.about-page>.page-banners{margin-top:50px;margin-bottom:46px}
@media(max-width:1100px) and (min-width:769px){.about-intro__inner{padding-left:3%}.about-intro__copy{width:52%}.about-intro__copy>p{margin-top:25px;font-size:12px;line-height:1.85}.about-intro h2{font-size:2.9vw}.about-story__copy{padding-left:12%}.about-story--reverse .about-story__copy{padding-left:8%}.about-story h2{font-size:2.4vw}.about-story__body{margin-top:25px}.about-story__body br{display:none}}
@media(max-width:768px){
  .page-heading{padding-top:65px;padding-bottom:70px}.page-heading__english{font-size:28px;margin-bottom:18px}.page-heading h1{font-size:clamp(28px,7.5vw,40px)}.page-heading__lead{font-size:15px;margin-top:22px;line-height:1.9}.page-heading__lead br{display:none}
  .about-intro{aspect-ratio:auto;min-height:560px;background:#e3e5e9}.about-intro__image{object-position:72% center;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.18) 50%,#000 85%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.18) 50%,#000 85%)}.about-intro__inner{width:calc(100% - 40px);padding:65px 0;min-height:560px;align-items:flex-start}.about-intro__copy{width:65%;max-width:360px}.about-intro h2{font-size:clamp(23px,5.8vw,34px);line-height:1.7;white-space:nowrap}.about-intro__copy>p{font-size:15px;line-height:2;margin-top:32px}.about-intro__copy>p br{display:none}
  .about-stories{width:calc(100% - 40px);margin-block:70px}.about-story{display:flex;flex-direction:column;gap:28px;align-items:stretch;margin-bottom:70px}.about-story__image{order:0}.about-story__copy,.about-story--reverse .about-story__copy{order:1;padding:0 8px}.about-story__english{font-size:17px;margin-bottom:10px}.about-story h2{font-size:26px}.about-story__body{font-size:15px;line-height:2;margin-top:24px}.about-story__body br{display:none}
  .about-closing{min-height:330px;max-height:none;padding-block:65px}.about-closing .container{width:calc(100% - 48px)}.about-closing h2{font-size:23px}.about-closing p{font-size:15px;margin-top:28px}.about-page>.page-banners{margin-block:32px}
}


/* スマホの導入コピーは左余白と同じ20pxを下にも確保。 */
@media(max-width:768px){.about-intro__inner{padding:20px 0;align-items:flex-end}}