/*
 * 無料歩行診断（/service/walk/）だけで読む。inc/walk.php が読み込む。
 * 色・書体は base.css の :root と同じ値。900px 以下は1カラム。
 */
.wk .wk-p{font-size:16.5px;color:var(--text);line-height:1.85}
.wk h3{margin:0;font-size:18px;font-weight:700;line-height:1.5}

.wk-hero{padding-top:8px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.wk-hero-t{display:flex;flex-direction:column;gap:18px}
.wk-hero .phead{padding-block:0}
.wk-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.wk-fig{margin:0}
.wk-fig img{width:100%;height:auto;display:block;border-radius:18px}

.wk-worry,.wk-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wk-worry li,.wk-tips li{position:relative;padding:14px 18px 14px 48px;background:var(--soft);border-radius:14px;font-size:16px;line-height:1.7}
.wk-worry li::before{content:"？";position:absolute;left:16px;top:14px;font-weight:800;color:var(--red)}
.wk-tips li::before{content:"✓";position:absolute;left:18px;top:14px;font-weight:800;color:var(--navy)}

.wk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wk-card{border:2px solid var(--navy-line);border-radius:20px;background:#fff;box-shadow:0 4px 0 var(--navy-line);padding:22px;display:flex;flex-direction:column;gap:8px}
.wk-card p{font-size:15px;color:var(--text);line-height:1.75}
.wk-n{font-family:var(--en);font-weight:800;font-size:28px;color:var(--red);line-height:1}

.wk-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.wk-flow small{font-size:14.5px;font-weight:400;color:var(--text);line-height:1.7}
.wk-for{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px}
#wk-class .wk-tips{margin-top:16px}
.wk-band{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.wk-tel{font-size:16px}
.wk-tel a{font-family:var(--en);font-weight:800;font-size:22px;color:var(--navy);text-decoration:none}

@media (max-width:900px){
  .wk-hero{grid-template-columns:minmax(0,1fr);gap:24px}
  .wk-fig{max-width:420px;margin-inline:auto}
  .wk-cards{grid-template-columns:minmax(0,1fr)}
  .wk-flow{grid-template-columns:minmax(0,1fr);gap:14px}
  .wk-flow > div + div::before{display:none}
}