@charset "UTF-8";
/* ==========================================================================
   top-custom.css — TOPページ固有（株式会社LIFIX）
   メインビジュアル（フェード切替スライド）
   ========================================================================== */
.lifix-mv {
  position: relative;
  height: min(86vh, 760px);
  min-height: 520px;
  background: #0E2238;
  overflow: hidden;
}
/* CMSスライダー（背景レイヤー）。Swiper出力が枠いっぱいに追従するよう height:100% を明示 */
.lifix-mv__slider {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.lifix-mv__slider,
.lifix-mv__slider #cms-slider-1-1-area,
.lifix-mv__slider .swiper,
.lifix-mv__slider .swiper-container,
.lifix-mv__slider .swiper-wrapper,
.lifix-mv__slider .swiper-slide,
.lifix-mv__slider .main_slider__inner {
  width: 100%;
  height: 100%;
}
.lifix-mv__slider img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lifix-mv__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(8, 20, 36, 0.72) 0%, rgba(8, 20, 36, 0.28) 60%, rgba(8, 20, 36, 0.1) 100%);
  pointer-events: none;
}
.lifix-mv__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 clamp(24px, 6vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lifix-mv__en {
  font-family: "Raleway", sans-serif;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  letter-spacing: 0.34em;
  color: #28A7E1;
  margin-bottom: 26px;
}
.lifix-mv__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: clamp(2.6rem, 5.4vw, 6.2rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #fff;
}
.lifix-mv__lead {
  margin-top: 30px;
  max-width: 540px;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  line-height: 2;
}
.lifix-mv__btns { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 14px; }