@charset "utf-8";
/* ==========================================================================
   美容鍼ページ専用スタイル
   feature/price-item 系の共通コンポーネントは assets/css/common.css を
   使い回す(鍼灸・整体・猫背矯正ページと共通)。ここには美容鍼ページ固有の
   背景(bg-wrap)のみを定義する。
   ========================================================================== */

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

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




/* ==========================================================================
   bg(コースセクションを内包する2つ目のベージュ背景)
   ========================================================================== */

.bihari-course-bg-wrap {
  background-color: var(--color-bg);
  border-bottom-left-radius: 130px;
  overflow: hidden;
  padding: 1px 0;
}


.bihari-bg-wrap_white {
  background-color: #FFF;
  /* padding-top: 150px; */
  padding-bottom: 50px;
  border-bottom-left-radius: 130px;
  z-index: 2;
  position: relative;
}

.bihari-course-bg2-wrap {
  background-color: var(--color-bg);
  padding-top: 330px;
  margin-top: -250px;
  padding-bottom: 80px;
  border-radius: 0 0 0 250px;
}

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

/* ==========================================================================
   コース(整体×美容鍼コースなど。写真が右側に来る price-item の反転版)
   ========================================================================== */

.course-item {
  flex-direction: row-reverse;
}

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

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

  .bihari-course-bg-wrap {
    border-bottom-left-radius: 80px;
  }
}