/* ============================================
   three-layered.css — スリーレイヤード特集ページ固有スタイル（T750）
   ソース正本: ceevs_website/design/ceevs-site-v2/three-layered.html
   common.css 掲載分は除外
   ============================================ */

section{padding:130px 0}

.art span{color:rgba(255,255,255,.55)}

.fhero{height:76vh;min-height:520px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(160deg,#ddd9d3,#c4bfb7)}

.fhero .art{position:absolute;inset:0}

.fhero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,20,.32),rgba(20,20,20,0) 50%)}

.fhero-inner{position:relative;z-index:2;width:100%;padding:0 40px 56px;max-width:var(--maxw);margin:0 auto;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.25)}

.fhero .eyebrow{color:rgba(255,255,255,.85);margin-bottom:22px}

.fhero h1{font-family:"Noto Sans JP",sans-serif;font-size:clamp(30px,5vw,64px);font-weight:200;line-height:1.32;letter-spacing:.04em}

.lead{padding:120px 0 0}

.lead .inner{max-width:760px;margin:0 auto;text-align:center}

.lead h2{font-family:"Noto Sans JP",sans-serif;font-size:clamp(24px,3.4vw,40px);font-weight:200;line-height:1.5;letter-spacing:.05em;margin-bottom:30px}

.lead p{color:#4a4a4a;font-size:14.5px;line-height:2.2;max-width:52ch;margin:0 auto}

.oilsec{padding:120px 0}

.oilrow{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:0 40px}

.oilrow + .oilrow{margin-top:110px}

.oilrow.rev{grid-template-columns:1.1fr 0.9fr}

.oilrow.rev .oimg{order:2}

.oimg{aspect-ratio:4/5;overflow:hidden;background:#dcd8d3;position:relative}

.oimg .art{position:absolute;inset:0}

.otext .idx{font-family:"Jost",sans-serif;font-size:13px;letter-spacing:.3em;color:var(--stone)}

.otext h3{font-family:"Noto Sans JP",sans-serif;font-size:clamp(24px,3vw,36px);font-weight:200;letter-spacing:.05em;margin:16px 0 20px}

.otext p{color:#4a4a4a;font-size:14px;line-height:2.1;max-width:40ch}

.closing{background:var(--mist);text-align:center;padding:120px 0}

.closing h2{font-family:"Noto Sans JP",sans-serif;font-size:clamp(24px,3.4vw,40px);font-weight:200;line-height:1.5;letter-spacing:.05em;margin-bottom:34px}

.closing .link-underline{display:inline-block}

@media(max-width:900px){.oilrow,.oilrow.rev{grid-template-columns:1fr;gap:32px}.oilrow.rev .oimg{order:0}.otext{text-align:center}.otext p{margin-left:auto;margin-right:auto}}

@media(max-width:720px){
section{padding:84px 0}
.fhero-inner{padding:0 22px 44px}
.lead{padding-top:84px}
.oilsec{padding:84px 0}
.oilrow + .oilrow{margin-top:72px}
.oilrow{padding:0 22px}
.closing{padding:84px 0}
}