@charset "utf-8";
/* CSS Document */
/* swiper */
.swiper-wrap01,
.swiper-wrap02,
.swiper-wrap03,
.swiper-wrap04{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0 2rem;
/*	background:#fff;*/
	}

.swiper-wrap01,
.swiper-wrap02,
.swiper-wrap03,
.swiper-wrap04{
	font-size:0.8em;
	}
		
.swiper-container.slider01,
.swiper-container.slider02,
.swiper-container.slider03,
.swiper-container.slider04{
   width: 100%;
   height: auto;
}	
.swiper-container {
    padding-bottom: 38px;/* ←pagenation位置 */
}
.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2,
.swiper-button-next3,
.swiper-button-prev3,
.swiper-button-next4,
.swiper-button-prev4{
	position:absolute;
	/*width: 24px !important;*/
    height: 20px !important;
}
.swiper-container img{
	width:100%;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next2,
.swiper-button-prev3,
.swiper-container-rtl .swiper-button-next3,
.swiper-button-prev4,
.swiper-container-rtl .swiper-button-next4
{
    left: 8px;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev2,
.swiper-button-next3,
.swiper-container-rtl .swiper-button-prev3,
.swiper-button-next4,
.swiper-container-rtl .swiper-button-prev4{
    right: 8px;
}
.swiper-slide {
	background:#fff;
	}
.swiper-slide img{
	display:inline-block;
	margin-bottom:0.5rem;
	}
.slider01 .swiper-button-prev,
.slider01 .swiper-container-rtl .swiper-button-next,
.slider02 .swiper-button-prev2,
.slider02 .swiper-container-rtl .swiper-button-next2,
.slider02 .swiper-button-prev3,
.slider02 .swiper-container-rtl .swiper-button-next3,
.slider02 .swiper-button-prev4,
.slider02 .swiper-container-rtl .swiper-button-next4{
    left: 10px;
}
.slider01 .swiper-button-next,
.slider01 .swiper-container-rtl .swiper-button-prev,
.slider02 .swiper-button-next2,
.slider02 .swiper-container-rtl .swiper-button-prev2,
.slider02 .swiper-button-next3,
.slider02 .swiper-container-rtl .swiper-button-prev3,
.slider02 .swiper-button-next4,
.slider02 .swiper-container-rtl .swiper-button-prev4
{
    right: 10px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007440 !important; /*←アクティブの色変え*/
}

@media screen and (max-width: 768px) {

/*　swiper　*/
.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2,
.swiper-button-next3,
.swiper-button-prev3,
.swiper-button-next4,
.swiper-button-prev4{
    position: absolute;
    top: 50%;
    width: 14px !important;
    height: 22px !important;
    z-index: 10;
    cursor: pointer;
    background-size: 14px 22px !important;
    background-position: center;
    background-repeat: no-repeat
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next2,
.swiper-button-prev3,
.swiper-container-rtl .swiper-button-next3,
.swiper-button-prev4,
.swiper-container-rtl .swiper-button-next4{
    left: 5px !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev2,
.swiper-button-next3,
.swiper-container-rtl .swiper-button-prev3,
.swiper-button-next4,
.swiper-container-rtl .swiper-button-prev4{
    right: 5px !important;
}
}