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

.mdB{
  --acc:#2f9e8f; --ink:#1d3b3a; --body:#3c5250; --sub:#6b8180; --line:#dfeceb;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(56px,7vw,104px) 24px;
}
.mdB__in{max-width:1060px;margin:0 auto}
.mdB__head{text-align:center;margin-bottom:clamp(32px,4vw,52px)}
.mdB__eyebrow{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--acc)}
.mdB__head h2{margin:0;font-size:clamp(22px,3.2vw,32px);line-height:1.6;font-weight:700;color:var(--ink)}
.mdB__grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
.mdB__grid li{
  background:#f7fbfa;border-radius:20px;padding:32px 26px;text-align:center;
}
.mdB__ic{
  display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#fff;
  font-size:26px;box-shadow:0 6px 16px -8px rgba(29,59,58,.4);
}
.mdB__grid h3{margin:0;font-size:17px;font-weight:700;color:var(--ink)}
.mdB__grid p{margin:12px 0 0;font-size:14px;line-height:1.95;color:var(--body)}
@media (max-width:880px){ .mdB__grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .mdB__grid{grid-template-columns:1fr} .mdB__br{display:none} }