/* interview_03専用スライダースタイル - blog.cssの3:2強制を上書き */

/* 共通スタイル */
.interview-03-02-slider,
.interview-03-03-slider {
  max-width: 800px;
  margin: 2em auto;
  text-align: center;
}

.interview-03-02-slider .image-slider,
.interview-03-03-slider .image-slider {
  margin: 0 auto;
}

/* 高さ変化時の揺れを滑らかにする */
.interview-03-02-slider .slick-list,
.interview-03-03-slider .slick-list {
  transition: height 0.3s ease-out !important;
}

/* 画像のアスペクト比を元のままにする */
.interview-03 .interview-03-02-slider.original-ratio-image img,
.interview-03 .interview-03-02-slider.original-ratio-image .image-slider img,
.interview-03-02-slider .image-slider img,
.interview-03 .interview-03-03-slider.original-ratio-image img,
.interview-03 .interview-03-03-slider.original-ratio-image .image-slider img,
.interview-03-03-slider .image-slider img {
  aspect-ratio: unset !important;
  object-fit: unset !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 600px !important;
  margin: 0 auto !important;
  display: block !important;
}

.interview-03-02-slider .slick-slide,
.interview-03-03-slider .slick-slide {
  text-align: center;
}

.interview-03-02-slider .slick-slide > div,
.interview-03-03-slider .slick-slide > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100%;
}

/* キャプション中央配置（interview_03_01も含む） */
.interview-03 .original-ratio-image .slider-caption,
.interview-03-02-slider .slider-caption,
.interview-03-03-slider .slider-caption {
  text-align: center !important;
  margin-top: 10px !important;
}