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

.mdA{
  --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:linear-gradient(180deg,#f2f9f8,#fff);padding:clamp(52px,7vw,100px) 24px;
}
.mdA__in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center}
.mdA__eyebrow{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--acc)}
.mdA__title{margin:0;font-size:clamp(28px,4.4vw,46px);line-height:1.5;font-weight:700;color:var(--ink);letter-spacing:.01em}
.mdA__lead{margin:22px 0 0;font-size:16px;line-height:2.1;color:var(--body);max-width:420px}
.mdA__btns{margin:32px 0 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mdA__btn{
  display:inline-flex;align-items:center;height:60px;padding:0 34px;border-radius:99px;background:var(--acc);
  color:#fff;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px -8px rgba(47,158,143,.8);
}
.mdA__tel{display:grid;gap:2px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:700;letter-spacing:.02em}
.mdA__tel span{font-size:11.5px;color:var(--sub);font-weight:600;letter-spacing:.1em}
.mdA__note{margin:22px 0 0;font-size:13px;line-height:1.9;color:var(--sub)}
.mdA__fig{position:relative}
.mdA__ph{
  aspect-ratio:4/3;border-radius:28px;
  background:linear-gradient(150deg,#bfe3dd,#7cc2b8 65%,#4aa89b);
  box-shadow:0 24px 50px -26px rgba(29,59,58,.5);
}
.mdA__blob{
  position:absolute;right:-6%;bottom:-12%;width:44%;aspect-ratio:1;border-radius:50%;
  background:#e8f4f2;z-index:-1;
}
@media (max-width:860px){ .mdA__in{grid-template-columns:1fr} .mdA__fig{order:-1} }