/* === 説明会スライドショー === */
.briefing-slider {
  width: 100%;
  margin: 40px auto;
  display: block;
  text-align: center;
  overflow: visible;
}
.slider-stage {
  perspective: 1000px;
  width: 100%;
  height: 300px;
  position: relative;
  overflow: visible;
  background: transparent !important;
}
#sliderTrack {
  width: 100%;
  position: relative;
  transform-style: preserve-3d;
}
.slide-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 240px;
  height: 300px;
  /* translate: -50% -50%; */
  /* margin-top: -105px; */
  margin-left: -120px;
  transform-origin: center center;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: transparent !important;
  transition: transform .5s cubic-bezier(.23,1,.32,1),
              opacity .5s ease,
              box-shadow .5s ease;
}
.slide-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slide-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.3);
  transition: opacity .5s ease;
  pointer-events: none;
}
.slide-card.active::after { opacity: 0; } .slide-card.active {
  box-shadow: 0 15px 40px rgba(0,0,0,.25); } .slider-controls {
  margin-top: 16px;
}
.slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
}
#sliderDots{
  display: none !important;
}
.slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: #ccc;
  cursor: pointer;
  transition: background .25s, transform .25s; } .slider-dot.active {
  background: #333;
  transform: scale(1.2);
}
.slider-arrows { display: none; }


@media (max-width: 768px) {
  .slider-stage { height: 200px; }
  .slide-card   { width: 150px;
                  height: 210px;
                  margin-left: -75px; }
}