/*---*/
.cta_btn_center {
    left: 51%!important;
    bottom: 19%!important;
}

.movie_container {
    position: absolute;
    width: 88%;
    height: 35%;
    overflow: hidden;
    border: 5px solid transparent;
    left: 6%;
    bottom: 4.5%;
}

.movie_area {
    width: 100%;
    position: absolute;
    left: 0%;
    top: -12%;
}

.cream {
    position: absolute;
    top:0;
}

.swiper-container-wrap {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.swiper-content {
  position: absolute;
  z-index: 1;
  width: 66%; /* 例：背景画像に合わせた比率 */
  max-width: 700px; /* 画面幅が広いときの制限（必要に応じて） */
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 7%;
}

.swiper-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

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

.swiper-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom:7%;
}

.mySwiper {
  width: 95%;
  margin: 0 auto;
  overflow: visible; /* 見切れるように必要 */
}

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

.approachGif {
    top:24%;
    left:11%;
}
.approachGif img{
    width:88%;
}

.mechanism_01 {
	bottom:58%;
    left:12%;
    width: 75%;
}
.mechanism_02 {
	bottom:12%;
    left:12%;
    width: 75%;
}
.combination_anime02,
.combination_anime04{
	right:40%;
	top:52%;
	width:40%;
}
.combination_anime03 {
	right:40%;
	top:54%;
	width:40%;
}


/*フローティングボタン*/
#fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  display: none;
}

.add-fixed {
  display: block !important;
}

.floating-none {
  display: none !important; /* 非表示にする用 */
}

.add-fixed img {
	width:100%;
    max-width:750px;
}
@media screen and (max-width: 768px) {
  .mySwiper {
    width: 91%;
  }
.swiper-slide {
  width: auto;
}
}