.swiper-area {
  overflow: hidden;
 
}

.swiper-wrapper {
  max-width: 900px;
  width: 100%;
  margin: auto;
 
}
.swiper-slide img {
  max-width: 100%;
  height: auto;
 
}
.thumb-list {
  max-width: 875px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-flow: row wrap;
  margin-top:30px;
  justify-content:space-around
}
.thumb-item {
  flex: 0 0 33%;//1行に表示するサムネイルの数を指定
}
.thumb-item img {
  max-width: 100%;
  height: auto;
  margin: 5px;
}
.thumb-link {
  display: block;
}
.swiper-arrow {
  position: relative;
  max-width: 850px;
  height: 50px;
  width: 100%;
  margin: auto;
}