html,body{margin:0;background:#fff}

.fnD{
  --acc:#1b3a6b; --gold:#a8894f; --ink:#152439; --body:#3d4b5c; --sub:#7b8797; --line:#dde3ea;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(56px,7vw,104px) 24px;
}
.fnD__in{max-width:1000px;margin:0 auto}
.fnD__head{margin-bottom:clamp(26px,3.5vw,40px);padding-bottom:20px;border-bottom:2px solid var(--acc)}
.fnD__head h2{margin:0;font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--ink);letter-spacing:.02em}
.fnD__grid{display:grid;gap:0}
.fnD__grid article{display:grid;grid-template-columns:120px 1fr;gap:26px;padding:28px 0;border-bottom:1px solid var(--line)}
.fnD__ph{display:block;aspect-ratio:3/4;background:linear-gradient(160deg,#8fa3bd,#42597a)}
.fnD__ph--2{background:linear-gradient(160deg,#b7a9bd,#6a5876)}
.fnD__ph--3{background:linear-gradient(160deg,#a3b3ab,#526b60)}
.fnD__q{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--gold)}
.fnD__grid h3{margin:10px 0 0;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.04em}
.fnD__b{margin:14px 0 0;font-size:13.5px;line-height:2;color:var(--body)}
@media (max-width:560px){ .fnD__grid article{grid-template-columns:90px 1fr;gap:18px} }