<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

.swiper-container {
  height: calc(100vh - 120px);
  margin: 30px;
}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: contain;
	background-repeat: no-repeat;
  background-position: center;
}

.slide-inner_sp {
display: none;
}

@media screen and (max-width: 1024px) {
.swiper-container {
  height: calc(50vh - 120px);
  margin:0px 30px;
}	
	
}


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

.slide-inner {
display: none;
}

.slide-inner_sp {
display:block;
	position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: contain;
	background-repeat: no-repeat;
  background-position: center;
}
	.swiper-container {
  height: calc(100vh - 350px);
  margin:0px 0px;
}	
}</pre></body></html>