/* Figma 424:98 / 425:315：紹介文と設備カード。/clinic/ のみ読み込み。 */
body.clinic-page > main.clinic-page { width: 100%; margin: 0; }
.clinic-equipment { width: min(1069px, calc(100% - 48px)); margin-inline: auto; padding-block: 90px 120px; }
.clinic-equipment__intro { margin-inline: auto; }
body.clinic-page .clinic-equipment__intro h2 { margin: 5px 0 0; font-size: 40px; line-height: 1.45; font-weight: var(--font-weight-heading); text-wrap: balance; }
body.clinic-page .clinic-equipment__lead { max-width: 653px; margin: 30px 0 0; font-size: 20px; line-height: 40px; text-align: center; }
.clinic-equipment__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 494px)); column-gap: 76px; row-gap: 70px; margin-top: 90px; }
.clinic-equipment__card { min-width: 0; min-height: 550px; padding: 12px 17px 24px; border-radius: 11.103px; background: #fff; box-shadow: 0 0 4px #00000040; }
.clinic-equipment__photo { position: relative; width: 100%; aspect-ratio: 460 / 290; overflow: hidden; mask: url('../images/clinic-equipment-photo-mask.svg') center / 100% 100% no-repeat; }
.clinic-equipment__photo img { position: absolute; max-width: none; width: var(--photo-width, 100%); height: var(--photo-height, 100%); left: var(--photo-left, 0%); top: var(--photo-top, 0%); object-fit: cover; }
.clinic-equipment__photo--reception { --photo-width: 100.4348%; --photo-height: 106.2069%; --photo-left: -.4348%; --photo-top: -5.1724%; }
.clinic-equipment__photo--parking { --photo-height: 105.8621%; --photo-top: -.6897%; }
.clinic-equipment__photo--chair { --photo-width: 144.7826%; --photo-height: 153.1034%; --photo-left: -12.1739%; --photo-top: -26.5517%; }
.clinic-equipment__photo--xray { --photo-width: 121.9565%; --photo-height: 128.9655%; --photo-left: -10.8696%; --photo-top: -6.2069%; }
.clinic-equipment__photo--autoclave { --photo-width: 110.2174%; --photo-height: 116.5517%; --photo-left: -3.6957%; --photo-top: -9.3103%; }
.clinic-equipment__photo--handpiece { --photo-width: 129.1304%; --photo-height: 136.5517%; --photo-left: -14.5652%; --photo-top: -13.7931%; }
.clinic-equipment__photo--aed { --photo-width: 109.5652%; --photo-height: 115.8621%; --photo-left: -8.4783%; --photo-top: -10.6897%; }
body.clinic-page .clinic-equipment__card h2 { margin: 15px 0 0; color: var(--color-orange); font-size: 25px; font-weight: var(--font-weight-heading); line-height: 1.45; text-align: center; text-wrap: balance; }
body.clinic-page .clinic-equipment__card p { margin: 15px 0 0; font-size: 18px; line-height: 35px; line-break: strict; word-break: normal; text-wrap: pretty; }
@media (max-width: 767px) {
 .clinic-equipment { width: calc(100% - 40px); padding-block: 44px 64px; }
 body.clinic-page .clinic-equipment__intro h2 { font-size: 26px; }
 body.clinic-page .clinic-equipment__lead { margin-top: 24px; font-size: 16px; line-height: 1.9; text-align: left; text-wrap: pretty; }
 .clinic-equipment__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 40px; }
 .clinic-equipment__card { min-height: 0; padding: 12px 14px 24px; }
 body.clinic-page .clinic-equipment__card h2 { font-size: 20px; line-height: 1.6; }
 body.clinic-page .clinic-equipment__card p { margin-top: 12px; font-size: 15px; line-height: 1.9; }
}
/* 汎用投稿テンプレートの段落・記事間余白を、このカード一覧では使わない。 */
body.clinic-page > main .clinic-equipment__card { margin: 0; }
body.clinic-page > main .clinic-equipment__intro > .section-heading__en { margin: 0; }

/* Figma 425:240：医院紹介専用の下層FV。共通ヘッダーをそのまま重ねます。 */
.clinic-page .site-header { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; }
@media (max-width: 767px) {
 .clinic-page .site-header { position: relative; }
}
