演出・リッチ
ロゴマーキー
ダミーのロゴバッジが横へ無限スクロール。2セット並べてシームレスループ。ホバーで一時停止。
プレビュー
自動再生
操作自動で再生されます。
コード（コピーして使えます）
<div class="mq-wrap">
<p class="mq-heading">導入実績</p>
<div class="mq-track-wrap">
<div class="mq-track">
<span class="mq-logo mq-l1">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="1" width="16" height="16" rx="4" fill="#2b50c7"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">A</text></svg>
アルファ社
</span>
<span class="mq-logo mq-l2">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="8" fill="#e86c4d"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">B</text></svg>
ベータ社
</span>
<span class="mq-logo mq-l3">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><polygon points="9,1 17,17 1,17" fill="#2dc793"/><text x="9" y="15" text-anchor="middle" fill="#fff" font-size="8" font-weight="700">G</text></svg>
ガンマ社
</span>
<span class="mq-logo mq-l4">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="1" width="16" height="16" rx="8" fill="#f5a623"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">D</text></svg>
デルタ社
</span>
<span class="mq-logo mq-l5">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="4" width="16" height="10" rx="3" fill="#8b5cf6"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">E</text></svg>
イプシロン
</span>
<span class="mq-logo mq-l6">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="8" fill="#2c2823"/><text x="9" y="13" text-anchor="middle" fill="#fbf6ec" font-size="9" font-weight="700">Z</text></svg>
ゼータ社
</span>
<!-- 2セット目(シームレスループ用) -->
<span class="mq-logo mq-l1">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="1" width="16" height="16" rx="4" fill="#2b50c7"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">A</text></svg>
アルファ社
</span>
<span class="mq-logo mq-l2">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="8" fill="#e86c4d"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">B</text></svg>
ベータ社
</span>
<span class="mq-logo mq-l3">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><polygon points="9,1 17,17 1,17" fill="#2dc793"/><text x="9" y="15" text-anchor="middle" fill="#fff" font-size="8" font-weight="700">G</text></svg>
ガンマ社
</span>
<span class="mq-logo mq-l4">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="1" width="16" height="16" rx="8" fill="#f5a623"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">D</text></svg>
デルタ社
</span>
<span class="mq-logo mq-l5">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="4" width="16" height="10" rx="3" fill="#8b5cf6"/><text x="9" y="13" text-anchor="middle" fill="#fff" font-size="9" font-weight="700">E</text></svg>
イプシロン
</span>
<span class="mq-logo mq-l6">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="8" fill="#2c2823"/><text x="9" y="13" text-anchor="middle" fill="#fbf6ec" font-size="9" font-weight="700">Z</text></svg>
ゼータ社
</span>
</div>
</div>
<p class="mq-hint">ホバーで停止</p>
</div>