@charset "utf-8";
/* CSS Document */
.swiper-container {
  width: auto;
  height: auto;
  position: relative;
  text-align: center;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom: -30px!important;
}
/*実績----------------------------------------------------------------------------------------------------*/
.eco-into-slide .swiper-button-prev-intro,.eco-into-slide .swiper-button-next-intro {
  position: absolute;
  top: 105%;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: 80px !important; /* ボタンの幅 */
  height: 44px; /* ボタンの高さ */
  background-size: 44px 44px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
}
/* 次ページボタンのスタイル */
.eco-into-slide .swiper-button-next-intro {
  background-image: url("../img/pull-back-car/controls.svg");
  transform: scale(-1, 1);
  background-size: auto 40px;
  background-repeat: no-repeat; /* 左右反転 */
  right: 0px;
}
/* 前ページボタンのスタイル */
.eco-into-slide .swiper-button-prev-intro {
  background-image: url("../img/pull-back-car/controls.svg");
  background-size: auto 40px;
  background-repeat: no-repeat;
}
.eco-into-slide .swiper-button-next-intro:hover,.eco-into-slide .swiper-button-prev-intro:hover {
  opacity: 0.7;
}
.ecojisseki dd h3{
font-weight: bold;
margin-bottom: 1em;
}
/*停止ボタンなど-----------------------------------------*/
.swiper_start,.swiper_pause{
background-color: #fffdc7;
border: #666666 solid 2px;
border-radius: 5px;
padding: 7px 10px;
margin: 50px 10px 10px 10px;
}
.swiper_start:hover,.swiper_pause:hover{
opacity:0.7;
font-family: 'Jun 501';
border: #000000 solid 3px;
}
.swiper_pause.active {
  border: 2px solid #000000;
  background-color: #FFF846;
font-family: 'Jun 501';
}