@charset "utf-8";
/* LP 見積依頼フォームの確認画面（旧 mail.php の確認画面のデザインを移植） */
.lp-form-error:not(:empty),
.lpConfirm-error:not(:empty) {
  margin: 15px auto;
  color: red;
  white-space: pre-line;
  text-align: center;
}
.lpConfirm {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
  color: #333;
  line-height: 120%;
  font-size: 14px;
}
.lpConfirm h3 {
  font-size: 32px;
  text-align: center;
  color: #ea5532;
  font-weight: 600;
  margin: 50px auto;
}
.lpConfirm-lead {
  text-align: center;
}
.lpConfirm-table {
  width: 100%;
  border-collapse: collapse;
  margin: 50px auto;
  background: #fff;
}
.lpConfirm-table th,
.lpConfirm-table td {
  border-bottom: 1px solid #b2b2b2;
  padding: 20px;
  white-space: pre-wrap;
}
.lpConfirm-table th {
  width: 30%;
  font-weight: normal;
  text-align: left;
}
.lpConfirm-turnstile {
  text-align: center;
  margin-bottom: 20px;
}
.lpConfirm-btns {
  margin: 0 auto 80px;
  max-width: 570px;
  width: 100%;
}
.lpConfirm .btn-next3-1,
.lpConfirm .btn-next3-2 {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 260px;
  height: 60px;
  margin: 0 20px 0 0;
  border: 0;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
}
.lpConfirm .btn-next3-1 { background-color: #e2e2e2; color: #333; }
.lpConfirm .btn-next3-1:hover { background-color: #bebebe; }
.lpConfirm .btn-next3-2 { background-color: #ea5532; color: #fff; }
.lpConfirm .btn-next3-2:hover { background-color: #df2a00; }
.lpConfirm .btn-next3-2:disabled { opacity: 0.6; cursor: wait; }

@media screen and (max-width: 572px) {
  .lpConfirm { width: 95%; }
  .lpConfirm-table th,
  .lpConfirm-table td { display: block; width: auto; }
  .lpConfirm-table th { margin-top: 5px; border-bottom: 0; }
  .lpConfirm-btns { max-width: 700px; }
  .lpConfirm .btn-next3-1,
  .lpConfirm .btn-next3-2 { max-width: 100%; border-radius: 5px; margin: 0 0 20px; }
}