/* ========================================
   リアルタイムパララックススクロールエフェクト
   スクロール位置に応じて動的に変化
======================================== */

/* 親要素にperspectiveを設定 */
.solution-section {
  perspective: 2000px;
  perspective-origin: center center;
  overflow: visible;
}

.solution-hero {
  /* トランジションなし：スクロールに完全同期 */
  transform-style: preserve-3d;
  will-change: transform, opacity;
  transform-origin: center center;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .solution-section {
    perspective: 1200px;
  }
}