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

/* 共通スタイル */
.interview-04-01-slider,
.interview-04-02-slider,
.interview-04-03-slider,
.interview-04-04-slider,
.interview-04-05-slider,
.interview-04-06-slider {
  max-width: 800px;
  margin: 2em auto;
  text-align: center;
  /* slick-dots が右に約59pxはみ出し、モバイルでレイアウト幅が膨張して
     固定ハンバーガーが画面外に押し出される問題を防ぐためクリップする
     （interview_03 の .interview-03 .original-ratio-image と同じ挙動） */
  overflow: hidden;
}

.interview-04-01-slider .image-slider,
.interview-04-02-slider .image-slider,
.interview-04-03-slider .image-slider,
.interview-04-04-slider .image-slider,
.interview-04-05-slider .image-slider,
.interview-04-06-slider .image-slider {
  margin: 0 auto;
}

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

/* 画像のアスペクト比を元のままにする */
.interview-04 .interview-04-01-slider.original-ratio-image img,
.interview-04 .interview-04-01-slider.original-ratio-image .image-slider img,
.interview-04-01-slider .image-slider img,
.interview-04 .interview-04-02-slider.original-ratio-image img,
.interview-04 .interview-04-02-slider.original-ratio-image .image-slider img,
.interview-04-02-slider .image-slider img,
.interview-04 .interview-04-03-slider.original-ratio-image img,
.interview-04 .interview-04-03-slider.original-ratio-image .image-slider img,
.interview-04-03-slider .image-slider img,
.interview-04 .interview-04-04-slider.original-ratio-image img,
.interview-04 .interview-04-04-slider.original-ratio-image .image-slider img,
.interview-04-04-slider .image-slider img,
.interview-04 .interview-04-05-slider.original-ratio-image img,
.interview-04 .interview-04-05-slider.original-ratio-image .image-slider img,
.interview-04-05-slider .image-slider img,
.interview-04 .interview-04-06-slider.original-ratio-image img,
.interview-04 .interview-04-06-slider.original-ratio-image .image-slider img,
.interview-04-06-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-04-01-slider .slick-slide,
.interview-04-02-slider .slick-slide,
.interview-04-03-slider .slick-slide,
.interview-04-04-slider .slick-slide,
.interview-04-05-slider .slick-slide,
.interview-04-06-slider .slick-slide {
  text-align: center;
}

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

/* キャプション中央配置 */
.interview-04 .original-ratio-image .slider-caption,
.interview-04-01-slider .slider-caption,
.interview-04-02-slider .slider-caption,
.interview-04-03-slider .slider-caption,
.interview-04-04-slider .slider-caption,
.interview-04-05-slider .slider-caption,
.interview-04-06-slider .slider-caption {
  text-align: center !important;
  margin-top: 10px !important;
}