/* -------------------------------------------------------------
 * Newsletter Registration page (メルマガ登録完了) - page-newsletter-registration.php
 *
 * 共通スタイルは css/thanks/index.css の .thanks-page-detail に集約。
 * このファイルにはメルマガ登録完了ページ固有の上書きのみ記述する。
 * ----------------------------------------------------------- */

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

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