@charset "UTF-8";


/* # =================================================================
   # index people
   # ================================================================= */
#bana-people .swiper-container {
	width: 1200px;
	margin-top:30px;
    padding-bottom: 80px;
}

#bana-people .swiper-pagination{
	text-align:right;
}


#bana-people .swiper-pagination-bullet {
  border-radius: inherit;
  margin: 0;
  width: 30px;
  height: 1px;
  background: var(--color-gray2);
  opacity: 0.19;
}

#bana-people .swiper-pagination-bullet-active {
 height: 2px;
  background: var(--color-gray1);
  opacity: 1;
}


@media screen and (max-width:1025px){
	#bana-people .swiper-container {width: 100%;}
	#bana-people .swiper-pagination{text-align:right;padding-right:50px;}
}

@media screen and (max-width:599px){
	#bana-people .swiper-pagination{text-align:right;padding-right:0;}
}

/* ビューポートが 1026px 幅より広い */
@media screen and (min-width: 1026px) {
	#bana-people .swiper-container {
		padding-bottom: 0;
	}
  #bana-people .swiper-wrapper {
    display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-top:50px;
  }
  
  #bana-people .swiper-slide {
    width:23.5%;
	padding-bottom:10px;
  }
  
}