.proto-hero{background:#252e54;color:white;padding:60px 0}.proto-hero>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.proto-hero .eyebrow{color:#c6ac74}.proto-hero .label{color:#a3d6d2}.proto-hero h1{font-size:clamp(36px,4vw,56px)}.proto-hero .lead{font-size:14px;color:#d5deea}.proto-hero figure{margin:0}.proto-hero img{width:100%;height:350px;object-fit:cover}.proto-hero figcaption{font-size:10px;color:#bbc8d9;margin-top:7px}.question-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:35px}.question-grid article{padding:25px;border-top:2px solid #07878b;background:#f5f7f9}.question-grid span{font:28px Georgia,serif;color:#b08a40}.question-grid h3{font-size:19px;margin-top:15px}.question-grid p,.benefit-grid p{font-size:14px;margin:0}.why{background:#eef4f4}.benefit-grid article{background:white;padding:30px}.benefit-grid h3{font-size:20px}.cycle,.example-route{display:flex;align-items:center;gap:16px;margin:35px 0 15px}.cycle span,.example-route span{background:#252e54;color:white;flex:1;padding:20px 12px;text-align:center;font-size:14px}.cycle b,.example-route b{color:#07878b}.support-rows article{display:grid;grid-template-columns:55px 1.2fr 1fr;gap:25px;padding:35px 0;border-top:1px solid #dce4e9}.support-rows article>span{font:35px Georgia,serif;color:#b08a40}.support-rows h3{font-size:23px}.support-rows p{font-size:14px;margin:0}.support-rows ul{background:#f2f6f7;padding:20px 20px 20px 35px;margin:0;font-size:13px;align-self:center;color:#637087}.support-rows li{padding:5px 0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.check-grid article{padding:25px;background:white}.check-grid h3{font-size:19px;color:#07878b}.check-grid p{font-size:14px;margin:0}.example-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:35px}.example-layout p,.example-layout li{font-size:14px}.example-layout ul{padding-left:20px;margin-bottom:28px;color:#637087}.example-layout figure{margin:0}.example-layout img{width:100%;max-height:340px;object-fit:contain}.example-layout figcaption{font-size:11px;color:#738096;margin-top:10px}.sensor-tags{display:flex;gap:10px}.sensor-tags span{background:#edf5f4;padding:7px 17px;font-size:13px;color:#07878b}.proto-bottom{background:#edf4f3}@media(max-width:900px){.proto-hero>.wrap{gap:25px}.question-grid,.benefit-grid{gap:17px}.support-rows article{gap:18px;grid-template-columns:40px 1fr}.support-rows ul{grid-column:2}.cycle{gap:10px}.cycle span{font-size:12px}}@media(max-width:640px){.proto-hero{padding:40px 0}.proto-hero>.wrap,.question-grid,.benefit-grid,.check-grid,.example-layout{grid-template-columns:1fr}.proto-hero img{height:250px}.cycle,.example-route{flex-direction:column;gap:8px}.cycle span,.example-route span{width:100%}.cycle b,.example-route b{transform:rotate(90deg)}.support-rows h3{font-size:22px}.example-layout{gap:25px}.sensor-tags span{padding:6px 14px}.proto-bottom .actions{flex-direction:column;align-items:flex-start}}
/* ── FVに画像を敷く（2026-10-24） ── */
.proto-hero{position:relative;isolation:isolate;overflow:hidden;min-height:610px;display:flex;align-items:center}
.proto-hero>.wrap{position:relative;z-index:1;grid-template-columns:1fr;width:100%}
.proto-hero img.proto-hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:none;object-fit:cover;object-position:center center;z-index:-2}
.proto-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(0deg,rgba(18,26,48,.6) 0%,rgba(18,26,48,.3) 14%,rgba(18,26,48,0) 32%),
  linear-gradient(90deg,rgba(18,26,48,.7) 0%,rgba(18,26,48,.64) 28%,rgba(18,26,48,.4) 46%,
  rgba(18,26,48,.12) 60%,rgba(18,26,48,0) 74%)}
.proto-hero h1,.proto-hero .lead{max-width:660px}
@media(max-width:860px){
  .proto-hero{min-height:520px}
  .proto-hero img.proto-hero-photo{object-position:66% center}
  .proto-hero::after{background:
    linear-gradient(180deg,rgba(18,26,48,.78) 0%,rgba(18,26,48,.7) 45%,rgba(18,26,48,.64) 100%)}
  .proto-hero h1,.proto-hero .lead{max-width:none}
}