* {
    box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
}
.wrapMv {
    height: 100vh;
    position: relative;
    min-height: 500px;
}

/* Top message & link */

#wrapMvSlider .ttlMvSliderItem {
    font-size: 32px;
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
}
#wrapMvSlider .btnMvSliderItem {
    margin-top: 20px;
}
#wrapMvSlider .btnMvSliderItem a {
    width: auto;
    min-width: 370px;
    padding: 5px 90px 20px 0;
    transition-property: color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    font-size: 18px;
    display: inline-block;
    position: relative;
    padding: 8px 90px 12px 0;
    border-bottom: 2px solid #fff;
    color: #fff;
}

/* swiper */
.swiper-wrapper {
	width: 100%;
	height: 100%;
	margin-bottom: 0; 
	background-color: #000;
}
.swiper-slide {
	background-position: top center;
	display: flex;
	align-items: flex-end;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.scrollBtn{
	position:absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:10;
	width:70px;
}
.scrollBtn img{
	width:100%;
}

.swiper-pagination-bullet {
	width: 17px!important;
	height: 17px!important;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
}
.swiper-pagination-bullet-active{
	background:red!important;
}
.swiper-pagination-bullet {
	width: 17px!important;
	height: 17px!important;
	display: inline-block;
	border-radius: 100%;
	background: #fff!important;
	opacity: 1!important;
}
.swiper-pagination-bullet-active{
	background:red!important;
}
/* loopをtrueにすると最初のスライドの前に最後のスライドが、最後のスライドの後に最初のスライドが複製される
１枚目のスライドはnth-child(2)で指定、４枚目のスライドはnth-child(1) */

/* slide4 */
.swiper-slide:nth-child(4n+1) {
    background-image: url(/library/img/top/img_swiperslide04.jpg);
}
/* slide1 */
.swiper-slide:nth-child(4n+2) {
	background-image: url(/library/img/top/img_swiperslide01_en.jpg);
}
/* slide2 */
.swiper-slide:nth-child(4n+3) {
	background-image: url(/library/img/top/img_swiperslide02.jpg);
}
/* slide3 */
.swiper-slide:nth-child(4n+4) {
	background-image: url(/library/img/top/img_swiperslide03.jpg);
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 60px!important;
    left:13%!important;
   
	width:auto!important;
}


@media all and (min-width:971px){
	#wrapMvSlider .mvSliderItemInr {
		position: absolute;
		top: 50%;
		margin: auto 0 auto 13%;
		transform: translateY(-50%) translateX(0%);
		-webkit- transform: translateY(-50%) translateX(0%);
	}
}

@media all and (max-width:970px) { 
	#wrapMvSlider .mvSliderItemInr {
    margin-bottom: auto;
    margin-left: auto;
	}
	/* slide4 */
	.swiper-slide:nth-child(4n+1) {
		background-image: url(/library/img/top/img_swiperslide04_sp.jpg);
	}
	/* slide1 */
	.swiper-slide:nth-child(4n+2) {
	background-image: url(/library/img/top/img_swiperslide01_sp_en.jpg);
	}
	/* slide2 */
	.swiper-slide:nth-child(4n+3) {
	background-image: url(/library/img/top/img_swiperslide02_sp.jpg);
	}
	/* slide3 */
	.swiper-slide:nth-child(4n+4) {
	background-image: url(/library/img/top/img_swiperslide03_sp.jpg);
	}

	.swiper-slide:nth-child(4n+3) .mvSliderItemInr {
		position: absolute;
		top: 50%;
		left: 50%;		
		width:180px;
		z-index: 10;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
	.swiper-slide:nth-child(4n+4) .mvSliderItemInr {
		position: absolute;
		top: 50%;
		left: 50%;width:270px;
		z-index: 10;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
	.swiper-slide:nth-child(4n+1) .mvSliderItemInr {
		position: absolute;
		top: 50%;
		left: 50%;
		width:180px;
		z-index: 10;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	
	}
	.scrollBtn {
		position: absolute;
		bottom: 100px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 10;
		width: 66px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 10px;
		left: 0;
		width:auto!important;
	}
}

	

	/* slide4 */
	.tb .swiper-slide:nth-child(4n+1) {
		background-image: url(/library/img/top/img_swiperslide04_tb.jpg);
	}
	/* slide1 */
	.tb .swiper-slide:nth-child(4n+2) {
	background-image: url(/library/img/top/img_swiperslide01_tb.jpg);
	}
	/* slide2 */
	.tb .swiper-slide:nth-child(4n+3) {
	background-image: url(/library/img/top/img_swiperslide02_tb.jpg);
	}
	/* slide3 */
	.tb .swiper-slide:nth-child(4n+4) {
	background-image: url(/library/img/top/img_swiperslide03_tb.jpg);
	}


	@media (orientation: landscape){

/* slide4 */
.tb .swiper-slide:nth-child(4n+1) {
	background-image: url(/library/img/top/img_swiperslide04.png);
}
/* slide1 */
.tb .swiper-slide:nth-child(4n+2) {
background-image: url(/library/img/top/img_swiperslide01.png);
}
/* slide2 */
.tb .swiper-slide:nth-child(4n+3) {
background-image: url(/library/img/top/img_swiperslide02.png);
}
/* slide3 */
.tb .swiper-slide:nth-child(4n+4) {
background-image: url(/library/img/top/img_swiperslide03.png);
}
	}