/* 人見知りの子どもの撮影について 専用。デザイン案のCSSを .page-hitomishiri の中だけに効かせています */
.page-hitomishiri h1, .page-hitomishiri h2, .page-hitomishiri h3{font-family:var(--disp);font-weight:700;line-height:1.55;text-wrap:balance;margin:0}
.page-hitomishiri .crumb{margin-left:auto;font-size:13px;color:var(--ink-soft)}
.page-hitomishiri .crumb a{text-decoration:none}
.page-hitomishiri .top{padding-top:36px;padding-bottom:0}
.page-hitomishiri .eyebrow{font-family:var(--num);font-size:11px;letter-spacing:.2em;color:var(--accent);
  text-transform:uppercase;margin-bottom:12px}
.page-hitomishiri .top h1{font-size:26px;line-height:1.6}
.page-hitomishiri .top .ask{margin-top:20px;font-size:15.5px;color:var(--ink-soft);background:var(--surface);
  border:1px solid var(--rule);border-radius:6px;padding:18px 20px;line-height:1.85}
.page-hitomishiri .top .ask b{color:var(--ink);font-family:var(--disp);font-weight:500}
@media(min-width:900px){
.page-hitomishiri .top h1{font-size:34px}
}
.page-hitomishiri .hero-ph{margin-top:30px}
.page-hitomishiri .hero-ph img{border-radius:3px;box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;
  object-position:50% 26%}
.page-hitomishiri .hero-ph figcaption{margin-top:14px;border-left:2px solid var(--accent);padding-left:12px;
  font-family:var(--disp);font-weight:500;font-size:14px;color:var(--ink-soft);line-height:1.75}
.page-hitomishiri section{padding:52px 0}
@media(min-width:900px){
.page-hitomishiri section{padding:70px 0}
}
.page-hitomishiri .quiet{background:var(--surface);border-block:1px solid var(--rule)}
.page-hitomishiri .prose h2{font-size:21px;margin-bottom:20px}
@media(min-width:900px){
.page-hitomishiri .prose h2{font-size:25px}
}
.page-hitomishiri .prose .body{display:grid;gap:20px}
.page-hitomishiri .prose .body strong{font-weight:500}
.page-hitomishiri .pull{margin:0;padding:30px 24px;background:var(--accent-wash);border-radius:6px;
  font-family:var(--disp);font-weight:700;font-size:18px;line-height:1.95;letter-spacing:.03em}
@media(min-width:760px){
.page-hitomishiri .pull{font-size:21px;padding:36px 32px}
}
.page-hitomishiri .midph{margin:8px 0 0}
.page-hitomishiri .midph img{border-radius:3px;box-shadow:var(--shadow);aspect-ratio:3/2;object-fit:cover}
.page-hitomishiri .freeph{margin:0}
.page-hitomishiri .freeph img{border-radius:3px;box-shadow:var(--shadow)}
.page-hitomishiri .freeph.tall{max-width:420px;margin-inline:auto}
.page-hitomishiri .freeph figcaption{margin-top:14px;border-left:2px solid var(--accent);padding-left:12px;
  font-size:14px;color:var(--ink-soft);line-height:1.8}
.page-hitomishiri .midph figcaption{margin-top:14px;border-left:2px solid var(--accent);padding-left:12px;
  font-size:14px;color:var(--ink-soft);line-height:1.8}
.page-hitomishiri .dos{display:grid;gap:2px;border-top:1px solid var(--rule);margin-top:8px}
.page-hitomishiri .dos article{padding:22px 2px;border-bottom:1px solid var(--rule);display:grid;gap:6px}
.page-hitomishiri .dos h3{font-size:16px;display:flex;gap:10px;align-items:baseline}
.page-hitomishiri .dos h3 .m{font-family:var(--num);font-size:11px;color:var(--accent);letter-spacing:.1em}
.page-hitomishiri .dos p{font-size:15px;color:var(--ink-soft);line-height:1.9}
.page-hitomishiri .faqmini{border-top:1px solid var(--rule);margin-top:8px}
.page-hitomishiri .faqmini details{border-bottom:1px solid var(--rule)}
.page-hitomishiri .faqmini summary{cursor:pointer;list-style:none;padding:18px 32px 18px 28px;position:relative;
  font-family:var(--disp);font-weight:500;font-size:15px;line-height:1.7}
.page-hitomishiri .faqmini summary::-webkit-details-marker{display:none}
.page-hitomishiri .faqmini summary::before{content:"Q";position:absolute;left:0;top:18px;font-family:var(--num);
  color:var(--accent);font-size:15px}
.page-hitomishiri .faqmini summary::after{content:"";position:absolute;right:4px;top:26px;width:8px;height:8px;
  border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);
  transform:rotate(45deg);transition:transform .2s}
.page-hitomishiri .faqmini details[open] summary::after{transform:rotate(-135deg)}
.page-hitomishiri .faqmini .a{padding:0 8px 22px 28px;color:var(--ink-soft);font-size:14.5px;line-height:1.9;position:relative}
.page-hitomishiri .faqmini .a::before{content:"A";position:absolute;left:0;top:0;font-family:var(--num);
  color:var(--ink-soft);font-size:15px}
.page-hitomishiri .next{display:grid;gap:12px;margin-top:10px}
.page-hitomishiri .next a{display:flex;align-items:baseline;gap:12px;padding:18px 20px;border:1px solid var(--rule);
  border-radius:6px;text-decoration:none;background:var(--surface);transition:border-color .2s}
.page-hitomishiri .next a:hover{border-color:var(--accent)}
.page-hitomishiri .next .t{font-family:var(--disp);font-weight:700;font-size:15px}
.page-hitomishiri .next .d{font-size:13px;color:var(--ink-soft)}
.page-hitomishiri .next .arrow{margin-left:auto;color:var(--accent);font-family:var(--num)}
.page-hitomishiri .js-reveal .reveal{opacity:0;transform:translateY(12px) scale(1.01);filter:blur(5px)}
.page-hitomishiri .js-reveal .reveal.is-in{opacity:1;transform:none;filter:none;
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1),
             filter .62s ease-out}