/* =========================================
   contact.css — お問い合わせ ページ固有スタイル
   ========================================= */

/* ----- ヒーロー ----- */
.contact-hero {
  padding-top: var(--nav-height);
  background: linear-gradient(to bottom, #e5c8e5 0%, #f4eef8 65%, #ffffff 100%);
  text-align: center;
}
.contact-hero__inner {
  padding: 72px 32px 64px;
  max-width: 760px;
  margin: 0 auto;
}
.contact-hero__title {
  font-family: var(--font-ui);
  font-size: 18pt;
  font-weight: 400;
  color: var(--color-text);
  line-height: 1.8;
  margin-bottom: 24px;
}
.contact-hero__desc {
  max-width: 640px;
  margin: 0 auto 12px;
  line-height: 1.9;
}
.contact-hero__desc--en {
  font-family: var(--font-ui);
  font-size: 11pt;
  color: var(--color-text);
}
.contact-hero__desc--jp {
  font-family: var(--font-jp);
  font-size: 11pt;
  color: var(--color-text);
}


/* ----- フォームエリア ----- */
.contact-form {
  background: var(--color-white);
  padding: 64px 32px 96px;
}
.contact-form__inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.contact-form__inner iframe {
  width: 100%;
  max-width: 640px;
  border: none;
}


/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 767px) {
  .contact-hero__inner  { padding: 56px 24px 48px; }
  .contact-hero__title  { font-size: 14pt; }
  .contact-form         { padding: 48px 16px 72px; }
}