@charset "UTF-8";
/* ========================================
   パララックス効果専用CSS
   スクロールピン・オーバーラップ関連のスタイル
======================================== */

/* ========================================
   強みセクション - スクロールピン構造
======================================== */
.l-strengths {
  position: relative;
  min-height: 300vh;
  /* overflow: hidden を削除 */
}

/* ピン固定されるラッパー */
.l-strengths__pin-wrapper {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* タイトル部分(パララックス対象) */
.l-strengths__sticky-title-wrap {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 0 20px;
}

/* スクロールオーバーラップするコンテンツ */
.l-strengths__content-wrapper {
  position: relative;
  z-index: 20;
  padding-top: 20vh; /* pin-wrapper 分の余白を確保 */
}