/* 他社の事例を探す（#others の中。case-search.js が結果を描く） */
.cs{margin-top:48px}
.others .nums{flex-wrap:wrap;row-gap:20px}
.cs-ask{font-size:15px;font-weight:700;margin-bottom:14px}
.cs-form{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:8px 8px 8px 26px;max-width:760px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.cs-form svg{flex:none;color:var(--mute)}
.cs-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:700 19px/1.4 var(--jp);color:var(--ink);padding:12px 4px;letter-spacing:-.01em}
.cs-form input::placeholder{color:#B4B4BA;font-weight:500}
.cs-form input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none} /* ブラウザ標準の青い×を出さない */
.cs-form button{flex:none;border:0;cursor:pointer;font:700 15px/1 var(--jp);color:#fff;background:var(--ink);border-radius:999px;padding:16px 26px}
.cs-form:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.35),0 30px 60px -30px rgba(0,0,0,.8)}
.cs-ex{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.cs-ex span{font-size:13px;color:#8C8C92;margin-right:4px}
.cs-ex button{cursor:pointer;font:700 13px/1 var(--jp);color:#fff;background:transparent;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);border-radius:999px;padding:9px 14px}
.cs-ex button:hover,.cs-ex button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:none}
.cs-jev{font-size:12.5px;color:#8C8C92;margin-top:14px}
.cs-jev sup{font-size:10px;margin-left:1px}

.cs-out{margin-top:44px;min-height:220px;transition:opacity .2s}
.cs-out:empty{min-height:0;margin-top:0}
.cs-out[aria-busy="true"]{opacity:.45}
.cs-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.cs-what{font-size:20px;font-weight:900;letter-spacing:-.02em}
.cs-what i{font-style:normal;font-family:var(--en);font-weight:500;color:#8C8C92;margin:0 10px}
.cs-count{font-size:14px;color:#B4B4BA}
.cs-count b{font-family:var(--en);font-weight:800;font-size:34px;letter-spacing:-.03em;color:#fff;margin-right:4px}
.cs-note{font-size:13.5px;color:#B4B4BA;margin-top:14px}
.cs-msg{font-size:15px;color:#B4B4BA;line-height:1.9;max-width:40em}

.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.cs-card{display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:16px;padding:22px 22px 18px;min-width:0;transition:transform .2s,box-shadow .2s}
a.cs-card:hover{transform:translateY(-3px);box-shadow:0 26px 40px -26px rgba(0,0,0,.9)}
.cs-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cs-top .t{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-top .t:first-child{background:var(--ink);color:#fff}
.cs-top .st{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.cs-top .st i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink)}
.cs-top .st.on i{background:var(--ink)}
.cs-co{font-size:12.5px;font-weight:700;color:var(--mute);margin-top:14px}
.cs-ti{font-size:16px;font-weight:700;line-height:1.6;letter-spacing:-.01em;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-su{font-size:13.5px;color:var(--ink-2);line-height:1.8;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-src{margin-top:auto;padding-top:14px;font-size:12px;color:var(--mute);display:flex;align-items:center;gap:6px}
.cs-src span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-src svg{flex:none}

.cs-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.cs-more p{font-size:15px;color:#B4B4BA}
.cs-more p b{color:#fff;font-family:var(--en);font-weight:800}

@media (max-width:900px){
  .cs{margin-top:32px}
  .cs-form{padding:6px 6px 6px 18px}
  .cs-form svg{display:none}
  .cs-form input{font-size:16px;padding:10px 2px}
  .cs-form button{padding:13px 18px;font-size:14px}
  .cs-ex{gap:6px;margin-top:14px}
  .cs-ex span{width:100%}
  .cs-ex button{font-size:12.5px;padding:8px 12px}
  .cs-out{margin-top:32px}
  .cs-ask{font-size:14px}
  .others .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .others .nums b{font-size:28px}
  .others .nums span{display:block;font-size:11.5px;line-height:1.55;margin-top:6px}
  .cs-what{font-size:17px}
  .cs-count b{font-size:28px}
  .cs-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}
  .cs-card:nth-child(n+4){display:none} /* スマホは3件まで。残りは下の「全○件」から */
  .cs-card{padding:18px 18px 16px}
  .cs-ti{font-size:15px}
  .cs-more .btn{width:100%;justify-content:center}
}

/* スマホ幅：業種チップの押す場所を32px以上に（見た目の大きさはほぼ変えず、上下の余白だけ広げる） */
@media (max-width:600px){
  .cs-ex button{padding:10.5px 12px}
}