@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------------------------#main_v----------*/

#main_v{ 
position:relative;
overflow: hidden;
width:100%;
height: calc(100%);
z-index: -1;
background-color: #f6f6f6;
}

#main_v .slider{
position: absolute;
left:0;
bottom:0;
width:100%;
height:100%;
}

.slider li{
position:absolute;	
width:100%;
height:100%;
top:0;
left:0;
}

.slider li:nth-child(1){ background:url("../images/main01.webp") no-repeat center center; background-size:cover; }
.slider li:nth-child(2){ background:url("../images/main02.webp") no-repeat center center; background-size:cover; }
.slider li:nth-child(3){ background:url("../images/main03.webp") no-repeat center center; background-size:cover; }


.bx-wrapper, .bx-viewport, .slider, .slider ul{ 
height:100%;
position:relative;
z-index:1;
}

/*bxsliderの動き

.slider li {
-webkit-transform: -webkit-scale(1.05);
-ms-transform: -ms-scale(1.05);
transform: scale(1.05);
}

.slider li  {
-webkit-animation: zoom 10s linear;
animation: zoom 10s linear;
}


@-webkit-keyframes zoom {
0% {
-webkit-transform: -webkit-scale(1);
-ms-transform: -ms-scale(1);
transform: scale(1);
}

100% {
-webkit-transform: -webkit-scale(1.12);
-ms-transform: -ms-scale(1.12);
transform: scale(1.12);
}
}


@keyframes zoom {
0% {
-webkit-transform: -webkit-scale(1);
-ms-transform: -ms-scale(1);
transform: scale(1);
}

100% {
-webkit-transform: -webkit-scale(1.12);
-ms-transform: -ms-scale(1.12);
transform: scale(1.12);
}
}

/*ここまで*/


@media screen and (max-width:1100px){
}

@media screen and (max-width:767px){

.slider li:nth-child(1){ background:url("../images/main01_sp.webp") no-repeat center center; background-size:cover; }
.slider li:nth-child(2){ background:url("../images/main02_sp.webp") no-repeat center center; background-size:cover; }
.slider li:nth-child(3){ background:url("../images/main03_sp.webp") no-repeat center center; background-size:cover; }

}