/* ============================================================
   McThis - casestudy.css
   ============================================================ */

/* ---- ヒーロータグ ---- */
.casestudy-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.casestudy-hero-tags span{background:rgba(232,160,32,0.12);border:1px solid rgba(232,160,32,0.3);color:var(--gold-dark);padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600}

/* ---- ポイントボックス ---- */
.casestudy-point-box{background:linear-gradient(135deg,rgba(245,200,66,0.08),rgba(232,98,26,0.05));border:1px solid rgba(232,160,32,0.25);border-left:4px solid var(--gold);border-radius:var(--radius-lg);padding:28px 32px;margin:32px 0}.casestudy-point-box__title{font-size:15px;font-weight:900;color:var(--dark);margin-bottom:16px}.casestudy-point-box ul{display:flex;flex-direction:column;gap:10px}.casestudy-point-box li{font-size:14px;color:var(--gray-dark);padding-left:18px;position:relative;line-height:1.6}.casestudy-point-box li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700}

/* ---- サイドバーCTA ---- */
.sidebar-cta{background:linear-gradient(135deg,rgba(245,200,66,0.1),rgba(232,98,26,0.08));border:1px solid rgba(232,160,32,0.2);border-radius:var(--radius-lg);padding:20px;text-align:center}.sidebar-cta__text{font-size:13px;font-weight:700;color:var(--dark);margin-bottom:12px}

/* ---- TOPページ事例グリッド ---- */
.casestudy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.casestudy-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit}.casestudy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.casestudy-card__img{position:relative;overflow:hidden}.casestudy-card__img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s}.casestudy-card:hover .casestudy-card__img img{transform:scale(1.05)}.casestudy-card__tag{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px}.casestudy-card__body{padding:24px;flex:1;display:flex;flex-direction:column;gap:8px}.casestudy-card__label{font-family:var(--font-en);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--gold-dark)}.casestudy-card__title{font-size:16px;font-weight:900;line-height:1.45;color:var(--dark)}.casestudy-card__desc{font-size:13px;color:var(--gray);line-height:1.75;flex:1}.casestudy-card__more{font-size:12px;font-weight:700;color:var(--gold-dark);display:flex;align-items:center;gap:4px;margin-top:auto;transition:gap .2s}.casestudy-card:hover .casestudy-card__more{gap:8px}

/* ---- COMING SOON カード ---- */
.casestudy-card--empty{background:var(--bg-off);border:2px dashed var(--border);box-shadow:none;cursor:default}.casestudy-card--empty:hover{transform:none;box-shadow:none}.casestudy-card__coming{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;flex:1;text-align:center}.casestudy-card__coming-label{font-family:var(--font-en);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--gray-light);background:var(--border);padding:4px 12px;border-radius:100px}.casestudy-card__coming p{font-size:13px;color:var(--gray-light)}

/* ---- TOPの事例フッター ---- */
.casestudy-footer{text-align:center;margin-top:40px}

@media(max-width:900px){.casestudy-grid{grid-template-columns:1fr;gap:16px}.casestudy-card--empty{display:none}}
@media(max-width:768px){.casestudy-point-box{padding:20px 16px}}