.about-hero{padding:72px 0 68px;background:linear-gradient(135deg,#fffaf6,#f8eee8)}
.about-hero__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:end}
.about-hero h1{margin:0;font-size:clamp(2.2rem,4.5vw,3.7rem);line-height:1.35;letter-spacing:-.045em}
.profile-en{margin:4px 0 0;color:var(--orange);font-family:Georgia,serif;letter-spacing:.08em}
.about-hero__message{padding-left:34px;border-left:3px solid var(--orange)}
.about-hero__message p{margin:0;font-size:1.3rem;line-height:1.75;font-weight:700}
.about-hero__lead{grid-column:1/-1;max-width:46em;padding-top:26px;margin:8px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:1.04rem;text-wrap:pretty}
.about-section{padding:76px 0}
.operator-summary{padding:34px 0 42px;background:#fff;border-bottom:1px solid var(--line)}
.operator-summary__grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-block:1px solid var(--line)}
.operator-summary__grid>div{padding:22px 20px}.operator-summary__grid>div+div{border-left:1px solid var(--line)}
.operator-summary__grid span,.operator-summary__grid strong,.operator-summary__grid small{display:block}.operator-summary__grid span{margin-bottom:10px;color:var(--orange);font-size:.76rem;font-weight:900}.operator-summary__grid strong{line-height:1.5}.operator-summary__grid small{margin-top:7px;color:var(--muted);line-height:1.65}.operator-summary__grid a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.operator-summary__note{margin:18px 0 0;color:var(--muted);font-size:.84rem;line-height:1.8}.operator-summary__note a{color:var(--orange);font-weight:800}
.about-section--soft{background:var(--soft)}
.about-section--deep{color:#fff;background:var(--deep)}
.about-section--deep .eyebrow{color:#ffd4a5}
.about-section--deep p{max-width:52em;color:#f2dfd5;text-wrap:pretty}
.about-section--deep p+p{margin-top:14px}
.about-two{display:grid;grid-template-columns:.75fr 1.25fr;gap:74px}
.about-section h2{margin:0;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.45}
.about-copy{max-width:44em}
.about-copy p{margin:0;color:var(--muted);text-wrap:pretty}
.about-copy p+p{margin-top:18px}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin-top:38px}
.experience-grid article{padding:30px;border:1px solid var(--line);background:#fff}
.experience-grid article+article{border-left:1px solid var(--line)}
.experience-grid span{color:var(--orange);font-family:Georgia,serif}
.experience-grid h3{margin:12px 0 8px;font-size:1.05rem}
.experience-grid p{margin:0;color:var(--muted);font-size:.9rem}
.experience-grid .experience-link{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink)}
.experience-grid .experience-link b{display:block;margin-bottom:5px;color:var(--orange);font-size:.78rem;letter-spacing:.08em}
.operator-role{background:#fff}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.role-grid article{padding:28px;border:1px solid var(--line);background:#fff}.role-grid span{color:var(--orange);font-family:Georgia,serif}.role-grid h3{margin:14px 0 10px;font-size:1.1rem}.role-grid p{margin:0;color:var(--muted);line-height:1.85}
.evidence-grid strong{display:block;margin:12px 0 2px;color:var(--deep);font-size:1.45rem;line-height:1.4}.evidence-grid h3{margin-top:4px}.renovation-section{background:#fff}.qualification-list{display:flex;flex-wrap:wrap;gap:10px}.qualification-list span{padding:11px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800}
.promise-list{border-top:1px solid var(--line)}.promise-list article{padding:20px 0;border-bottom:1px solid var(--line)}.promise-list h3{margin:0 0 7px;font-size:1.05rem}.promise-list p{margin:0;color:var(--muted);line-height:1.85}.promise-list a{color:var(--orange);font-weight:800}
.reason-list{display:grid;max-width:52em;padding:0;margin:32px 0 0;border-top:1px solid rgba(255,255,255,.25);list-style:none}
.reason-list li{position:relative;padding:17px 0 17px 32px;border-bottom:1px solid rgba(255,255,255,.2);text-wrap:pretty}
.reason-list li:before{position:absolute;left:2px;color:#ffd4a5;content:"✓";font-weight:900}
.brand-flow{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:38px 0 0;border-block:1px solid var(--line);list-style:none}
.brand-flow li{padding:28px}
.brand-flow li+li{border-left:1px solid var(--line)}
.brand-flow img{width:110px;height:100px;object-fit:contain}
.brand-flow b,.brand-flow p{display:block}
.brand-flow b{margin:10px 0}
.brand-flow p{margin:0;color:var(--muted);font-size:.9rem}
@media(max-width:850px){.about-hero__grid,.about-two{grid-template-columns:1fr;gap:36px}
.operator-summary__grid{grid-template-columns:1fr 1fr}.operator-summary__grid>div:nth-child(3){border-left:0}.operator-summary__grid>div:nth-child(n+3){border-top:1px solid var(--line)}.role-grid{grid-template-columns:1fr}
.experience-grid{grid-template-columns:1fr 1fr}
.brand-flow{grid-template-columns:1fr}
.brand-flow li+li{border-top:1px solid var(--line);border-left:0}
}
@media(max-width:600px){.about-hero{padding:48px 0}
.operator-summary__grid{grid-template-columns:1fr}.operator-summary__grid>div+div,.operator-summary__grid>div:nth-child(3){border-top:1px solid var(--line);border-left:0}
.about-hero__message{padding-left:20px}
.about-hero__message p{font-size:1.1rem}
.about-section{padding:58px 0}
.experience-grid{grid-template-columns:1fr}
.experience-grid article+article,.experience-grid article:nth-child(3){border-left:1px solid var(--line)}
.brand-flow li{padding-inline:0}
}

/* 見出しの直後に本文が続く、自然な縦の読書順に統一 */
.about-hero__grid{display:block;max-width:900px}
.about-hero h1{max-width:15em;margin-bottom:28px;text-wrap:balance}
.about-hero__message{max-width:760px;padding-left:28px}
.about-hero__lead{max-width:760px;margin-top:30px;padding-top:24px}
.about-two{display:block;max-width:900px}
.about-two>div:first-child{max-width:760px;margin-bottom:30px}
.about-section h2{max-width:20em;text-wrap:balance}
.about-copy{max-width:760px}
.about-copy p,.about-section--deep p{line-height:1.9}
.about-section--deep .container{max-width:900px}
.about-section--deep h2{margin-bottom:24px}
@media(max-width:600px){.about-hero h1{margin-bottom:22px}.about-hero__message{padding-left:18px}.about-two>div:first-child{margin-bottom:22px}}
@media(max-width:600px){.experience-grid{grid-template-columns:1fr}.experience-grid article{padding:24px}.experience-grid article+article,.experience-grid article:nth-child(3){border-left:1px solid var(--line)}}