[mn="3100"] .sectionbg-2 {
  z-index: -99;
  transition: .2s all ease;
}

[mn="3100"] .brandlogo {
  max-height: 60px;
}

[mn="3100"] .title {
  font-size: 120%; 
  font-family: var(--ft-t1);
}

[mn="3100"] .swiper-wrapper {
  display: flex;
}

[mn="3100"] .swiper-slide {
  height: auto;
  flex-wrap: nowrap;
}

[mn="3100"] .swiper-slide>* {
  cursor: pointer;
  display: flex;
  width: 100%;
}

[mn="3100"] .swiper-pagination {
  position: relative;
  margin: 15px 0 0;
}

[mn="3100"] .swiper-button-next,
[mn="3100"] .swiper-button-prev {
  aspect-ratio: 1 / 1 !important;
  /* background-color: var(--clr01); */
  width: 40px;
  height: auto;
  border-radius: 50%;
}

[mn="3100"] .swiper-button-next:after,
[mn="3100"] .swiper-button-prev:after {
  color: #fff;
  font-size: 15px;
}

[mn="3100"] .swiper-pagination-bullet-active {
  background-color: var(--clr01);
}

@media only screen and (max-width: 767px) {}


[mn="3100"] a {
  text-decoration: none;
}
[mn="3100"] .itm {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;

  & a:hover{
    .bimg{
      scale: 1.1;
    }
  }
} 



[mn="3100"] .itm>div {
  height: 100%;
  padding: 0;
  color: #fff
} 
[mn="3100"] .bimg {
  aspect-ratio: 1.5 / 1.1;
  padding: 0;
  transition: .6s all ease;
}

[mn="3100"] .itm>* {
  cursor: pointer;
  display: block;
  width: 100%;
}

[mn="3100"] .itm>*>* {
  flex-direction: column
}

[mn="3100"] .ttlbx {
  font-family: var(--font-t1);
  transition: .9s all ease-in-out;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: left;
  min-height: calc(0% + 0px);
  font-size: 120%;
  line-height: 1;
  padding: 30px 21px 21px;
  background-color: #000;
}
[mn="3100"] .swiper-slide:nth-child(even) .ttlbx { 
  background-color: #464646;
}
[mn="3100"] .btnDecor {
  &:after,
  &:before{
    background-color: #fff;
  }
}

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