/* -----
 * swiper setting TOP用
----------------------------------------------------------------------------- */
.swiper .swiper-slide img {
  height: auto;
  width: 100%;
  max-width: 600px;
}


.swiper{
  text-align: center;
}


.swiper-slide {
  opacity: 0.4; /* 左右のスライドを薄くする */
  /* transform: scale(0.8);   左右のスライドを小さくする */
  /* transition: .7s;   ゆっくり小さくさせる */
  overflow: hidden;
}
.swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1 /* 中央のスライドを一番上にする */
}




/* pagenation:スクロールバー分の余白40pxを下に取る */
    /* .swiper {*/
    /*    padding-bottom: 40px; */
    /* } */

.prettyprint{
  border: none;
  background: #fafafa;
  color: #697d86;
}


/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev:after,
.swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev:after {
  background-image: url(../img/left.png);
}
/* 次への矢印カスタマイズ */
.swiper-button-next:after {
  background-image: url(../img/right.png);
}

/* paginationを外に出す */
.container {
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  /* margin: 40px 0; */
  /* padding: 45px 0; */
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -25px;
}