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

.zoomout-container {background:#2a2a2a;
  position: relative;
  width: 100vw;
  aspect-ratio:3000/1688 ;
  overflow: hidden;
}

.zoomout {
  width: 100%;
  height: 100%;
}

.outslide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}

.outslide.active {
  visibility: visible;
  opacity: 1;
}

.slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center center;
  opacity: 0;
  transform: scale(1.2);
}

.out-content {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  padding: 20px;
  z-index: 10;
}

.slide-title, .slide-subtitle {
  opacity: 0;
  transform: translateY(30px);
  /*text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
}

.slide-title {
  /*font-size: 3rem;*/
  margin-bottom: 1rem;
}

.slide-subtitle {
  /*font-size: 1.5rem;*/
  margin-bottom: 2rem;
}

.zoomout_img01{width:100%;
	    background:url("../img/index01_LL.jpg") no-repeat;
            background-size:100%;aspect-ratio:3000/1688;
}
.zoomout_img02{width:100%;
	    background:url("../img/index02_LL.jpg") no-repeat;
            background-size:100%;aspect-ratio:3000/1688;
}
.zoomout_img03{width:100%;
	    background:url("../img/index23_LL.jpg") no-repeat;
            background-size:100%;aspect-ratio:3000/1688;
}
.zoomout_img04{width:100%;
	    background:url("../img/index24_LL.jpg") no-repeat;
            background-size:100%;aspect-ratio:3000/1688;
}




}

@media screen and (max-width:768px){
.zoomout-container {background:#2a2a2a;
  position: relative;
  width: 100vw;
  aspect-ratio:800/1250 ;
  overflow: hidden;
}

.zoomout {
  width: 100%;
  height: 100%;
}

.outslide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}

.outslide.active {
  visibility: visible;
  opacity: 1;
}

.slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center center;
  opacity: 0;
  transform: scale(1.2);
}

.out-content {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  padding: 20px;
  z-index: 10;
}

.slide-title, .slide-subtitle {
  opacity: 0;
  transform: translateY(30px);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.slide-title {
  /*font-size: 3rem;*/
  margin-bottom: 1rem;
}

.slide-subtitle {
  /*font-size: 1.5rem;*/
  margin-bottom: 2rem;
}

.zoomout_img01{width:100%;
	    background:url("../img/index01_MS.jpg") no-repeat;
            background-size:100%;aspect-ratio:800/1250;
}
.zoomout_img02{width:100%;
	    background:url("../img/index02_MS.jpg") no-repeat;
            background-size:100%;aspect-ratio:800/1250;
}
.zoomout_img03{width:100%;
	    background:url("../img/index23_MS.jpg") no-repeat;
            background-size:100%;aspect-ratio:800/1250;
}
.zoomout_img04{width:100%;
	    background:url("../img/index24_MS.jpg") no-repeat;
            background-size:100%;aspect-ratio:800/1250;
}






}