/* お問い合わせページ専用スタイル。
   ヘッダー/フッターを固定し、Googleフォームが残りの縦幅を埋める。
   ページ自体はスクロールさせず、フォーム内部のスクロールバーだけにする。 */

body[data-page="contact"] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

body[data-page="contact"] .site-header,
body[data-page="contact"] .site-footer {
  flex: 0 0 auto;
}

.contact-page {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}

.contact-page iframe {
  flex: 1 1 auto;
  width: 100%;
  border: none;
  background: #fff;
}