3カラムリンクフッター(静止)

<footer class="d01-08-02-ft">
          <div class="d01-08-02-cols">
            <div class="d01-08-02-brand">
              <div class="d01-08-02-logo">Static Works</div>
              <p class="d01-08-02-desc">静的なWebサイト制作を専門とする制作会社です。</p>
            </div>
            <div class="d01-08-02-col">
              <h4>サービス</h4>
              <ul>
                <li><a href="#">サイト制作</a></li>
                <li><a href="#">保守運用</a></li>
                <li><a href="#">SEO対策</a></li>
              </ul>
            </div>
            <div class="d01-08-02-col">
              <h4>会社情報</h4>
              <ul>
                <li><a href="#">会社概要</a></li>
                <li><a href="#">採用情報</a></li>
                <li><a href="#">お問い合わせ</a></li>
              </ul>
            </div>
          </div>
          <div class="d01-08-02-copy">&copy; 2026 Static Works</div>
        </footer>

.prev.d01-08-02{padding:0;display:block}
        .d01-08-02-ft{height:100%;box-sizing:border-box;background:#1b2733;color:#cbd5e1;padding:20px 20px 12px;font-size:11px;line-height:1.7}
        .d01-08-02-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
        .d01-08-02-logo{color:#fff;font-weight:700;font-size:13px;margin-bottom:6px}
        .d01-08-02-desc{color:#94a3b8;font-size:10.5px;margin:0}
        .d01-08-02-col h4{color:#fff;font-size:11px;margin:0 0 8px}
        .d01-08-02-col ul{list-style:none;margin:0;padding:0}
        .d01-08-02-col li{margin-bottom:5px}
        .d01-08-02-col a{color:#cbd5e1;text-decoration:none}
        .d01-08-02-copy{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:#64748b;font-size:10px;text-align:center}