/* TOPページ固有スタイル */

/* MVのslideshowラッパー高さ
   ※ viewport=1200 固定運用のため、vh は使わず固定pxで指定する。
   vh は実機の画面高さ基準で計算されるため、SP時にMVだけ
   全画面化してしまう不具合を防ぐ。 */
#slideshow,
.kankyo-mv {
  min-height: 900px;
  height: 900px;
}
#slideshow .swiper-slide {
  min-height: 900px;
  height: 900px;
}

/* CMSスライダー差し替え後: エリアをMV背景として全面配置 */
#cms-slider-1-1-area {
  position: absolute;
  inset: 0;
  z-index: 0;
}
#cms-slider-1-1-area .swiper,
#cms-slider-1-1-area .swiper-container {
  width: 100%;
  height: 100%;
}
#cms-slider-1-1-area .swiper-slide {
  width: 100%;
  height: 100%;
  min-height: unset;
}
#cms-slider-1-1-area .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Aboutセクション写真のaspect-ratio対応 */
@media (min-width: 897px) {
  .kankyo-about-media {
    aspect-ratio: 4/5;
  }
}

/* 事業内容セクションのカード等高対応 */
.kankyo-biz-grid {
  align-items: stretch;
}
.kankyo-biz-card {
  display: flex;
  flex-direction: column;
}
.kankyo-biz-card__body {
  flex: 1;
}