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

.mdC{
  --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:#f2f9f8;padding:clamp(56px,7vw,104px) 24px;
}
.mdC__in{max-width:940px;margin:0 auto}
.mdC__title{margin:0;font-size:clamp(22px,3.2vw,32px);font-weight:700;color:var(--ink);text-align:center}
.mdC__lead{margin:16px auto 0;max-width:560px;font-size:15px;line-height:2;color:var(--body);text-align:center}
.mdC__flow{margin:clamp(34px,4.5vw,52px) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mdC__flow li{background:#fff;border-radius:20px;padding:28px 22px;text-align:center}
.mdC__n{
  display:grid;place-items:center;width:44px;height:44px;margin:0 auto 16px;border-radius:50%;
  background:var(--acc);color:#fff;font-size:17px;font-weight:700;
}
.mdC__flow h3{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.mdC__flow p{margin:11px 0 0;font-size:13.5px;line-height:1.9;color:var(--body)}
.mdC__bring{
  margin:clamp(28px,3.5vw,42px) auto 0;max-width:560px;background:#fff;border-radius:20px;padding:26px 30px;
  text-align:center;
}
.mdC__bringT{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--ink)}
.mdC__bring ul{margin:0;padding:0;list-style:none;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.mdC__bring li{position:relative;padding-left:20px;font-size:14px;color:var(--body)}
.mdC__bring li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:5px;
  border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
@media (max-width:880px){ .mdC__flow{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .mdC__flow{grid-template-columns:1fr} }