@charset "UTF-8";
/* コンテンツ */
.top_slide_bg{position: relative;top:100px;background:url("../img/top_slide_bg_pc.webp");background-repeat: no-repeat;background-size: contain;aspect-ratio: 21.2 / 15.0;}
#topimg {
	position: absolute;
    width: 86%;
    aspect-ratio: 21.2 / 14.3;
	top:0px;
	left:0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
}
.top_title{position: absolute;top:40%;width: 60%;left: 5%;z-index: 999;filter: drop-shadow(5px 5px 5px #000000);}
.swiper-container1 {
	position:relative;
	z-index: 1;
	width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-container1 .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.swiper-container1 .swiper-slide span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}
@keyframes sl_zoom_ani {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);

  }
}



.sd1 span {
    background-image: url("../slide/01_pc.webp");
}
.sd2 span {
    background-image: url("../slide/02_pc.webp");
}
.sd3 span {
    background-image: url("../slide/03_pc.webp");
}
.sd4 span {
    background-image: url("../slide/04_pc.webp");
}









/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width: 1000px) {
#topimg {
	position: absolute;
    width: 86%;
    aspect-ratio: 21.2 / 14.3;
	top:0px;
	left:0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
}


}

/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width: 640px) {
.top_slide_bg{position: relative;top:100px;background:url("../img/top_slide_bg_sp.webp");background-repeat: no-repeat;background-size: contain;aspect-ratio: 16.6 / 18.5;}
#topimg {
    position: absolute;
    width: 86%;
    aspect-ratio: 14.1 / 15.5;
	top:0px;
	left:0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
}
.top_title{position: absolute;top:30%;width: 80%;left: 5%;z-index: 999;}
.sd1 span {
    background-image: url("../slide/01_sp.webp");
}
.sd2 span {
    background-image: url("../slide/02_sp.webp");
}
.sd3 span {
    background-image: url("../slide/03_sp.webp");
}
.sd4 span {
    background-image: url("../slide/04_sp.webp");
}
}