機能紹介カード(アイコン+説明・静止)

<div class="d11-07-04-grid">
          <div class="d11-07-04-card">
            <span class="d11-07-04-ico">
              <svg viewBox="0 0 24 24" width="20" height="20"><path fill="#7c3aed" d="M12 2l2.6 6.6L21 11l-6.4 2.4L12 20l-2.6-6.6L3 11l6.4-2.4z"/></svg>
            </span>
            <p class="d11-07-04-t">自動レポート</p>
            <p class="d11-07-04-d">週次で自動集計</p>
          </div>
          <div class="d11-07-04-card">
            <span class="d11-07-04-ico">
              <svg viewBox="0 0 24 24" width="20" height="20"><rect x="3" y="4" width="18" height="14" rx="2" fill="#0ea5e9"/></svg>
            </span>
            <p class="d11-07-04-t">チーム共有</p>
            <p class="d11-07-04-d">複数人で編集可</p>
          </div>
        </div>

.d11-07-04-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
        .d11-07-04-card{ background:#fafaf9; border:1px solid #e7e5e4; border-radius:10px; padding:10px; text-align:center; }
        .d11-07-04-ico{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:9px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.08); }
        .d11-07-04-t{ margin:8px 0 2px; font-size:11.5px; font-weight:700; color:#292524; }
        .d11-07-04-d{ margin:0; font-size:10px; color:#78716c; }