[class*=swiper]:focus {
  outline: none;
}
.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}
.slide-media img,
.thumb-media img {
  position: flex;
  left: 0;
  right: 0;
  width: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slider {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
}
.slider .swiper {
  overflow: visible;
}
.slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.slider .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.slider .slide {
  overflow: hidden;
  width: 36rem;
  border-radius: 4px;
}
.slider .slide-media {
  padding: 0 5px;
}


@media screen and (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
  .l-inner {
    padding: 0 4rem;
  }
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 599px) {
  html {
    font-size: 50%;
  }
  .pc-tab {
    display: none !important;
  }
  .slider .slide {
    width: 24rem;
  }
}