@charset "UTF-8";
/* おやかわ眼科 日帰り手術 固有CSS */

.oyk-surgery-lead{ padding:clamp(44px,5vw,72px) clamp(16px,4vw,32px) clamp(20px,3vw,32px); background:#fff; }
.oyk-surgery-lead .oyk-lead{ max-width:820px; font-size:clamp(15px,1.8vw,17px); line-height:2; text-align:center; }
@media (max-width:767px){ .oyk-surgery-lead .oyk-lead{ text-align:left; } }

.oyk-surgery-sec{ padding:clamp(28px,4vw,48px) clamp(16px,4vw,32px); }
.oyk-surgery-sec--last{ padding-top:clamp(28px,4vw,52px); padding-bottom:clamp(52px,7vw,84px); }
.oyk-surgery-row{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:clamp(26px,4vw,44px); align-items:center; }
.oyk-surgery__img{ border-radius:24px; overflow:hidden; box-shadow:0 12px 30px rgba(139,90,43,.12); }
.oyk-surgery__img img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.oyk-surgery__badge{ display:inline-block; font-size:12px; font-weight:700; color:#fff; border-radius:16px; padding:4px 14px; }
.oyk-surgery__badge--brown{ background:#8B5A2B; }
.oyk-surgery__badge--blue{ background:#1f4583; }
.oyk-surgery__badge--gray{ background:#e8edf3; color:#7a8699; }
.oyk-surgery__title{ margin:14px 0 0; font-size:clamp(22px,3vw,30px); font-weight:900; color:#8B5A2B; }
.oyk-surgery__text{ margin:16px 0 0; font-size:15px; line-height:2.05; color:#45566a; }
.oyk-surgery__text strong{ color:#8B5A2B; }
.oyk-surgery__subtitle{ margin:28px 0 0; padding-left:12px; border-left:4px solid #1f4583; font-size:clamp(17px,2.2vw,20px); font-weight:900; color:#1f4583; line-height:1.5; }

/* 外眼部手術 */
.oyk-ext-sub{ margin:12px 0 0; font-size:15px; color:#5a6b7e; }
.oyk-ext-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px; }
.oyk-ext-card{ background:#fff; border:1px solid #e6eef7; border-radius:20px; overflow:hidden; box-shadow:0 6px 18px rgba(139,90,43,.07); }
.oyk-ext-card__media{ aspect-ratio:4/3; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; }
.oyk-ext-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.oyk-ext-bg-1{ background:#ECE1D3; }
.oyk-ext-bg-2{ background:#F1E9DE; }
.oyk-ext-bg-3{ background:#ECE2D5; }
.oyk-ext-bg-4{ background:#E9DCCC; }
.oyk-ext-bg-5{ background:#F1E9DE; }
.oyk-ext-card__emoji{ font-size:32px; opacity:.5; }
.oyk-ext-card__note{ margin-top:8px; font-size:11px; color:#93a9c7; border:1px solid #b9cde6; border-radius:14px; padding:2px 10px; }
.oyk-ext-card__body{ padding:18px 18px 20px; }
.oyk-ext-card__title{ margin:0 0 8px; font-size:16px; font-weight:900; color:#8B5A2B; }
.oyk-ext-card__desc{ margin:0; font-size:13.5px; line-height:1.85; color:#54687d; }

/* 白内障：見え方の比較・手術イメージ */
.oyk-cataract-compare{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.oyk-cataract-fig{ margin:0; }
.oyk-cataract-fig img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border-radius:20px; box-shadow:0 10px 26px rgba(139,90,43,.12); }
.oyk-cataract-fig figcaption{ margin-top:10px; text-align:center; font-size:14px; font-weight:700; color:#8B5A2B; }
.oyk-cataract-op{ max-width:1200px; margin:clamp(28px,4vw,44px) auto 0; }
.oyk-cataract-op__title{ margin:0 0 12px; font-size:clamp(18px,2.4vw,22px); font-weight:900; color:#8B5A2B; }
.oyk-cataract-op__imgs{ margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:767px){ .oyk-cataract-op__imgs{ grid-template-columns:1fr; } }

/* クロスリンキング：画像2枚（円錐角膜眼 → 治療機器） */
.oyk-surgery__img-group{ display:flex; flex-direction:column; gap:16px; }
.oyk-surgery__imgs-2col{ margin-top:clamp(20px,3vw,32px); display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,2vw,24px); }
@media (max-width:767px){ .oyk-surgery__imgs-2col{ grid-template-columns:1fr; } }
.oyk-surgery-fig{ margin:0; border-radius:24px; overflow:hidden; box-shadow:0 12px 30px rgba(139,90,43,.12); background:#fff; }
.oyk-surgery-fig img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.oyk-surgery-fig figcaption{ padding:10px 12px; text-align:center; font-size:13.5px; font-weight:700; color:#8B5A2B; }
.oyk-surgery-fig--transplant{ margin-top:14px; max-width:50%; }
@media (max-width:767px){ .oyk-surgery-fig--transplant{ max-width:70%; } }

/* 角膜移植 プレースホルダー */
.oyk-surgery__ph{ border-radius:24px; overflow:hidden; box-shadow:0 12px 30px rgba(139,90,43,.12); }
.oyk-surgery__ph-inner{ aspect-ratio:4/3; background:#ECE1D3; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.oyk-surgery__ph-emoji{ font-size:44px; opacity:.5; }
.oyk-surgery__ph-l1{ margin-top:10px; font-size:12px; color:#3a5680; font-weight:700; }
.oyk-surgery__ph-l2{ margin-top:6px; font-size:11px; color:#93a9c7; border:1px solid #b9cde6; border-radius:14px; padding:2px 10px; }
