/* 出張撮影（入口） 専用 */
.page-delivery .narrow{max-width:1200px}
.page-delivery .top{padding-top:40px}
.page-delivery .top h1{font-size:28px;line-height:1.55}
.page-delivery .top .lead{margin-top:18px;color:var(--ink-soft);font-size:15px;line-height:1.95}
.page-delivery .top .lead strong{color:var(--ink);font-weight:500}
.page-delivery .top .go{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
@media(min-width:900px){.page-delivery .top h1{font-size:38px}}
.page-delivery section{padding-block:64px}
@media(min-width:900px){.page-delivery section{padding-block:88px}}
.page-delivery .go{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}

.page-delivery .hero-photo{margin:26px 0 0}
.page-delivery .hero-photo img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:var(--shadow)}
@media(min-width:900px){.page-delivery .hero-photo{margin-top:34px}}

/* 5つのカード */
.page-delivery .cards{display:grid;gap:18px}
@media(min-width:680px){.page-delivery .cards{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.page-delivery .cards{grid-template-columns:repeat(3,1fr)}}
.page-delivery .card{display:grid;gap:0;background:var(--surface);border:1px solid var(--rule);
  border-radius:8px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;
  transition:border-color .2s,transform .25s}
.page-delivery .card:hover{border-color:var(--accent);transform:translateY(-2px)}
.page-delivery .card .ph img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 40%;display:block}
.page-delivery .card .tx{padding:20px 22px;position:relative;display:grid;gap:7px}
.page-delivery .card .t{font-family:var(--disp);font-weight:700;font-size:17px;padding-right:26px}
.page-delivery .card .d{font-size:14px;line-height:1.85;color:var(--ink-soft)}
.page-delivery .card .arrow{position:absolute;right:20px;top:20px;color:var(--accent);
  font-family:var(--num);font-size:19px;line-height:1}

.page-delivery .price{border-top:1px solid var(--rule)}
.page-delivery .price .r{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;
  padding:20px 2px;border-bottom:1px solid var(--rule)}
.page-delivery .price .n{font-family:var(--disp);font-weight:700;font-size:16px;min-width:6em}
.page-delivery .price .v{font-family:var(--num);font-weight:500;font-size:22px;color:var(--accent);
  font-variant-numeric:tabular-nums}
.page-delivery .price .note{width:100%;font-size:13px;color:var(--ink-soft)}
@media(min-width:760px){.page-delivery .price .note{width:auto;margin-left:auto;text-align:right}}
.page-delivery .tax{margin-top:16px;font-size:13px;color:var(--ink-soft)}

.page-delivery .flow{margin:26px 0 0;padding:0;list-style:none;counter-reset:f;display:grid;gap:14px}
.page-delivery .flow li{counter-increment:f;background:var(--surface);border:1px solid var(--rule);
  border-radius:8px;padding:20px 22px 20px 62px;position:relative;display:grid;gap:7px}
.page-delivery .flow li::before{content:counter(f);position:absolute;left:20px;top:20px;
  width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;
  font-family:var(--num);font-size:13px;display:grid;place-items:center}
.page-delivery .flow .k{font-family:var(--disp);font-weight:700;font-size:16px}
.page-delivery .flow .d{font-size:14px;line-height:1.9;color:var(--ink-soft)}
.page-delivery .flow .d strong{color:var(--ink);font-weight:500}

.page-delivery .book{margin-top:34px;padding:24px;background:var(--surface);
  border:1px solid var(--rule);border-radius:8px;box-shadow:var(--shadow)}
.page-delivery .book .k{font-family:var(--disp);font-weight:700;font-size:16px;margin-bottom:10px}
.page-delivery .book p{font-size:14.5px;line-height:1.9;color:var(--ink-soft)}