/* -------------------------------------------------------------
 * Contact Thanks page (お問い合わせ完了) - page-contact-thanks.php
 *
 * 共通スタイルは css/thanks/index.css の .thanks-page-detail に集約。
 * このファイルにはお問い合わせ完了ページ固有の上書きのみ記述する。
 * ----------------------------------------------------------- */

.contact-thanks-page.thanks-page .thanks-contents .thanks-content .inner {
  gap: 32px;
}
.contact-thanks-page.thanks-page .thanks-contents .thanks-content .inner .thanks-message-block {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-thanks-page.thanks-page .thanks-contents .thanks-content .inner .thanks-message-block .thanks-message-heading {
  padding-top: 8px;
  padding-bottom: 8px;
}
.contact-thanks-page.thanks-page .thanks-contents .thanks-content .inner .thanks-message-block .thanks-message-description {
  font-size: 16px;
}

@media (max-width: 768px) {
  .contact-thanks-page.thanks-page .thanks-contents .thanks-content {
    margin-top: -74px;
  }
  .contact-thanks-page.thanks-page .thanks-contents .thanks-content .inner {
    gap: 24px;
  }
  .contact-thanks-page.thanks-page .thanks-contents .thanks-content .inner .thanks-message-block {
    gap: 24px;
  }
}