@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* 支援実績スライダー */
.work-cards-slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}

.work-swiper {
  overflow: visible !important;
}

.work-card {
  display: block;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  opacity: 0.5;
  transition: opacity 0.3s;
}

.swiper-slide-active .work-card {
  opacity: 1;
}

.work-card__img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.work-card__title {
  font-size: 14px;
  padding: 12px;
  margin: 0;
}

.swiper-button-next,
.swiper-button-prev {
  color: #333;
}

/* ページネーションをカードの真下に固定 */
.work-cards-slider .swiper-pagination {
  position: relative !important;
  bottom: auto !important;
  margin-top: 16px;
  text-align: center;
}

.swiper-pagination-bullet-active {
  background: #333;
}
/* パーティクル背景 */
#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
/* グラデーションアニメーション背景 */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bg-gradient-anim {
  background: linear-gradient(
    135deg,
    #ffffff,
    #f7f5ee,
    #fff9e6,
    #f7f7f7
  ) !important;
  background-size: 400% 400% !important;
  animation: gradientShift 8s ease infinite !important;
}