/* contact: 共通ヘッダー/フッターを使う固定ページ。フォーム自体のスタイルは
   contact-form.css（togetsu_contact_formショートコード用、has_shortcode条件で読み込み）が担当し、
   このファイルはHero・イントロ文・全体余白のみを扱う。 */
.entry-content > .wp-block-group,
main .wp-block-group.ct-body {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
/* ===== イントロ文＋見出し＋フォーム ===== */
#main .wp-block-group.ct-body { padding-top: 100px; padding-bottom: 100px; }
#main .ct-body > * { max-width: 640px; margin-left: auto; margin-right: auto; }
#main .ct-body > .ct-intro { max-width: 1040px; margin: 0 auto; font-family: "Noto Sans JP", sans-serif; font-size: 20px; font-weight: 500; line-height: 32px; color: #333; text-align: left; }
#main .ct-body > h2.ct-form-title { max-width: none; margin: 124px 0 0; padding: 0; border: none; background: none; font-size: 28px; font-weight: 600; line-height: 1.4; color: #000; text-align: center; }
#main .ct-body > .ct-form-lead { max-width: none; margin: 33px 0 56px; font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: .05em; color: #000; text-align: center; }

@media screen and (max-width: 834px) {
  #main .wp-block-group.ct-body { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 480px) {
  #main .ct-body > .ct-intro { font-size: 18px; line-height: 28.8px; }
  #main .ct-body > h2.ct-form-title { margin-top: 60px; font-size: 16px; }
  #main .ct-body > .ct-form-lead { margin: 79px 0 104px; padding: 0 7px; font-size: 12px; text-align: left; }
}
