/* 集客の見える化（どこから・誰が・何人）— 機能一覧の「集客を伸ばす」の先頭の幅いっぱいのカード。
   各社の公式アイコンそのものに厚みと傾きを付けて浮かせる・大きさは見え方でそろえる（--s）・白はほかのカードと統一（持ち主 2026-10-18）。
   アイコンは各社の公式サイトのファビコン／ホーム画面用アイコン（img/brands/src/）と img/brands の SVG。 */
/* 集客の見える化（どこから・誰が・何人）— 一覧の幅いっぱいのカード。★.fxw の中だけ */
.fxw .hub-grid > .fc-src{grid-column:1/-1;grid-template-columns:minmax(0,.92fr) minmax(0,1.3fr);gap:20px 36px;align-items:center;padding:28px 30px 24px}
.fxw .fc-src .src-txt{display:grid;gap:10px;align-content:start;min-width:0}
.fxw .fc-src :is(h2,h3){font-size:clamp(22px,2.4vw,28px)}
.fxw .fc-src .src-q{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.fxw .fc-src .src-q span{font:700 12px/1 var(--sans);color:#1d3f7f;background:#eef3fb;border-radius:999px;padding:6px 11px}
.fxw .fc-src .src-q span b{font-family:"Inter",var(--sans);color:#0f2148;margin-left:2px}
.fxw .src-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:8px}
.fxw .src-chips span{font-size:11.5px;font-weight:700;color:#33405c;background:#fff;border:1px solid rgba(11,23,48,.09);border-radius:999px;padding:5px 11px}
/* 案3: 浮かぶ来た道（★各社のアイコンそのものに厚みと傾きを付けて浮かせる。白い板は使わない・10/18 夜 持ち主） */
.fxw .src-float{position:relative;display:grid;gap:4px;padding:6px 0 2px;min-width:0;background:#fff}   /* ★ほかの機能のカードと同じ白（持ち主 10/18 夜） */
.fxw .fl-row{position:relative;display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:8px;align-items:center}
.fxw .fl-k{font:700 12px/1.25 var(--sans);color:#2a56a6;letter-spacing:.04em;display:grid;gap:2px}
.fxw .fl-k i{font-style:normal;font:700 20px/1 "Inter",var(--sans);color:#0f2148}
.fxw .fl-ics{display:flex;flex-wrap:wrap;gap:16px 8px;align-items:flex-end;padding:12px 0 6px}
.fxw .fl-ic{position:relative;display:grid;justify-items:center;gap:10px;width:64px;--d:0s;--h:7px;--ry:-16deg}
.fxw .fl-ic .fl-b{position:relative;width:46px;height:46px;animation:flFloat 4.6s ease-in-out infinite;animation-delay:var(--d)}
.fxw .fl-ic .fl-b img{position:absolute;inset:0;width:100%;height:100%;transform:perspective(320px) rotateX(16deg) rotateY(var(--ry)) scale(var(--s,1));transform-origin:50% 60%}
.fxw .fl-ic .fl-b img{display:block;object-fit:contain;
  filter:drop-shadow(0 1px 0 rgba(8,18,38,.34)) drop-shadow(0 1px 0 rgba(8,18,38,.30)) drop-shadow(0 1px 0 rgba(8,18,38,.26))
         drop-shadow(0 1px 0 rgba(8,18,38,.22)) drop-shadow(0 1px 0 rgba(8,18,38,.18)) drop-shadow(1px 1px 0 rgba(8,18,38,.12))
         drop-shadow(0 14px 10px rgba(15,33,72,.26))}
.fxw .fl-ic.sq .fl-b img{border-radius:23%}
.fxw .fl-ic .sh{width:40px;height:8px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(15,33,72,.30),transparent 72%);
  animation:flShadow 4.6s ease-in-out infinite;animation-delay:var(--d)}
.fxw .fl-ic em{font-style:normal;font-size:10.5px;line-height:1.2;color:#56627a;white-space:nowrap;margin-top:-4px}
.fxw .fl-more{align-self:center;font-size:11px;color:#6f7a94;line-height:1.5;max-width:9em}
.fxw .fl-more b{display:block;font:700 13px/1.2 "Inter",var(--sans);color:#2a56a6}
.fxw .fl-who{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:8px;border-top:1px dashed rgba(11,23,48,.12)}
.fxw .fl-who b{font:700 12px/1 var(--sans);color:#2a56a6;margin-right:4px}
.fxw .fl-who span{font-size:11.5px;font-weight:700;color:#33405c;background:#f4f6fa;border:1px solid rgba(11,23,48,.09);border-radius:999px;padding:5px 11px}
@keyframes flFloat{0%,100%{transform:translateY(0) rotateZ(-1.5deg)}50%{transform:translateY(calc(var(--h) * -1)) rotateZ(1.5deg)}}
@keyframes flShadow{0%,100%{transform:scaleX(1);opacity:.95}50%{transform:scaleX(.66);opacity:.45}}
@media (hover:hover){.fxw .fl-ic:hover .fl-b{animation-play-state:paused}.fxw .fl-ic:hover .fl-b img{transform:perspective(320px) rotateX(4deg) rotateY(0deg) scale(calc(var(--s,1) * 1.1));transition:transform .3s var(--out)}}
@media (max-width:640px){
  .fxw .src-float{padding:4px 0 0}.fxw .fl-ics{gap:14px 4px}
  .fxw .fl-row{grid-template-columns:minmax(0,1fr)}
  .fxw .fl-k{display:flex;gap:8px;align-items:baseline}
  .fxw .fl-ic{width:56px}.fxw .fl-ic .fl-b{width:40px;height:40px}.fxw .fl-ic em{font-size:10px}
}
@media (prefers-reduced-motion:reduce){.fxw .fl-ic .fl-b,.fxw .fl-ic .sh{animation:none}}
@media (max-width:1000px){.fxw .hub-grid > .fc-src{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.fxw .hub-grid > .fc-src{padding:22px 18px 18px}}
.fxw div.fc-src{cursor:default}
.fxw div.fc-src:hover{transform:none;box-shadow:0 16px 40px -18px rgba(11,23,48,.24)}