@charset "utf-8";
.swiper {
	  height: 100dvh;
}
.swiper-slide {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-text {
    position: absolute;
	display: block;
	width: 80%;
    top: 50%;
    left: 50%;
    font-size: 42px;
	text-align: center;
    text-shadow: 2px 2px 8px #000;
    color: #fff;
    transform: translate(-50%, -50%);
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {
    -webkit-animation: zoomUp 10s linear 0s;
    animation: zoomUp 10s linear 0s; /* 10秒かけて拡大 */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slide-img {
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
.slide-img::after {
    opacity: .4;
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.2);
background-image: radial-gradient(#111 15%, transparent 16%), radial-gradient(#111 15%, transparent 16%);
background-size: 4px 4px;
background-position: 0 0, 2px 2px;
}
/* Swiper-zoom 
@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}
@keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}
*/
@media screen and (max-width: 767px) {
	.slide-text {
    font-size: 22px;
		width: 90%;
}
}