table セルの高さを揃えたい

Question

前提・実現したいこと

初歩的な質問で申し訳ありません。
tableの中のデータの高さを同項目（文字数が一番長い）ものと同じ高さになるように整えたいのですが
上手くいきません。

発生している問題・エラーメッセージ

問い合わせ先：アドレス
↑こちらの項目のメアドの文字数に違いがでることにより
次項の高さがズレてしまいます。

該当のソースコード

 <table class="service_container">
        <thead>
          <tr>
            <th class="th_background"><div class="th_text">株式会社ABCD</div></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="center_img"><img src="#" class="label_img" /><img src="/wp-content/uploads/2021/09/teco_Ltd.png" class="service_logo" /></td>
          </tr>
          <tr>
            <td class="list_area"><div class="test1-1"><span class="test1">設定代行</span></div>
              <div class="test1-1"><span class="test1">教育代行</span></div>
              <div class="test1-1"><span class="test1">連携代行</span></div></td>
          </tr>
          <tr>
            <td class="li_text">業種：専門サービス</td>
          </tr>
          <tr>
            <td class="li_text">主な得意業種：●●行</td>
          </tr>
          <tr>
            <td class="li_text">オンライン支援：可</td>
          </tr>
          <tr>
            <td class="li_text">対応可能従業員規模：●名</td>
          </tr>
        <br>
        <tr>
          <td class="li_text">訪問可能地域：原則、オンライン対応<br>
            （その他、相談により可能）</td>
        </tr>
        <br>
        <tr>
          <td class="li_text">問い合わせ先：<a href="mailto:[e-mail]">[e-mail]</a></td>
        </tr>
        <tr>
          <td class="hp_show"><i class="fas fa-angle-double-right"></i></i><a href="https://teco-design.jp/" target="_blank" rel="noopener">企業　公式サイトへ</a></td>
        </tr>
          </tbody>
        
      </table>
<table class="service_container">
        <thead>
          <tr>
            <th class="th_background"><div class="th_text">株式会社efgh</div></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="center_img"><img src="#" class="label_img" /><img src="/wp-content/uploads/2021/09/teco_Ltd.png" class="service_logo" /></td>
          </tr>
          <tr>
            <td class="list_area"><div class="test1-1"><span class="test1">設定代行</span></div>
              <div class="test1-1"><span class="test1">教育代行</span></div>
              <div class="test1-1"><span class="test1">連携代行</span></div></td>
          </tr>
          <tr>
            <td class="li_text">業種：専門サービス</td>
          </tr>
          <tr>
            <td class="li_text">主な得意業種：●●行</td>
          </tr>
          <tr>
            <td class="li_text">オンライン支援：可</td>
          </tr>
          <tr>
            <td class="li_text">対応可能従業員規模：●名</td>
          </tr>
        <br>
        <tr>
          <td class="li_text">訪問可能地域：原則、オンライン対応<br>
            （その他、相談により可能）</td>
        </tr>
        <br>
        <tr>
          <td class="li_text">問い合わせ先：<a href="mailto:[e-mail]">[e-mail]</a></td>
        </tr>
        <tr>
          <td class="hp_show"><i class="fas fa-angle-double-right"></i></i><a href="https://teco-design.jp/" target="_blank" rel="noopener">企業　公式サイトへ</a></td>
        </tr>
          </tbody>
        
      </table>

試したこと

tr {
display: table;
}
td.li_text {
text-align: left;
padding: 0.25rem 0.625rem;
display: table-cell;
}