/* ============================================================
   利用企業セクション（ご利用いただいている会社）
   配置: Hero直下（マーキーの直後・#issues の直前）
   依存: index.html の :root 変数（--w / --magenta / --faint / --warm / --line）
   ============================================================ */

.clients{padding:clamp(34px,4.5vw,52px) 0;}
.clients__inner{max-width:var(--w);margin:0 auto;padding:0 22px;}

.clients__lane{width:44px;margin:0 auto 18px;display:flex;flex-direction:column;gap:3px;}
.clients__lane i{display:block;height:2px;background:var(--magenta,#E6007E);opacity:.65;border-radius:2px;}

.clients__label{
  text-align:center;
  font-size:13px;
  color:var(--faint,#8A93A2);
  letter-spacing:.04em;
  margin:0 0 24px;
}

.clients__list{
  list-style:none;margin:0;padding:0;
  display:flex;gap:18px;justify-content:center;flex-wrap:wrap;align-items:center;
}

.clients__link{
  display:flex;align-items:center;justify-content:center;
  background:var(--warm,#F7F5F3);
  border:1px solid var(--line,#E7E2DE);
  border-radius:var(--radius,14px);
  padding:20px 30px;
  box-shadow:0 6px 18px rgba(27,34,48,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
.clients__link:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(27,34,48,.12);}
.clients__link:focus-visible{outline:3px solid var(--magenta,#E6007E);outline-offset:2px;}

.clients__logo{height:38px;width:auto;max-width:100%;display:block;}

@media (max-width:560px){
  .clients__link{padding:16px 22px;}
  .clients__logo{height:30px;}
}

@media (prefers-reduced-motion:reduce){
  .clients__link{transition:none;}
  .clients__link:hover{transform:none;}
}