/* gallery-section.css */
:root {
  --gallery-accent-color: #FF7900;
  --gallery-text-color: #333;
  --gallery-bg-color: #fff;
  --gallery-transition: all 0.3s ease;
}

/* ギャラリー紹介セクション */
.gallery-intro {
  background-color: var(--gallery-bg-color);
}

.gallery-intro p {
  color: var(--gallery-text-color);
  line-height: 1.8;
}

/* アイコンスタイル */
.gallery-icon {
  fill: var(--gallery-accent-color);
  transition: var(--gallery-transition);
}

/* 行のスタイルとアニメーション */
.gallery-intro .row {
  transition: var(--gallery-transition);
  position: relative;
}

.gallery-intro .row:hover {
  transform: translateX(10px);
}

.gallery-intro .row:hover .gallery-icon {
  transform: scale(1.1);
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .gallery-intro .col-md-2 {
    margin-bottom: 1rem;
  }
  
  .gallery-intro .row:hover {
    transform: none; /* モバイルではホバーエフェクトを無効化 */
  }
}

/* アニメーション */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* オプション: スクロールアニメーション用クラス */
.scroll-fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}