/* 事例メディアスライダー（exg）— テーマのデザイントークンを継承 */
.exg{position:relative;margin-top:1.8rem}
.exg-stage{position:relative;border-radius:var(--radius,4px);overflow:hidden;background:#0d242a;box-shadow:var(--shadow,0 30px 70px -32px rgba(20,27,34,.4))}
.exg-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.exg-track::-webkit-scrollbar{display:none}
.exg-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:3/2;position:relative;display:grid;place-items:center}
@media(min-width:861px){.exg-slide{aspect-ratio:16/10}}
.exg-slide img,.exg-slide iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.exg-slide.is-video{background:#000}
.exg-slide.is-video iframe{object-fit:contain}
.exg-videocover{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:linear-gradient(135deg,#22525b,#0d242a);border:0;width:100%;height:100%}
.exg-videocover .play{width:70px;height:70px;border-radius:50%;background:rgba(194,168,120,.94);display:grid;place-items:center;color:#fff;font-size:1.5rem;padding-left:5px;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);transition:.3s}
.exg-videocover:hover .play{transform:scale(1.08)}
.exg-videocover .lbl{position:absolute;bottom:1rem;left:0;right:0;text-align:center;color:rgba(255,255,255,.85);font-size:.75rem;letter-spacing:.15em}
.exg-arrow{position:absolute;top:50%;translate:0 -50%;z-index:5;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:rgba(247,243,238,.92);color:var(--sea-deep,#173a41);font-size:1.1rem;display:grid;place-items:center;box-shadow:0 6px 18px -8px rgba(0,0,0,.5);transition:.25s;opacity:.92}
.exg-arrow:hover{background:var(--gold,#c2a878);color:#fff}
.exg-arrow.prev{left:.9rem}.exg-arrow.next{right:.9rem}
.exg-arrow:disabled{opacity:.25;cursor:default}
@media(max-width:860px){.exg-arrow{display:none}} /* モバイルはスワイプ操作 */
.exg-count{position:absolute;right:.9rem;bottom:.8rem;z-index:5;background:rgba(13,36,42,.72);color:#fff;font-size:.72rem;letter-spacing:.12em;border-radius:999px;padding:.25em .9em;font-family:"Cormorant Garamond",serif}
.exg-full{position:absolute;right:.9rem;top:.8rem;z-index:5;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;background:rgba(13,36,42,.6);color:#fff;display:grid;place-items:center;font-size:.9rem;transition:.25s}
.exg-full:hover{background:var(--gold,#c2a878)}
.exg-stage:fullscreen{border-radius:0}
.exg-stage:fullscreen .exg-slide{aspect-ratio:auto;height:100vh}
.exg-stage:fullscreen .exg-slide img{object-fit:contain}
.exg-thumbs{display:flex;gap:.5rem;margin-top:.7rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:thin}
.exg-thumb{flex:0 0 92px;aspect-ratio:3/2;border-radius:4px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:linear-gradient(135deg,#2a5f68,#173a41);position:relative;opacity:.65;transition:.25s}
.exg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.exg-thumb.is-active{border-color:var(--gold,#c2a878);opacity:1}
.exg-thumb:hover{opacity:1}
.exg-thumb .tv{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.1rem;background:rgba(13,36,42,.45)}
.exg-thumb .tlbl{position:absolute;inset:auto 0 0;background:rgba(13,36,42,.6);color:rgba(255,255,255,.85);font-size:.65rem;text-align:center;letter-spacing:.1em;padding:.1em 0}