@charset "utf-8";

#slideBack{
	overflow:hidden;
}
#imgStart,
#img0,
.slideBox p{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}
#imgStart{
	background:url(../img/common/gray_back0.png) left top repeat
}
#text2{
	position:absolute;
	left:0px;
	top:0px;
}
#img0 p{
	position:relative;	
	width:100%;
	height:100%;
	display:block;
}
#img0 p img#build{
	position:absolute;
	left:0px;
	top:0px;
}
.slideBox p span{
	width:100%;
	height:100%;
	display:block;
	position: absolute;
	top:0%;
	left: 0%;
	-webkit-transform:scale(1);
	transform:scale(1);
}
#imgStart >img{
	display:none;
}
.slideText{
	position:absolute;
	right:0px;
	bottom:0px;
}
#img1 > span{
	background:url('../img/top/slide/slide_3.jpg') center center no-repeat;
    background-size:100%;
}
#img2 > span{
	background:url('../img/top/slide/slide_4.jpg') center center no-repeat;
    background-size:100%;
}
#img3 > span{
	background:url('../img/top/slide/slide_5.jpg') center center no-repeat;
    background-size:100%;
}
#img4 > span{
	background:url('../img/top/slide/slide_6.jpg') center center no-repeat;
    background-size:100%;
}
/* .slideImg{
	width:50% !important;
}
#img4,
#img2{
	left:50%;
} */
/* #img1,
#img2,
#img3,
#img4,
#img0{
	display:none;
} */
/* スライダー// */

@media screen and (min-width:981px) and (max-width:1366px) {

}
@media screen and (min-width:641px) and (max-width:980px) {

}
@media screen and (max-width:640px) {
#spAnimBlock{
	position:relative;
}
#sliderSp1{
	width:100%;
	position:relative;
}
#sliderSp2{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}
#sliderSp2 .slideSpImg{
	display:none;
}
.bkSp{
	position:relative;
}
.slideSpImg{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	overflow:hidden;
}
.slideSpImg img{
	width:100%;
}
.slideTextSp{
	position:absolute;
	right:0px;
	bottom:0px;
	max-width:320px;
	width:100%;
}

.z1{z-index:1;}
.z2{z-index:2;}
.z10{z-index:10;}

}