グリッド型サイトマップフッター

<footer class="d01-08-10-ft">
          <div class="d01-08-10-grid">
            <div class="d01-08-10-col">
              <h4>会社</h4>
              <ul>
                <li><a href="#">概要</a></li>
                <li><a href="#">採用</a></li>
              </ul>
            </div>
            <div class="d01-08-10-col">
              <h4>サービス</h4>
              <ul>
                <li><a href="#">制作</a></li>
                <li><a href="#">運用</a></li>
              </ul>
            </div>
            <div class="d01-08-10-col">
              <h4>サポート</h4>
              <ul>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">連絡先</a></li>
              </ul>
            </div>
            <div class="d01-08-10-col">
              <h4>規約</h4>
              <ul>
                <li><a href="#">利用規約</a></li>
                <li><a href="#">プライバシー</a></li>
              </ul>
            </div>
          </div>
          <div class="d01-08-10-copy">&copy; 2026 Sitemap Grid Co.</div>
        </footer>

.prev.d01-08-10{padding:0;display:block}
        .d01-08-10-ft{height:100%;box-sizing:border-box;background:#1b2733;color:#cbd5e1;padding:18px 20px 12px;font-size:11px}
        .d01-08-10-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
        .d01-08-10-col h4{color:#fff;font-size:11px;margin:0 0 8px}
        .d01-08-10-col ul{list-style:none;margin:0;padding:0}
        .d01-08-10-col li{margin-bottom:5px}
        .d01-08-10-col a{color:#cbd5e1;text-decoration:none;font-size:10.5px}
        .d01-08-10-copy{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:#64748b;font-size:10px;text-align:center}