@charset "UTF-8";
/* おやかわ眼科 当院について 固有CSS */

/* 院長挨拶 */
.oyk-greeting{ display:grid; grid-template-columns:minmax(200px,300px) 1fr; gap:clamp(28px,4vw,48px); align-items:stretch; }
.oyk-greeting__photo{ border-radius:24px; overflow:hidden; box-shadow:0 12px 32px rgba(139,90,43,.12); }
.oyk-greeting__photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.oyk-greeting__title{ margin:6px 0 18px; font-size:clamp(22px,3.2vw,32px); font-weight:900; color:#8B5A2B; }
.oyk-greeting__catch{ margin:0; font-size:clamp(15px,1.7vw,19px); font-weight:700; color:#8B5A2B; line-height:1.7; white-space:nowrap; }
.oyk-greeting__p{ margin:20px 0 0; font-size:15px; line-height:2.1; color:#45566a; }
.oyk-greeting__p + .oyk-greeting__p{ margin-top:16px; }
.oyk-greeting__sign{ margin:22px 0 0; font-size:15px; color:#7a8699; }
.oyk-greeting__name{ font-size:18px; font-weight:900; color:#8B5A2B; }
@media (max-width:767px){
  .oyk-greeting{ grid-template-columns:1fr; }
  .oyk-greeting__catch{ white-space:normal; }
  .oyk-gallery__lead{ text-align:left; }
}

/* 汎用カード（経歴で使用） */
.oyk-card{ background:#fff; border-radius:22px; padding:clamp(24px,3vw,36px); box-shadow:0 8px 26px rgba(139,90,43,.08); }
.oyk-card__title{ margin:0 0 22px; font-size:19px; font-weight:900; color:#8B5A2B; display:flex; align-items:center; gap:10px; }
.oyk-card__title--sm{ margin:0 0 18px; font-size:17px; }
.oyk-card__bar{ display:inline-block; width:6px; height:22px; border-radius:3px; background:#8B5A2B; }
.oyk-card__bar--sm{ height:20px; }

/* 経歴 */
.oyk-career{ max-width:1500px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:20px; align-items:start; }
.oyk-career__side{ display:flex; flex-direction:column; gap:20px; }
.oyk-career__side .oyk-card{ padding:clamp(22px,2.6vw,30px); }
.oyk-career__list{ display:flex; flex-direction:column; }
.oyk-career__row{ display:flex; gap:16px; padding:12px 0; border-bottom:1px solid #f0e9df; }
.oyk-career__year{ flex:0 0 clamp(96px,12vw,132px); font-family:"Jost",sans-serif; font-size:13.5px; font-weight:600; color:#1f4583; line-height:1.7; }
.oyk-career__text{ flex:1; font-size:14.5px; line-height:1.7; color:#45566a; }
.oyk-career__train{ display:flex; flex-direction:column; gap:14px; }
.oyk-career__year--block{ display:block; font-size:13px; }
.oyk-career__traintext{ margin-top:3px; font-size:14px; line-height:1.6; color:#45566a; }
.oyk-career__license{ margin:0; font-size:14.5px; line-height:1.8; color:#45566a; }
.oyk-career__license strong{ color:#8B5A2B; font-size:16px; }
.oyk-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.oyk-chip{ font-size:13px; color:#8B5A2B; background:#F3EBDE; border-radius:16px; padding:6px 14px; line-height:1.5; }

/* 基本情報 */
.oyk-info{ background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 8px 26px rgba(139,90,43,.08); }
.oyk-info__row{ display:flex; flex-wrap:wrap; border-bottom:1px solid #eef3f9; }
.oyk-info__row:last-child{ border-bottom:none; }
.oyk-info__label{ width:160px; flex-shrink:0; background:#F3EBDE; padding:18px 20px; font-size:14px; font-weight:700; color:#8B5A2B; }
.oyk-info__val{ flex:1; min-width:200px; padding:18px 22px; font-size:15px; line-height:1.8; color:#3a4a5c; }
.oyk-sp-br{ display:none; }
@media (max-width:767px){
  .oyk-sp-br{ display:inline; }
}

/* 院内紹介ギャラリー */
.oyk-gallery__lead{ margin:0 auto 36px; }
.oyk-gallery{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.oyk-gallery__item{ border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 6px 18px rgba(139,90,43,.10); }
.oyk-gallery__item img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.oyk-gallery__label{ padding:11px 12px; font-size:13.5px; font-weight:700; color:#8B5A2B; text-align:center; }