@charset "utf-8";
/* ==========================================================================
   整体ページ専用スタイル
   レイアウトは極力 Bootstrap のユーティリティクラス(d-flex 等)をHTML側で使う
   前提とし、ここでは色・フォント・余白・背景画像など
   Bootstrap で表現できない部分のみを定義する。
   feature/machine/price-item 系の共通コンポーネントは assets/css/common.css
   に移設済み(他ページでも使い回すため)。ここには整体ページ固有の
   コンテナ(bg-wrap・feature-wrap・feature-panel・price-section)のみ残す。
   ========================================================================== */

/* ==========================================================================
   bg(ベージュの丸み背景。FV〜machineセクションを内包)
   ========================================================================== */

.seitai-bg-wrap {
  background-color: var(--color-bg);
  border-bottom-left-radius: 180px;
  overflow: hidden;
}

/* ==========================================================================
   feature(当院の整体の特徴)
   ========================================================================== */

.seitai-feature-wrap {
  /* max-width: 1288px; */
  padding: 0 15px 80px;
  margin: 0 auto;
}

.seitai-feature-panel {
  max-width: 1050px;
  margin: 0 auto;
  background-color: var(--color-bg-sub);
  border-radius: 40px;
  padding: 48px 40px;
  padding: 48px 80px;
}

/* ==========================================================================
   price(整体 施術メニュー)
   ========================================================================== */

.seitai-price-section {
  max-width: 1072px;
  margin: 0 auto;
  padding: 80px 15px 180px;
}

.seitai-price-header {
  margin-bottom: 56px;
}

/* ==========================================================================
   レスポンシブ
   ========================================================================== */

@media (max-width: 991px) {
  .seitai-bg-wrap {
    border-bottom-left-radius: 100px;
  }

  .seitai-hero-photo {
    height: 260px;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
  }

  .seitai-hero-heading {
    font-size: 36px;
  }

  .seitai-feature-panel {
    padding: 20px 24px;
  }

  .seitai-price-section {
    padding-bottom: 100px;
  }

  .faq-section{
     padding-bottom: 100px;
  }

}