.fv-text{
    top:0;
    left:0;
}
.fv {
  position: relative;
  display: inline-block;
  width: 100%;
}

.fv video {
  width: 100%;
  height: auto;
  display: block;
}

.fv_overlay {
  top: 0;    
  left: 0;  
  width: 100%;
  z-index: 2;
}

/* -------- Swiper -------- */
.swiper-container-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.swiper-bg-img {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.swiper-bg-img img {
  width: 100%;
  display: block;
}

.swiper-content {
  position: absolute;
  z-index: 1;
  width: 90%;          /* 背景に合わせた比率。必要なら調整 */
  max-width: 700px;    /* PC で伸び過ぎないように */
  left: 50%;           /* 中央寄せ */
  transform: translateX(-50%);
  bottom: 13%;          /* PC 用 */
}

.mySwiper {
  width: 90%;
  margin: 0 auto;
  overflow: visible;   /* サイドを少しはみ出させる用途なら残す */
}

.swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==== ナビゲーションボタン ================================ */
.swiper-button-prev,
.swiper-button-next {
  width: 15%;
  height: 15%;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 画像差替え */
.swiper-button-prev {
  background-image: url("https://asset.myfabius.jp/lib/gsj/img/001_original/e_monitor_part_l.png");
  left: -10%;
}
.swiper-button-next {
  background-image: url("https://asset.myfabius.jp/lib/gsj/img/001_original/e_monitor_part_r.png");
  right: -10%;
}

/* デフォルトの矢印アイコンを消す */
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

/* ==== 進捗バー（ bullets を横棒に見立てる） =============== */
.swiper-pagination {
  bottom: auto !important;   /* bottom の指定解除 */
  top: 100% !important;      /* コンテナの下に固定 */
  transform: translateY(40px); /* 下に40pxずらす */
  width: 40%;                /* 横幅は半分 */
  left: 50%;                 /* 中央寄せ */
  transform-origin: top center;
  transform: translate(0%, 40px); /* 左右中央かつ下にずらす */
  display: flex;
  justify-content: center;
  gap: 5%;
}

.swiper-pagination-bullet {
  flex: 0.2;
  height: 12px;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #ff7f00;
}

@media (max-width: 768px) {
  .swiper-content {
    width: 95%;
    bottom: 10%;/* モバイルは少し下げる */
  }
    
  .swiper-button-prev,
  .swiper-button-next {
    width: 12%;
    height: 12%;
  }
    
  .swiper-button-prev {
    left: -7%;
  }
  .swiper-button-next {
    right: -7%;
  }

  .toggle-icon {
    top: 2rem;
    right: 3rem;
    width: 6%;
    height: 30%;
  }
  .toggle-icon.minus {
    top:0;
  }
}

/* -------- FAQ（アコーディオン）-------- */
.faq-item {
  margin-bottom: ;
}

/* クリック範囲をブロック化して全幅にするほうが UX が良い */
.faq-toggle {
  position: relative;
  display: block;
  cursor: pointer;
}

.faq-image {
  width: 100%;
  height: auto;
  display: block;
}

/* プラス／マイナス画像（両方同じ枠に固定する） */
.toggle-icon {
  position: absolute;
  bottom: 50%;
  right: 8%;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

/* 初期状態ではプラスだけ見せる */
.toggle-icon.minus { 
    display: none; 
	bottom:75%;
}

/* open クラス付与で切り替え */
.faq-item.open .toggle-icon.plus  { display: none; }
.faq-item.open .toggle-icon.minus { display: inline; }

.minus1{top:;}
.minus2{top:;}
.minus3{top:;}
.minus4{top:;}
.minus5{bottom:80%!important;}
.minus6{bottom:80%!important;}

@media (max-width: 768px) {
.toggle-icon {
  width: 2rem;
  height: 2rem;
}
.toggle-icon.minus { 
	bottom:0;
    top:15%;
}
.toggle-icon.minus.minus5{top:10%;}
.toggle-icon.minus.minus6{top:10%;}
}