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

.fnB{
  --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;
}
.fnB__in{max-width:1040px;margin:0 auto}
.fnB__head{margin-bottom:clamp(26px,3.5vw,40px);padding-bottom:20px;border-bottom:2px solid var(--acc)}
.fnB__head h2{margin:0;font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--ink);letter-spacing:.02em}
.fnB__head p{margin:12px 0 0;font-size:14px;color:var(--body)}
.fnB__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);box-shadow:0 0 0 1px var(--line)}
.fnB__grid a{background:#fff;padding:26px 24px;text-decoration:none;display:grid;gap:0;transition:background .14s}
.fnB__grid a:hover{background:#f7f9fc}
.fnB__grid h3{margin:0;font-size:17px;font-weight:700;color:var(--ink);position:relative;padding-left:14px}
.fnB__grid h3::before{content:"";position:absolute;left:0;top:.3em;width:4px;height:.9em;background:var(--gold)}
.fnB__grid p{margin:14px 0 0;font-size:13.5px;line-height:1.95;color:var(--body)}
.fnB__grid span{margin-top:16px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--acc)}
@media (max-width:860px){ .fnB__grid{grid-template-columns:1fr 1fr} }
@media (max-width:540px){ .fnB__grid{grid-template-columns:1fr} }