@charset "UTF-8";

/* ------------------------------
  swiper
--------------------------------*/

  .container {
  margin:clamp(20px, calc(20px + (50 * (100vw - 375px) / 650)), 70px) auto 0;
  display: flex;
  width: 100%;
  max-width:1500px;
  height: 400px;
  box-sizing: border-box;
  padding:0 15px;
  z-index:500;
}

.swiper-left {
  width: 70%;
  height: 100%;
    border-radius: 16px;
  overflow: hidden;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.swiper-wrapper {
  border-radius: 16px;
  overflow: hidden; /* ←これが超重要 */
}


@media screen and (max-width:1200px){
  .container{
      flex-direction: column;
      height:40% !important;
  }

  .swiper-left{
      width:100% !important;
  }
  }