/* ============================================================
   広島パーソナルジム GatoU のテーマ（app.css / motion.css の上書き）
   墨 × 生成り × 金。見出しは Oswald（英字）＋太めのゴシック
   ============================================================ */
:root{
  --ink:#151515; --brown:#151515; --greige:#8a8378;
  --pale:#eeece7; --bg:#f7f6f3; --line:#dcd8d0; --warn:#a8674a;
  --wood:#b08d57; --gold:#c4a26a; --sumi:#121212;
  --mincho:"Oswald","Zen Kaku Gothic New",'Hiragino Kaku Gothic ProN',sans-serif;
}
body{font-weight:400}
.h2{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;letter-spacing:.08em}
.en{font-family:"Oswald",sans-serif;font-size:12px;letter-spacing:.3em;color:var(--wood)}
.logo{font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:.12em}

/* ---- ヒーロー：左に文字、右に写真（縦長写真を切らない） ---- */
.hero{background:var(--sumi);display:grid;grid-template-columns:1.05fr .95fr;height:100svh;min-height:560px}
.hero-img{position:relative;inset:auto;grid-column:2;grid-row:1;background-position:center 30%;background-size:cover}
.hero::after{background:linear-gradient(90deg,var(--sumi) 0,rgba(18,18,18,0) 22%)}
.hero-copy{writing-mode:horizontal-tb;grid-column:1;grid-row:1;position:relative;left:auto;bottom:auto;align-self:center;
  margin:0;padding:0 var(--pad);font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;
  font-size:clamp(30px,4.6vw,64px);line-height:1.45;letter-spacing:.04em;text-shadow:none;z-index:3}
.hero-sub{left:var(--pad);right:auto;text-align:left;bottom:9vh;color:#d8d2c6}
.hero-sub .hero-name{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500}
@media(max-width:820px){
  .hero{display:block;height:auto;aspect-ratio:auto;min-height:0;padding-top:72px}
  .hero-img{height:62svh;width:100%}
  .hero::after{background:linear-gradient(180deg,rgba(18,18,18,0) 55%,var(--sumi) 100%);top:72px}
  .hero-copy{position:relative;padding:22px var(--pad) 8px;font-size:30px}
  .hero-sub{position:relative;left:auto;bottom:auto;padding:0 var(--pad) 26px;font-size:11px}
}

/* ---- 黒い帯 ---- */
.kinetic,.stats,#reasons,.cta{background:var(--sumi);color:#f2efe9}
.kinetic .kin-sub{color:#d8d2c6;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500}
.kl{font-family:"Oswald",sans-serif;font-weight:600}
.stats{border-top:1px solid #2a2a2a}
.stat-k{color:#a59d90}
.stat-v{font-family:"Oswald",sans-serif;color:var(--gold)}
.stat-w{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700}
#reasons .en,.cta .en{color:var(--gold)}
#reasons .reason{border-color:#2f2f2f}
#reasons .reason h4{color:#fff}
#reasons .reason p{color:#c9c3b8}
.cta p{color:#d8d2c6}
.cta a{border-color:var(--gold)}
.fn{font-family:"Oswald",sans-serif;color:var(--wood)}

/* ---- 料金表 ---- */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px);margin:34px 0 10px}
.plan{border:1px solid var(--line);background:#fff;padding:clamp(20px,3vw,30px)}
.plan h3{margin:0;font-size:18px;font-weight:700;letter-spacing:.08em}
.plan h3 span{margin-left:10px;font-family:"Oswald",sans-serif;font-size:11px;letter-spacing:.3em;color:var(--wood);font-weight:400}
.pnote{margin:2px 0 12px;font-size:12px;color:var(--greige)}
.ptable{width:100%;border-collapse:collapse;font-size:14px}
.ptable th,.ptable td{border-top:1px solid var(--line);padding:10px 4px;text-align:left;font-weight:400}
.ptable td:nth-child(2){font-family:"Oswald",sans-serif;font-size:16px;letter-spacing:.04em}
.ptable td:nth-child(3){font-size:12px;color:var(--greige);text-align:right}
@media(max-width:700px){.plans{grid-template-columns:1fr}}

/* ---- お客様の声 ---- */
.voice{background:var(--pale)}
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,26px)}
.voices blockquote{margin:0;background:#fff;border-top:2px solid var(--wood);padding:24px 22px}
.voices p{margin:0 0 12px;font-size:14px;line-height:2}
.voices cite{font-style:normal;font-size:11px;letter-spacing:.16em;color:var(--greige)}
@media(max-width:820px){.voices{grid-template-columns:1fr}}

/* ---- 写真の帯（同じ撮影の連作だけ） ---- */
.photoband{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--sumi)}
.photoband img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media(max-width:700px){.photoband{grid-template-columns:repeat(2,1fr)}}

/* ---- ボタンを墨に ---- */
.bar,.fab-pill,.drawer-bk,.flow-bk{background:var(--sumi);color:#fff}

/* 理由カード（黒い帯の上） */
#reasons .reasons{background:#2c2c2c}
#reasons .reason{background:var(--sumi)}
#reasons .reason h4{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:17px;color:#fff}
#reasons .reason p{color:#c9c3b8;font-size:13px}
.item h3{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700}
.item .price{font-family:"Oswald",sans-serif}