@media screen and (orientation:landscape) and (max-width: 1024px){
  .kv_sec .kv_img img, .kv_sec .kv_swiper img{
    width: 100%;
    object-fit: contain;
    height: auto;
  }
  .hero__panel_02 img {
    object-position: 50% 76%;
}
.hero__panel_01 img {
  object-position: 50% 80%;
}
.hero__panel_03 img {
  object-position: 50% 50%;
}
.hero__panel_04 img {
  object-position: 50% 50%;
}

.ttl_sec{
  margin-top: 10vw;
}
.ttl_sec h2{
  font-size: 6vw;
  margin-bottom: 5vw;
}
.ttl_sec h3{
  font-size: 3vw;
  margin-bottom: 5vw;
}
.product_sec{
  margin: 0px auto 5vw;
}
.product_sec .product_box .title{
  font-size: 2.4vw;
}
.product_sec .popupCar .swiper-button-next, .product_sec .swiper-container-rtl .swiper-button-prev{
  right: 1vw;
}
.product_sec .popupCar .swiper-button-prev, .product_sec .swiper-container-rtl .swiper-button-next {
  left: 1vw;
}
}