@charset "utf-8";
.top-brand-banner-slider__inner {
  max-width: 960px;
  margin: 0 auto
}

.top-brand-banner-slider__list:not(.slick-initialized) {
  opacity: 0;
}
.top-brand-banner-slider__list {
  display: flex;
  list-style-type: none;
  position: relative
}

.top-brand-banner-slider__list figure {
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width:769px) {
  .top-brand-banner-slider__list figure {
    min-height: 170px;
  }
}

.top-brand-banner-slider__list img {
  display: inline;
  border-radius: 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1)
}

@media only screen and (max-width:768px) {
  .top-brand-banner-slider__list img {
    width: 100%
  }
}

@media (device-width:812px) and (orientation:landscape) {
  .top-brand-banner-slider__list img {
    width: 100%
  }
}

@media (device-width:896px) and (orientation:landscape) {
  .top-brand-banner-slider__list img {
    width: 100%
  }
}
.top-brand-banner-slider__list .slick-slide {
  transform: scale(1);
  outline: 0
}

.top-brand-banner-slider__list .slick-slide img, .brand-menu-box .slick-slide figure img {
  max-width: 100%
}
.top-brand-banner-slider__list .slick-slide:not(.slick-center) img {
  transform: scale(.8)
}

.top-brand-banner-slider__list .slick-arrow {
  width: 48px;
  height: 48px;
  font-size: 0;
  border-radius: 50%;
  background: url(/assets/images/ico_arrow_next.svg) #fff no-repeat;
  background-position: center;
  border: 0;
  cursor: pointer;
  outline: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 2
}

@media only screen and (max-width:768px) {
  .top-brand-banner-slider__list .slick-arrow {
    transform: translate(0, -50%)
  }
}

.top-brand-banner-slider__list .slick-prev {
  left: 0;
  right: auto;
  transform: translate(0, -50%) rotate(180deg)
}

@media only screen and (max-width:768px) {
  .top-brand-banner-slider__list .slick-prev {
    transform: translate(0, -50%) rotate(180deg)
  }
}