@charset "utf-8";

/* アクティブなページネーションの色 */
.swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}

/* 左右の矢印の色 */
.swiper-button-next,
.swiper-button-prev {
  color: var(--color-primary);
}

/* トップページ */
.js-swiperPeople .swiper{
	padding-top: var(--space-12);
	}
.js-swiperPeople .swiper-slide{
	overflow: visible;
	}
.js-swiperPeople .swiper-controls-wrap{
	margin-top: var(--space-10);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	}
.js-swiperPeople .swiper-button-next,
.js-swiperPeople .swiper-button-prev {
	position:static;
	border:1px solid #222;
	width:50px;
	height:50px;
	line-height:25px;
	text-align:center;
	border-radius: 50%;
	margin-top:0;
	}
.js-swiperPeople .swiper-button-next{ margin-left: 40px; }
.js-swiperPeople .swiper-button-prev{ margin-right: 40px; }
.js-swiperPeople .swiper-button-next:hover,
.js-swiperPeople .swiper-button-prev:hover{ background-color: var(--color-primary); color:#fff; }
.js-swiperPeople .swiper-button-prev:after,
.js-swiperPeople .swiper-button-next:after {
	font-size: 15px;
	}
.js-swiperPeople .swiper-pagination {
	position:static;
	display: contents;
	}