/* 全身調整コース LP（cranio.css の部品を使い、足りない部分だけここに書きます） */
.zs-hero h1 .ln{display:block}
.zs-hero .zs-question{word-break:auto-phrase;text-wrap:balance;font-family:var(--f-display);font-weight:700;color:#F2C7A5;font-size:clamp(1rem,1.8vw,1.15rem);margin-bottom:6px}

.zs-turn{margin-top:clamp(24px,4vw,36px);text-align:center;font-family:var(--f-display);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.8}
.zs-turn b{color:var(--sun)}

.zs-why{text-align:center;font-family:var(--f-display);font-weight:900;font-size:clamp(1.3rem,3vw,1.9rem);color:var(--navy);margin:6px 0 clamp(24px,4vw,36px)}
.zs-aims{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;padding:0;margin:0;counter-reset:a}
.zs-aims li{background:var(--ground);border-top:3px solid var(--navy);padding:18px 16px;font-weight:700;line-height:1.6;counter-increment:a}
.zs-aims li::before{content:"0" counter(a);display:block;font-family:"Oswald",sans-serif;color:var(--sun);letter-spacing:.12em;font-size:.8rem;margin-bottom:4px}
@media (max-width:860px){.zs-aims{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.zs-aims{grid-template-columns:1fr}}

.zs-themes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;padding:0;margin:0}
.zs-themes li{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:20px 16px;text-align:center}
.zs-themes b{display:block;font-family:"Oswald",sans-serif;font-size:1.8rem;color:var(--sun);line-height:1}
.zs-themes h3{font-size:1rem;margin-top:10px;line-height:1.6}
.zs-themes h3 small{display:block;font-family:var(--f-body);font-weight:500;font-size:.78rem;color:var(--ink-soft)}
@media (max-width:860px){.zs-themes{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.zs-themes{grid-template-columns:1fr}.zs-themes li{display:flex;align-items:center;gap:16px;text-align:left}.zs-themes h3{margin-top:0}}

.zs-total{margin-top:16px;background:var(--navy);color:#fff;border-radius:6px;padding:16px;text-align:center;font-family:"Oswald",var(--f-body);font-size:clamp(1.1rem,2.6vw,1.5rem);letter-spacing:.06em}
.zs-total small{font-family:var(--f-body);font-size:.8rem;color:rgba(255,255,255,.75);display:block;letter-spacing:0}

.zs-flyer{margin:clamp(32px,5vw,48px) auto 0;max-width:640px}
.zs-flyer img{width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}
.zs-flyer figcaption{margin-top:8px;font-size:.8rem;color:var(--ink-soft);text-align:center}

/* 施術実績 */
.zs-case-wide{margin:0 0 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.zs-case-wide img{width:100%;height:auto;display:block}
.zs-case-wide figcaption{padding:18px 22px 22px;display:grid;gap:10px}
.zs-case-wide h3{font-size:clamp(1.15rem,2.4vw,1.4rem);word-break:auto-phrase}
.zs-case-wide p{color:var(--ink-soft);font-size:.95rem}
#results .cr-cases{margin-top:20px}
#results .cr-case-sm{background:var(--ground)}
.zs-cases3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zs-cases3 .cr-case-sm img{aspect-ratio:4/5}
@media (max-width:980px){.zs-cases3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.zs-cases3{grid-template-columns:1fr}.zs-cases3 .cr-case-sm img{aspect-ratio:auto}}

/* 最初の画面：施術写真のストーリーズ。縦長の写真はパソコンでは全体が見えるように、ぼかした背景の上に置きます */
@media (min-width:861px){
  .zs-hero .cr-story-slide.is-tall{background:#141C35}
  .zs-hero .cr-story-slide.is-tall .cr-story-bg{display:block;position:absolute;inset:-20px;background-position:center;background-size:cover;filter:blur(18px) brightness(.6);transform:scale(1.1)}
  .zs-hero .cr-story-slide.is-tall img{position:relative;object-fit:contain;object-position:96% 50% !important}
  .zs-hero .cr-story-text{right:44%}
  .zs-hero.cr-hero--story .cr-story-text h1{font-size:clamp(1.5rem,2.9vw,2.4rem)}
  .zs-hero .cr-hero-body .cr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){.zs-hero .cr-story-slide.is-tall .cr-story-bg{display:none}}
@media (max-width:520px){.zs-hero.cr-hero--story .cr-story-text h1{font-size:clamp(.95rem,4.5vw,1.25rem)}}