@charset "utf-8";
.item:hover img, .item.slick-current img {
 opacity: .5;
 transition: .2s;
}
.slide-navigation .slick-track {
 transform: unset !important;
 width: 100% !important;
}
.top_slider_block {
 margin: 65px 0 20px !important;
 padding: 0;
}
#top-slider2 {
 width: 100%;
}
#top-slider2 img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 50% 50%;
 aspect-ratio: 8 / 2.6;
}
.slick-prev:before, .slick-next:before {
 color: black;
}
.slick-dots {
 display: flex !important;
 justify-content: center !important;
}
.slick-dots li {
 display: block !important;
 width: 12px !important;
 height: 12px !important;
}
.slide-navigation {
 position: relative;
 padding: 0;
 margin: 0;
 display: none;
 flex-wrap: wrap;
 justify-content: center;
 gap: 4px;
}
.toppage .slide-navigation {
 display: flex;
}
.slide-navigation .item {
 list-style: none;
 margin: 0 2px !important;
 padding: 0;
 position: relative;
 cursor: pointer;
 overflow: hidden;
 width: 60px !important;
 height: 30px !important;
}
@media screen and (max-width: 380px) {
 .slide-navigation .item {
  margin: 0 1px !important;
 }
}
.slide-navigation .item img {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 50% 50%;
 aspect-ratio: 2 / 1;
}
@media screen and (min-width: 48em) {
 .top_slider_block {
  margin: 75px 0 20px !important;
 }
 .slide-navigation .item {
  width: 120px !important;
  height: 60px !important;
 }
}
@media screen and (min-width: 770px) {
 .top_slider_block {
  margin: 0 0 20px !important;
 }
}
@media screen and (max-width: 100em) {
 #top-slider2 img {
  aspect-ratio: 8 / 3;
 }
}