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

.mnB{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.mnB__in{max-width:1060px;margin:0 auto}
.mnB__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:clamp(24px,3.5vw,36px)}
.mnB__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.mnB__head a{font-size:13px;font-weight:700;color:var(--acc);text-decoration:none}
.mnB__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mnB__grid article{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff;
  transition:transform .16s,box-shadow .16s}
.mnB__grid article:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line),0 16px 30px -18px rgba(10,37,64,.5)}
.mnB__ph{position:relative;aspect-ratio:1}
.mnB__ph--1{background:linear-gradient(150deg,#e8c9a0,#a8743a)}
.mnB__ph--2{background:linear-gradient(150deg,#c2a68c,#6b4a2c)}
.mnB__ph--3{background:linear-gradient(150deg,#d9c8ae,#8f7a5c)}
.mnB__tag{
  position:absolute;top:12px;left:12px;background:#0e7c5a;color:#fff;font-size:10.5px;font-weight:800;
  padding:5px 10px;border-radius:99px;
}
.mnB__tag--out{background:#c0392b}
.mnB__b{padding:18px}
.mnB__o{margin:0;font-size:11px;color:var(--sub);letter-spacing:.04em}
.mnB__b h3{margin:8px 0 0;font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.6}
.mnB__pr{margin:14px 0 0;display:flex;align-items:baseline;gap:4px}
.mnB__pr b{font-size:21px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.mnB__pr small{font-size:11.5px;color:var(--sub)}
.mnB__b button{
  margin-top:16px;width:100%;border:0;border-radius:8px;height:44px;background:var(--ink);color:#fff;font:inherit;
  font-size:13.5px;font-weight:800;cursor:pointer;transition:background .14s;
}
.mnB__b button:hover{background:#123a63}
@media (max-width:860px){ .mnB__grid{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .mnB__grid{grid-template-columns:1fr} }