@charset "utf-8";
/*swiper*/
.top_swiper{
	height: auto;
	position: relative;	
  width: 100%;
}
.swiper{
  width: 100%;
  overflow-y: auto;
  padding-bottom: 50px;
}
.swiper-slide a:hover{
  opacity: 1 !important;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-pagination{
	
}
.swiper-button-prev,.swiper-button-next{opacity: 0;}
/* デフォルトのページネーション bullets の色 */
.swiper-pagination-bullet,.swiper-pagination-bullet-active{
  width: 100px !important;
  height: 4px !important;
  margin: 0 10px !important;
  opacity: 1 !important;  
  border-radius: 0;
}
.swiper-pagination-bullet {
  background-color: #999 !important;
}
/* 選択（アクティブ）されている bullet の色 */
.swiper-pagination-bullet-active {
  background-color: #333 !important;
}

@media screen and (max-width: 1025px) {
.swiper-pagination-bullet,.swiper-pagination-bullet-active{
width: 10vw !important;
margin: 0 8px !important;
}  
}
@media screen and (max-width: 767px) {
  .swiper{
    padding-bottom:24px;
  }
  .l-h1_img{
    padding-top: 8px;
  }
  .swiper-pagination-bullet,.swiper-pagination-bullet-active{
    width: 10vw !important;
    height: 2px !important;
  }
}