.clinic-area{background:#F8F4ED;color:#1D2B38;padding:clamp(3rem,7vw,7rem) 1.25rem}
.clinic-area__inner{width:min(1320px,100%);margin:auto}
.clinic-area__back{color:#356D72;text-decoration:none;font-size:.9rem}
.clinic-area__kicker{font-size:.75rem;letter-spacing:.22em;color:#47777A;margin:2.2rem 0 .9rem}
.clinic-area h1{font-family:Georgia,serif;font-weight:400;line-height:1.12;font-size:clamp(2.5rem,5vw,5rem);color:#1D2B38;margin:0 0 1.2rem}
.clinic-area__lead{max-width:65ch;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.7;margin:0 0 3.5rem;color:#394853}
.clinic-area__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.clinic-area-card{display:block;min-width:0;background:#fffdf9;color:#1D2B38;text-decoration:none;border:1px solid #e3dbce;transition:transform .2s ease,box-shadow .2s ease}
.clinic-area-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #1d2b3817}
.clinic-area-card:focus-visible{outline:3px solid #16767c;outline-offset:3px}
.clinic-area-card__art{display:block;height:clamp(190px,23vw,290px);position:relative;overflow:hidden;background:var(--art-bg,#e9e2d7)}
.clinic-area-card__art svg{width:100%;height:100%;display:block;transition:transform .4s ease}
.clinic-area-card:hover .clinic-area-card__art svg{transform:scale(1.04)}
.clinic-area-card__body{display:grid;grid-template-columns:1fr auto;align-items:center;padding:1.35rem 1.4rem 1.55rem;gap:.35rem}
.clinic-area-card__number{font-size:.68rem;letter-spacing:.2em;color:#588186;grid-column:1/-1}
.clinic-area-card__title{font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.22}
.clinic-area-card__arrow{font-size:1.5rem;font-weight:300;color:#40868a}
.clinic-area-card--02 svg{filter:hue-rotate(13deg)}
.clinic-area-card--03 svg{filter:hue-rotate(-12deg)}
.clinic-area-card--04 svg{filter:hue-rotate(20deg)}
.clinic-area-card--05 svg{filter:hue-rotate(-5deg)}
.clinic-area-card--06 svg{filter:hue-rotate(29deg)}
.clinic-area-card--07 svg{filter:hue-rotate(-18deg)}
.clinic-area-card--08 svg{filter:hue-rotate(9deg)}
.clinic-area-card--09 svg{filter:hue-rotate(22deg)}
.clinic-area-card--10 svg{filter:hue-rotate(-24deg)}
.clinic-area-card--11 svg{filter:hue-rotate(14deg)}
.clinic-area-card--12 svg{filter:hue-rotate(-7deg)}
.clinic-area-card--13 svg{filter:hue-rotate(26deg)}
.clinic-area__contact{text-align:center;border-top:1px solid #d9cec1;margin-top:4rem;padding-top:2rem}
.clinic-area__contact p{margin:0 0 1rem}.clinic-area__contact a{display:inline-block;background:#21BBC4;color:#1D2B38;padding:.9rem 1.5rem;text-decoration:none}
@media(min-width:1360px){.clinic-area__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.clinic-area__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.clinic-area__grid{grid-template-columns:1fr}.clinic-area-card__art{height:240px}}
@media(prefers-reduced-motion:reduce){.clinic-area-card{transition:none}}

.ca-area-header .clinic-area__lead p{margin:0}.clinic-area-card__art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.ca-area-contact a:focus-visible{outline:3px solid #16767c;outline-offset:3px}