Contact Form7 確認画面に移行できない（青枠エラー）

WPのプラグイン「Contact Form7」と「Contact Form 7 add confirm」を使用して、お問い合わせフォームを設置しました。
一度確認画面に移行するように設定したのですが、「確認する」を押すと、添付画像のような青枠が出て確認画面に移行しません。
エラーメッセージなどがなく、青枠だけのため、何が原因なのか分からずに困っています。

ちなみに、フォームから「確認」と「戻って編集」を取り除き、「送信」だけを設置した場合、無事に送信されます。
何が原因か分かる方がいましたら、教えて頂けると助かります。
宜しくお願い致します。

【contact form7 フォームの中身】

  <p class="contact-tx">Webサイトの制作のご依頼やお見積りなど、お気軽にご相談ください。</p>
  <div class="contact-container">
      <div class="contact-item1">
          <h2 class="contact-lead">お問い合わせ種別
              <p>*必須</p>
          </h2>
          <div class="contact-select">
[radio radio-832 use_label_element default:1 "お仕事のご依頼・ご相談" "お見積りのご依頼" "採用について" "その他"]
          </div>
      </div>
<div class="contact-item2">
  <h2 class="contact-lead">お名前
      <p>*必須</p>
  </h2>
[text* text-617 class:contact-input]
</div>
<div class="contact-item3">
  <h2 class="contact-lead">会社名</h2>
  [text text-770 class:contact-input]
</div>
<div class="contact-item4">
  <h2 class="contact-lead">メールアドレス
      <p>*必須</p>
  </h2>
  [email* your-email class:contact-input]
</div>
<div class="contact-item4">
  <h2 class="contact-lead">メールアドレス(確認)
      <p>*必須</p>
  </h2>
  [email* your-email_confirm class:contact-input]
</div>
<div class="contact-item5">
  <h2 class="contact-lead">お電話番号
      <p><span>(半角数字ハイフンなし)</span></p>
  </h2>
  [tel* tel-102 class:contact-input]
</div>
<div class="contact-item6">
  <h2 class="contact-lead">お問い合わせ内容
      <p>*必須</p>
  </h2>
  [textarea* textarea-972 class:contact-textarea]
</div>
<div class="contact-item7">
  <h2 class="contact-lead">PON DESIGNをどちらでお知りになりましたか？　<span>*必須</span></h2>
[select* menu-460 "選択してください" "Google/Yahoo検索" "SNS" "ブログ" "友人や知人" "その他"]
</div>
[confirm class:send-btn "確認する"][back class:send-btn "戻る"][submit class:send-btn "送信する"]