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

.mdD{
  --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;
}
.mdD__in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,60px);align-items:center}
.mdD__ph{aspect-ratio:3/4;border-radius:24px;background:linear-gradient(160deg,#cfe6e2,#6fb3a9)}
.mdD__eyebrow{margin:0 0 16px;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--acc)}
.mdD__body h2{margin:0;font-size:clamp(21px,3vw,30px);line-height:1.65;font-weight:700;color:var(--ink)}
.mdD__body p{margin:20px 0 0;font-size:15px;line-height:2.15;color:var(--body)}
.mdD__sign{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.mdD__name{margin:0;font-size:17px;font-weight:700;color:var(--ink)}
.mdD__hist{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.mdD__hist li{font-size:13px;color:var(--sub)}
@media (max-width:820px){ .mdD__in{grid-template-columns:1fr} .mdD__ph{aspect-ratio:4/3} }