会社ロゴ風アイコン付き職歴タイムライン

<ul class="d06-08-05-list">
          <li><span class="d06-08-05-icon" style="background:#4a6cf7;">A</span><div class="d06-08-05-txt"><span class="d06-08-05-yr">2018-2020</span><h4>株式会社アルファ</h4><p>マーケティング部にて広報業務</p></div></li>
          <li><span class="d06-08-05-icon" style="background:#f2994a;">B</span><div class="d06-08-05-txt"><span class="d06-08-05-yr">2020-2023</span><h4>株式会社ベータ</h4><p>営業企画リーダーとして活動</p></div></li>
          <li><span class="d06-08-05-icon" style="background:#2fb380;">C</span><div class="d06-08-05-txt"><span class="d06-08-05-yr">2023-現在</span><h4>株式会社ガンマ</h4><p>事業開発マネージャーに就任</p></div></li>
        </ul>

.d06-08-05{padding:20px 16px;}
        .d06-08-05-list{list-style:none;margin:0;padding:0;width:100%;}
        .d06-08-05-list li{display:flex;align-items:center;gap:12px;padding:8px 0;}
        .d06-08-05-icon{flex:0 0 auto;width:30px;height:30px;border-radius:8px;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}
        .d06-08-05-yr{display:block;font-size:10px;color:#999;}
        .d06-08-05-txt h4{margin:1px 0 2px;font-size:12.5px;color:#222;}
        .d06-08-05-txt p{margin:0;font-size:10.5px;color:#888;}