@charset "UTF-8";
/* おやかわ眼科 診療案内（症状別）固有CSS */

.oyk-symnav__lead{ margin:0 auto 34px; }
.oyk-symnav{ display:grid; grid-template-columns:repeat(6,1fr); gap:clamp(8px,1.4vw,20px); }
.oyk-symnav__item{ display:flex; flex-direction:column; align-items:center; gap:10px; text-decoration:none; }
.oyk-symnav__circle{ display:inline-flex; width:clamp(52px,10vw,120px); height:clamp(52px,10vw,120px); border-radius:50%; background:#fff; border:2px solid #1f4583; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(139,90,43,.08); transition:.25s ease; }
.oyk-symnav__circle img{ width:58%; height:58%; object-fit:contain; }
.oyk-symnav__item:hover .oyk-symnav__circle{ background:#E9EFF7; transform:translateY(-3px); }
.oyk-symnav__name{ font-size:clamp(12px,1.4vw,15px); font-weight:700; color:#8B5A2B; text-align:center; line-height:1.4; }
@media (max-width:767px){
  .oyk-symnav__lead{ text-align:left; }
  .oyk-symnav{ grid-template-columns:repeat(3,1fr); gap:clamp(14px,3.5vw,22px); }
  .oyk-symnav__circle{ width:clamp(90px, 10vw, 120px); height:clamp(90px, 10vw, 120px); }
  .oyk-symnav__name{ font-size:clamp(13px,3.4vw,16px); }
}

.oyk-symlist-sec{ padding:0 clamp(16px,4vw,32px) clamp(52px,7vw,88px); }
.oyk-symlist{ display:flex; flex-direction:column; gap:18px; padding-top:clamp(40px,5vw,64px); }
.oyk-symcard{ background:#fff; border-radius:22px; padding:clamp(24px,3vw,34px); box-shadow:0 8px 24px rgba(139,90,43,.08); border-left:6px solid #1f4583; }
.oyk-symcard__head{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.oyk-symcard__circle{ display:inline-flex; width:56px; height:56px; border-radius:50%; background:#fff; border:2px solid #1f4583; align-items:center; justify-content:center; flex-shrink:0; }
.oyk-symcard__circle img{ width:60%; height:60%; object-fit:contain; }
.oyk-symcard__num{ font-family:"Jost",sans-serif; font-size:15px; font-weight:600; color:#C2A181; }
.oyk-symcard__name{ margin:0; font-size:clamp(19px,2.4vw,24px); font-weight:900; color:#8B5A2B; }
.oyk-symcard__desc{ margin:0; font-size:15px; line-height:2; color:#45566a; }
.oyk-symcard__tags{ margin-top:14px; }
.oyk-symcard__cause{ margin-top:14px; background:#F6F1EA; border-radius:14px; padding:14px 16px; }
.oyk-symcard__cause-label{ display:inline-block; font-size:12px; font-weight:700; color:#fff; background:#8B5A2B; border-radius:12px; padding:3px 12px; margin-bottom:8px; }
.oyk-symcard__cause-text{ margin:0; font-size:14.5px; line-height:1.95; color:#45566a; }
.oyk-notebox{ margin:6px 4px 0; font-size:13.5px; line-height:1.9; color:#7a8699; background:#fff; border-radius:16px; padding:18px 20px; border:1px dashed #cdd9e8; }