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

.mainImg .swiper{
	position:relative;
	overflow:hidden;
	padding-top:50%;
	}
.mainImg .swiper .swiper-wrapper{
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	z-index:3;
	}

.mainImg .swiper-img{
	position:relative;
	height:100%;
	}
.mainImg .swiper-img img{
	position:absolute;
	bottom:50%;
	right: 50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	z-index:1;
	}


.mainImg .swiper .mainTxt{
	position:absolute;
	bottom:50%;
	right: 50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	z-index:1;
	width:92%;
	max-width:1200px;
}
.mainImg .swiper .mainTxt img{
	width:80%;
	margin:auto;
}

@media only screen and (min-width : 600px){
	.mainImg .swiper{
		padding-top:40%;
		}
}
@media only screen and (min-width : 1200px){
	.mainImg .swiper{
		padding-top:550px;
		}
}














/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px;
}
/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #fff;
	opacity: 0.5;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
  height: 8px;
  width: 8px;
}
/* 選択されているページネーション */
.swiper-pagination-bullet-active {
	opacity: 1;
}