<div class="container-fluid" id="process-list-overlay">
        <main id="process-list">
            <div class="bg-lightblue wide-wrap">
              <h1 class="pl-3 mt-4 font-weight-bold">工程一覧</h1>
              <div class="container-fluid py-3">
                  <div class="py-3 px-3 bg-white">
                    <!-- 作業 -->
                    <article class="rounded border my-1">
                      <a href="report_form_202104.html" class="w-100 text-left text-decoration-none text-dark btn">
                        <div class="ar-box d-flex">
                          <div class="w-100">
                              <h2 class="fs-10 mb-1 lht-14">見積書</h2>
                          </div>
                          <div class="flex-shrink-1 ml-3 align-self-center">
                              <div class="next-icon">
                                  <div class="bg-primary rounded-circle">
                                      <i class="fas fa-chevron-right fs-9 text-white"></i>
                                  </div>
                              </div>
                          </div>
                        </div>
                      </a>
                    </article>
                    <article class="rounded border my-1">
                      <a href="report_form_paging_202104.html" class="w-100 text-left text-decoration-none text-dark btn">
                        <div class="ar-box d-flex">
                          <div class="w-100">
                              <h2 class="fs-10 mb-1 lht-14">内訳入力1</h2>
                              <div class="d-flex justify-content-between align-items-center">
                                  <div class="align-middle"><i class="fas fa-users pr-2"></i>承認グループ名</div>
                              </div>
                          </div>
                          <div class="flex-shrink-1 ml-3 align-self-center">
                              <div class="next-icon">
                                  <div class="bg-primary rounded-circle">
                                      <i class="fas fa-chevron-right fs-9 text-white"></i>
                                  </div>
                              </div>
                          </div>
                        </div>
                      </a>
                    </article>
                    <div class="text-center my-2 sp-down">
                      <img src="img/sort-down-solid.png" alt="下三角">
                    </div>

                    <!-- 作業 -->
                    <article class="rounded border my-1">
                      <a href="report_form_202104.html" class="w-100 text-left text-decoration-none text-dark btn btn-secondary disabled" tabindex="-1" role="button" aria-disabled="true">
                        <div class="ar-box d-flex">
                          <div class="w-100">
                              <h2 class="fs-10 mb-1 lht-14">内訳入力2</h2>
                          </div>
                          <div class="flex-shrink-1 ml-3 align-self-center">
                              <div class="next-icon">
                                  <div class="bg-primary rounded-circle">
                                      <i class="fas fa-chevron-right fs-9 text-white"></i>
                                  </div>
                              </div>
                          </div>
                        </div>
                      </a>
                    </article>
                    <div class="text-center my-2 sp-down">
                      <img src="img/sort-down-solid.png" alt="下三角">
                    </div>

                    <!-- 作業 -->
                    <article class="rounded border my-1">
                        <a href="report_form_202104.html" class="w-100 text-left text-decoration-none text-dark btn btn-secondary disabled" tabindex="-1" role="button" aria-disabled="true">
                          <div class="ar-box d-flex">
                            <div class="w-100">
                                <h2 class="fs-10 mb-1 lht-14">内訳入力3</h2>
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="align-middle"><i class="fas fa-users pr-2"></i>承認グループ名</div>
                                </div>
                            </div>
                            <div class="flex-shrink-1 ml-3 align-self-center">
                                <div class="next-icon">
                                    <div class="bg-primary rounded-circle">
                                        <i class="fas fa-chevron-right fs-9 text-white"></i>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </a>
                    </article>

                  </div>
              </div>
            </div>
            <div class="px-3 pt-2 text-left bg-lightblue wide-wrap">
              <button type="button" class="btn btn-outline-primary fs-8 py-2 mb-4 text-nowrap flex-shrink-1" data-toggle="modal" data-target="#modal">すべて削除</button>
            </div>
        </main>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title font-weight-bold" id="modalTitle">確認</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body font-weight-bold text-center">
            すべての工程を削除しますか?
          </div>
          <div class="modal-footer">
            <form action="list_0match_202105.html" method="post">
              <button type="submit" class="btn border-1 btn-primary"> OK </button>
            </form>
            <button type="button" class="btn border-1 border-secondary" data-dismiss="modal">キャンセル</button>
          </div>
        </div>
      </div>
    </div>