/* ======================================
contact.css
お問い合わせの共通スタイル
====================================== */

.inner_box_contact {
  margin: 0 auto;
  position: relative;
  max-width: 800px;
  padding: 0 2rem; /* モバイルファースト: 基本は1rem */
}
@media (min-width: 768px) {
  .inner_box_contact {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1024px) {
  .inner_box_contact {
    padding: 0 2rem;
  }
}

.form .bg{
  background: var(--white-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .form .bg{
    padding: 5rem;
  }
  }

/* HubSpotフォームのラッパ */
.hs-form-wrap { width: 100%; }

/* 生成されるフォーム本体 */
.hs-form-wrap .hs-form{
  width: 100%;
}