/* ==========================================================
   問い合わせ完了ページの相談予約（Spir）
   components/thanks-spir.php
   見た目は資料DL完了ページ（page-thanks-pdf-download.php の
   .catch_text / .description_text / .meeting_wrap）に合わせている
   ========================================================== */
.thanks-spir {
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 20px 40px;
}

.thanks-spir__catch_area {
  text-align: center;
}

.thanks-spir__catch {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  background: linear-gradient(transparent 60%, #B3E0FF 0%);
}

.thanks-spir__text {
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.7;
  text-align: center;
}

.thanks-spir__widget {
  margin-top: 15px;
}

@media screen and (max-width: 760px) {
  .thanks-spir {
    padding: 40px 15px 30px;
  }

  .thanks-spir__catch {
    font-size: 19px;
  }

  .thanks-spir__text {
    text-align: left;
  }
}