/* ============================================================
   スライド基準レイアウト
   大輝さんの原稿は PPTX の 16:9（2560×1440）。
   セクションを縦に伸ばすと間延びするので、各セクションを 16:9 に固定し、
   スクショの実測座標をそのまま vw に換算して配置する。
   1px = 0.0390625vw
   ============================================================ */

.slide{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  padding:0;
}
.slide.white{ background:#fff; }

/* 画像は角丸に統一（大輝さん指示 2026-08-03） */
.slide img,
.card img,
.block .thumb,
.row .ph2{ border-radius:.63vw; }        /* 16px 相当 */

/* ---- セクションラベルと見出し（実測: ラベル y=105 / 見出し y=224・字高77px）---- */
.slide .head{ position:absolute; left:4.41vw; top:4.10vw; }
.slide .head .label{ margin-bottom:1.60vw; }
.slide .head .label span{ font-size:1.41vw; }
.slide .head h1, .slide .head .sec-h{ font-size:3.44vw; line-height:1.15; }
.slide .head .lead{ margin-top:1.3vw; }

/* ============================================================
   サービス（スクショ559の実測・2層構造）

     カードは「背面のベタ箱」と「一回り小さい点線枠」の2枚重ねになっている。
       外箱  x=102 / 幅578 / y=598 / 高さ770 / #F5F1E8 / 角丸
       内箱  外箱から 8px 内側 / #F3F3F3 / 点線枠
       画像  内箱から 23px 内側・幅516・高さ305・角丸
       黒帯  516×80・#302F32・**角丸なし**
       本文  帯の下の余地にテキストを置くだけ。**箱は付けない**
     カード間隔 593px（外箱の左端どうし）
   ============================================================ */
.svc{
  position:absolute; left:3.984vw; right:3.984vw; top:23.36vw;
  display:flex; gap:1.7vw;   /* カード間 8px→24px */
}
.svc .c{                        /* 外箱（背面の少し大きいベタ箱） */
  /* 実測は 30.08vw 固定。2段に積むと空きが目立つので内容依存にした。
     flex の stretch で同じ行の4枚は自動で揃う */
  flex:1; height:auto;
  background:#F5F1E8;
  border-radius:.469vw;         /* 実測 12px */
  padding:.3125vw;              /* 8px。この分だけ外箱が縁として見える */
}
.svc .c .inner{                 /* 塗り箱。点線はこの上に重ねる別オブジェクト（.dash） */
  position:relative;
  height:100%;
  background:#F3F3F3;           /* 実測 rgb(243,243,243) */
  border-radius:.508vw;         /* 実測 13px */
  padding:1.4vw;                /* 23px→36px。画像と点線枠が近すぎたため */
  display:flex; flex-direction:column;
}
.svc .c .inner > *:not(.dash){ position:relative; z-index:2; }
.svc .c .inner .dash rect{ rx:.508vw; }   /* 点線オブジェクトの角丸だけ内箱に合わせる */
.svc .c .ph{ height:11.91vw; flex:none; overflow:hidden; border-radius:.55vw; margin-top:.31vw; }
.svc .c .ph img{ width:100%; height:100%; object-fit:cover; border-radius:.55vw; }
.svc .c .ttl{                   /* 黒帯：角丸を付けない */
  height:3.125vw; flex:none; margin-top:1.55vw;   /* 帯の上 28px→40px */
  background:var(--btn); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:1.21vw; font-weight:700;
  border-radius:0;
}
.svc .c .ttl .n{                /* 工程番号。8工程が1つの流れだと分かるように振る */
  font-family:var(--serif-en); font-size:.86vw; font-weight:400;
  letter-spacing:.1em; color:#B9B4AA; margin-right:.62vw;
}
.svc .c .body{                  /* 枠も背景も付けない。テキストだけ */
  flex:1;
  display:flex; align-items:flex-start;   /* 行数がカードごとに違うので上端で揃える */
  padding:2.2vw 0 1.6vw;   /* 本文の上下 20/11px→32/23px */
  font-size:1.02vw; line-height:1.75; font-weight:600;
  color:var(--sub); text-align:left;
}

/* 下向き矢印（スクショ560） */
.svc-arrow{
  position:absolute; left:50%; transform:translateX(-50%); bottom:3vw;
  width:72vw; height:4vw;
  background:var(--btn); clip-path:polygon(0 0,100% 0,50% 100%);
}

/* 8工程を1セクションに集約（2026-08-09）。
   PPTX由来の 16:9 固定のままだと 4枚＋4枚に割れ、後半に見出しのない宙ぶらりんの
   スライドができる。この節だけ高さ固定を解いて縦に積む。
   絶対配置の座標（head 4.41/4.10vw・svc 3.984vw）は padding と margin で再現する */
.svc-sec{ aspect-ratio:auto; padding:4.10vw 3.984vw 4.2vw; }
.svc-sec .head{ position:static; margin:0 0 4.3vw .43vw; }   /* 見出し下 43px→62px */
.svc-sec .svc{ position:static; margin-bottom:1.7vw; }   /* 段間 8px→24px */
.svc-sec .svc-arrow{ position:static; transform:none; margin:3.4vw auto 0; }

/* ---- スマホ ---- */
@media (max-width:900px){
  .slide{ aspect-ratio:auto; padding:14vw 0; }
  .svc-sec{ padding:14vw 0; }
  .svc-sec .head{ margin:0 0 8vw; }
  .svc-sec .svc{ margin-bottom:5vw; }
  .svc-sec .svc-arrow{ margin-top:8vw; }
  .slide .head{ position:static; padding:0 7vw; margin-bottom:8vw; }
  .slide .head .label span{ font-size:3.4vw; }
  .slide .head h1, .slide .head .sec-h{ font-size:7.4vw; }
  .slide img,.card img,.block .thumb,.row .ph2{ border-radius:2.4vw; }

  .svc{ position:static; flex-direction:column; gap:5vw; padding:0 7vw; }
  .svc .c{ height:auto; padding:1.2vw; border-radius:4vw; }
  .svc .c .inner{ padding:3.4vw; border-radius:3vw; }
  .svc .c .ph{ height:44vw; border-radius:2.4vw; margin-top:0; }
  .svc .c .ttl{ height:12vw; font-size:3.8vw; margin-top:3.4vw; }
  .svc .c .ttl .n{ font-size:2.7vw; margin-right:1.8vw; }
  .svc .c .body{ padding:7vw 0; font-size:3.4vw; }
  .svc-arrow{ position:static; transform:none; width:100%; height:12vw; margin-top:8vw; }
}