/**
 * Swiper 4.2.6 CSS custom
 */

/**
 * 最大幅の指定と中央寄せ
 */
.topImgSec {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
}

/**
 * swiper.js
 */
.swiper-slide-prev,
.swiper-slide-next {
	position: relative;
}
.swiper-slide-prev:before,
.swiper-slide-next:before {
	background-color: rgba(221, 221, 221, 0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';
}
.swiper-button-prev.swiper-button-prev01,
.swiper-container-rtl .swiper-button-next.swiper-button-prev01 {
	background-image: url("../../images/btn_slider_prev01.png");
}
.swiper-button-next.swiper-button-next01,
.swiper-container-rtl .swiper-button-prev.swiper-button-next01 {
	background-image: url("../../images/btn_slider_next01.png");
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: 0.6;
}
.swiper-pagination-bullet-active { background: #5aad10; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px) {

.swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.swiper-button-prev,
.swiper-button-next {
width: 15px;
margin-top: -22px;
background-size: 15px auto;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) and (max-width:1024px) {

.swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1025px) {

.swiper-container {
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */