/* 機能の詳細（features.html）だけで使うもの。base.css の後に読む */
:root{--dash:#f9f5f0}
.wrap{max-width:1080px}
.btn{padding:9px 18px;font-size:16px;box-shadow:0 4px 0 #b84f00}
.btn.big{padding:16px 32px;font-size:17px}
.nav{display:flex;align-items:center;gap:22px;font-weight:700}
.nav .tx{color:var(--ink);text-decoration:none}
.hero{padding:72px 0 40px;text-align:center}
.hero h1{font-size:clamp(28px,4vw,42px);font-weight:800;margin:0;line-height:1.4}
.hero p{color:var(--sub);margin:14px 0 0;font-size:17px}
section{padding:72px 0}
.f{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.f.rev .txt{order:2}
.num{color:#ec6a00;font-size:44px;line-height:1}
.f h2{font-size:clamp(22px,2.8vw,30px);font-weight:800;margin:10px 0 0;line-height:1.45}
.f p{color:var(--sub);margin:14px 0 0;font-size:17px}
.shot{max-width:390px;margin:0 auto;background:var(--dash);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(58,52,44,.08),0 24px 48px -24px rgba(58,52,44,.35)}
.shot.wide{max-width:460px}
.end{text-align:center;padding:80px 0 96px}
.end h2{font-size:clamp(24px,3vw,32px);margin:0 0 24px}
.end .sub{margin-top:18px}
footer{padding:40px 0}
.copy{margin:20px 0 0;color:#bdb3a7}
@media (max-width:860px){
  .nav .tx{display:none}
  section{padding:56px 0}
  .f,.f.rev{grid-template-columns:1fr;gap:24px}
  .f.rev .txt{order:0}
  .num{font-size:36px}
}