@charset "utf-8";
/* CSS Document */

/*======= メインSwiperの設定 =======*/

.swiper {
        width: 100%;
	    height:500px;
	margin-bottom:75px!important;
	z-index:-999;
      }
.swiper-slide img {
        width: 100%;
        height: 500px;
object-fit: cover;
      }	  
.swiper-pagination {
	position:absolute;
	bottom:25px!important;
}	  
.swiper-pagination-bullet {
  border-radius: inherit;
  margin: 0 5px!important;
  width: 54px;
  height:6px;
  background:#333;
  opacity: 0.25;
}
.swiper-pagination-bullet-active {
  background: #148fcc;
  opacity: 1;
}
@media (min-width: 1281px) {	
.swiper {
	height:600px!important;
	}
 .slide_IMAGE {
    height: 600px;
    width: 100%;
  }
.swiper-slide img {
    width: 100%;
	height: 600px;
    object-fit: cover;
    object-position: 50% 50%;
      }
}
@media (max-width: 520px) {	
.swiper {
	width:100%;
	height:auto;
	}
 .slide_IMAGE {
	width:100%; 
	}	
.swiper-slide img {
	width:100%;
	height:auto;	
      }
.swiper-pagination {
	display:none;
}
}

/*======= カルーセルのswiperの設定 =======*/

section#TOP_carousel {
	padding: 40px 0 0;	
	width:100%;
	z-index:5;
 	background: #cfdae6;
	margin-bottom:100px!important;
}
section#TOP_carousel .swipe_background {
	width:1260px;	
	margin:0 auto;
	text-align: center;
	position:relative;
	padding:0!important;
	margin-bottom:0!important;	
	height:360px;
	}
section#TOP_carousel .swiper {
        width: 100%;
        height: auto;
	margin-bottom:0!important;
      }
section#TOP_carousel .mySwiper {
	margin-bottom:0!important;
}
section#TOP_carousel .swipe_background .mySwiper {
	max-width:1080px!important;
	margin:0 auto;
	text-align: center;
	z-index:999;
}
section#TOP_carousel .swipe_background .mySwiper .swiper-button-next {
	position:absolute;
    right: -50px!important;
    top: 50%;	
}
section#TOP_carousel .swipe_background .mySwiper .swiper-button-prev {
	position:absolute;
    left: -50px!important;
    top: 50%;
}
section#TOP_carousel .swiper-slide {
	width: fit-content!important;
	height:auto!important;
	background-color: transparent;
	margin: 0 35px 20px;
	display:flex;	
    flex-flow: column;
	z-index:5!important;
}
section#TOP_carousel .swiper-slide img {
    width:auto!important;
    height:280px!important;
    max-width:100%!important;
    max-height:100%!important;
	display:block!important;
}
section#TOP_carousel .swiper-slide span {
	display: block;
	font-size: 16px;
	margin:10px auto;
	letter-spacing:2px;
}
@media screen and (max-width: 520px) {
section#TOP_carousel {
	width:100%;
	padding: 35px 0 0;
	margin: 0 auto;
	margin-left:0!important;
	margin-right:0!important;
	text-align:center;
 	background: #cfdae6;
}
	section#TOP_carousel .swiper {
		height:auto!important;
	}
section#TOP_carousel .swipe_background {
	width:100%;	
	margin: 0 auto!important;
	text-align: center;
	position: relative;
	
}
section#TOP_carousel .swiper-slide {
	width: 100%!important;
	height: auto!important;
	background-color: transparent;
	margin: 0 auto;
}
section#TOP_carousel .swiper-slide img {
	margin:0 auto;
	}
section#TOP_carousel .swiper-slide span {
	font-size: 18px;
}
}