4カラムフッター

<footer class="d01-03-01-ft">
          <div class="d01-03-01-cols">
            <div class="d01-03-01-brand">
              <div class="d01-03-01-logo">Snorlax株式会社</div>
              <p class="d01-03-01-desc">東京を拠点にWeb制作とブランディングを手がけています。</p>
            </div>
            <div class="d01-03-01-col">
              <h4>サービス</h4>
              <ul>
                <li><a href="#">Web制作</a></li>
                <li><a href="#">LP制作</a></li>
                <li><a href="#">運用保守</a></li>
              </ul>
            </div>
            <div class="d01-03-01-col">
              <h4>会社情報</h4>
              <ul>
                <li><a href="#">私たちについて</a></li>
                <li><a href="#">実績</a></li>
                <li><a href="#">採用情報</a></li>
              </ul>
            </div>
            <div class="d01-03-01-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-03-01-copy">&copy; 2026 Snorlax株式会社</div>
        </footer>

.d01-03-01-ft{background:#1b2733;color:#cbd5e1;padding:22px 20px 14px;font-size:11px;line-height:1.7;box-sizing:border-box;height:100%}
        .d01-03-01-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px}
        .d01-03-01-logo{color:#fff;font-weight:700;font-size:13px;margin-bottom:6px}
        .d01-03-01-desc{color:#94a3b8;font-size:10.5px;margin:0}
        .d01-03-01-col h4{color:#fff;font-size:11px;margin:0 0 8px}
        .d01-03-01-col ul{list-style:none;margin:0;padding:0}
        .d01-03-01-col li{margin-bottom:5px}
        .d01-03-01-col a{color:#cbd5e1;text-decoration:none;position:relative}
        .d01-03-01-col a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#38bdf8;transform:scaleX(0);transform-origin:left;transition:transform .28s}
        .d01-03-01-col a:hover{color:#fff}
        .d01-03-01-col a:hover::after{transform:scaleX(1)}
        .d01-03-01-copy{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:#64748b;font-size:10px;text-align:center}