.swiper-button-prev:focus,
.swiper-button-next:focus {
	outline:0 !important;
}

.swiper-button-prev,
.swiper-button-next {
	color:#00acdb !important;
}

.swiper-pagination {
	margin-bottom: 1rem;
}

.swiper-pagination-bullet {
	background-color:#24242d; /* 色 */
	opacity: 0.2; /* 半透明（デフォルトでは0.2） */
}
/* 現在のスライドのスタイル */
.swiper-pagination-bullet-active {
	background-color:#00acdb; /* 色 */
	opacity: 0.7; /* 不透明 */
}

.swiper-scrollbar {
	background-color:rgba(36, 36, 45, 0.2); /* 背景色 半透明（デフォルトでは0.2） */
}
.swiper-scrollbar-drag {
	background-color:rgba(0, 172, 219, 0.7); /* 移動部分 */
}

.swiper {
	top: 0;
	height:auto;
	width: 100%;
}

.swiper img {
	height: auto;
	width: 100%;
}

.fade-wrap {
  position: relative;
  margin: 0 auto;
}

.filter {
 background: #24242d;
}

.filter-img {
 display: block;
 opacity: .75;
}

.filter2 {
 background: #24242d;
}

.filter-img2 {
 display: block;
 opacity: .9;
}

.swiper-text {
  position: absolute;
  bottom: 15%;
  width: 100%;
  text-align: center;
  color: #fff;
	font-weight: 500;
	line-height: 1.25;
	animation: slideTextFade 1.75s ease 0s 1 normal;
	padding: 0;
}

.swiper-text2 {
	position: absolute;
  bottom: 15%;
  width: 100%;
  text-align: center;
  color: #24242d;
	font-weight: 500;
	line-height: 1.25;
	animation: slideTextFade 1.75s ease 0s 1 normal;
	padding: 0;
}


/* For Mobile */
@media screen and (min-width: 0px) {
	.swiper-text,
	.swiper-text2 {
	  font-size: 2rem;
	}
}

@media screen and (min-width: 376px) {
	.swiper-text,
	.swiper-text2 {
	  font-size: 3rem;
	}
}

/* For Tablet */
@media screen and (min-width: 576px) {
	.swiper-text,
	.swiper-text2 {
	  font-size: 4rem;
	}
}

/* For PC */
@media screen and (min-width: 768px) {
	.swiper-text,
	.swiper-text2 {
	  font-size: 5rem;
	}
}