/* 型v1「見ずにいられないページ」（v5_layout=v5 の回だけ）。2026-10-16 ラボリーダー指示。
   labo-v4.css のあとに読む（色・書体の変数、.labo-v4-btn／.labo-v4-scenes／.labo-v4-more／
   .labo-v4-words__head／.labo-v4__in はそちらを流用する）。 */

.labo-v5-head{background:#fff;padding:56px 0 8px}
.labo-v5 .labo-v5-title{margin:0;font-family:var(--serif);font-size:clamp(28px,3.2vw,38px);font-weight:700;line-height:1.4;letter-spacing:.02em;color:var(--ink)}
.labo-v5 .labo-v5-toi{margin:12px 0 0;font-size:16px;line-height:1.8;letter-spacing:.02em;color:var(--muted)}
.labo-v5 .labo-v5-greeting{margin:26px 0 0;font-size:15px;letter-spacing:.04em;line-height:1.7;color:var(--ink-2)}
.labo-v5 .labo-v5-scene{margin:20px 0 0;max-width:760px;font-size:17px;line-height:1.95;letter-spacing:.02em;color:var(--ink-2)}

.labo-v5-scenes-sec{background:#fff;padding:44px 0 56px}
.labo-v5-scenes-sec .labo-v4-words__head{max-width:760px;margin-left:auto;margin-right:auto}
.labo-v5-scenes-sec .labo-v4-scenes{max-width:760px;margin:0 auto}

/* ━ 核心の一言：引用＋写真 ━ */
.labo-v5-core{background:#fff;padding:0 0 56px}
.labo-v5-core__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;background:#f4f1eb;border-radius:4px;overflow:hidden}
.labo-v5-core__grid.is-side-left{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.labo-v5-core__grid.is-side-left .labo-v5-core__photo{order:-1}
.labo-v5-core__quote{position:relative;display:flex;flex-direction:column;justify-content:center;padding:56px 48px}
.labo-v5-core__quote::before{content:"\201C";position:absolute;left:30px;top:10px;font-family:var(--serif);font-size:88px;line-height:1;color:#c8b89a}
.labo-v5 .labo-v5-core__quote blockquote{margin:0;padding:0;border:0}
.labo-v5 .labo-v5-core__quote blockquote p{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.75;letter-spacing:.02em;color:var(--ink)}
.labo-v5 .labo-v5-core__byline{margin:22px 0 0;font-size:14px;letter-spacing:.06em;color:var(--muted)}
.labo-v5 .labo-v5-core__byline .labo-v5-core__name{font-weight:700;letter-spacing:.12em}
.labo-v5 a.labo-v5-core__reason,.labo-v5 p.labo-v5-core__reason{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;font-size:15px;font-weight:700;letter-spacing:.03em;color:var(--red)}
.labo-v5-core__photo{position:relative;min-height:320px;background:#ddd8cd;overflow:hidden}
/* body.labo img{height:auto} (labo.css) の方が詳細度で勝ってしまうため、クラス2つで上書きする */
.labo-v5 .labo-v5-core__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 写真の、言葉の側の縁を背景色に溶かす（既定＝写真は右＝左縁を溶かす） */
.labo-v5-core__photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f4f1eb 0%,rgba(244,241,235,.85) 10%,rgba(244,241,235,0) 38%)}
.labo-v5-core__grid.is-side-left .labo-v5-core__photo::after{background:linear-gradient(270deg,#f4f1eb 0%,rgba(244,241,235,.85) 10%,rgba(244,241,235,0) 38%)}

/* ━ この回で答えている問い ━ */
.labo-v5-questions{background:#fff;padding:0 0 56px}
.labo-v5-questions .labo-v4-words__head{max-width:760px;margin-left:auto;margin-right:auto}
.labo-v5-questions .labo-v4-scenes{max-width:760px;margin:0 auto}

/* ━ 再生／入会ボタン ━ */
.labo-v5-cta{background:#fff;padding:0 0 64px;text-align:center}
.labo-v5 a.labo-v5-cta__btn{min-width:320px}
.labo-v5 .labo-v5-cta__terms{margin-top:14px;font-size:13.5px;color:var(--muted)}
.labo-v5-cta__player{max-width:900px;margin:0 auto}
.labo-v5-cta__player .labo-player,.labo-v5-cta__player iframe{width:100%}

/* ━ 同じ悩みの回（labo-v4-more を流用。見出し文言だけ差し替え） ━ */
.labo-v5 .labo-v4-more__head{margin-bottom:30px}

@media (max-width:960px){
  .labo-v5-head{padding:40px 0 4px}
  .labo-v5-core__grid,.labo-v5-core__grid.is-side-left{grid-template-columns:minmax(0,1fr)}
  /* スマホは側に関わらず「写真→言葉」の順（見本のスマホ版と同じ） */
  .labo-v5-core__grid .labo-v5-core__photo,.labo-v5-core__grid.is-side-left .labo-v5-core__photo{order:-1}
  .labo-v5-core__grid .labo-v5-core__quote,.labo-v5-core__grid.is-side-left .labo-v5-core__quote{order:0}
  .labo-v5-core__quote{padding:44px 24px 36px}
  .labo-v5-core__quote::before{left:16px;top:8px;font-size:72px}
  .labo-v5 .labo-v5-core__quote blockquote p{font-size:21px}
  .labo-v5-core__photo{min-height:260px}
  /* 写真の下の縁を背景色に溶かす（見本のスマホ版と同じ。左右の分けは効かせない） */
  .labo-v5-core__photo::after,.labo-v5-core__grid.is-side-left .labo-v5-core__photo::after{background:linear-gradient(0deg,#f4f1eb 0%,rgba(244,241,235,.85) 10%,rgba(244,241,235,0) 38%)}
}
@media (max-width:640px){
  .labo-v5 .labo-v5-cta__btn{width:100%;min-width:0}
}