.section__case {
  padding: 200px 0;
  overflow: hidden;
  background: #fff;
}
.section__case .wr {
  width: 2000px;
  position: relative;
  left: calc(50% - 1000px);
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section__case .section__title {
  padding: 50px 0 50px;
}
.section__case .section__title h2 {
  font-size: 80px;
}
.section__case .case-sub-slk {
  width: 2000px;
  position: relative;
}
.section__case .case-sub-slk .slick-slide {
  margin: 0 45px;
  -webkit-filter: grayscale(0.8);
          filter: grayscale(0.8);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.section__case .case-sub-slk .pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50px;
  overflow: hidden;
}
.section__case .case-sub-slk .txt {
  padding: 35px 0 24px;
  margin-top: 12px;
  background: #f3f3f3;
  border-radius: 30px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.section__case .case-sub-slk .txt .tit {
  font-size: 18px;
  padding-bottom: 18px;
}
.section__case .case-sub-slk .txt a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  border: 1px solid #8d8d8d;
  border-radius: 10em;
  font-family: var(--Marcellus);
  padding: 6px 25px 8px;
  display: block;
  margin: 0 auto;
}
.section__case .case-sub-slk .slick-active {
  -webkit-filter: none;
          filter: none;
}
.section__case .case-sub-slk .slick-active .txt {
  opacity: 1;
}
.section__case .case-sub-slk .slick-arrow {
  width: 15px;
  height: 28px;
  background: url(/skin/latest/main_case/img/arr.png) center no-repeat;
  font-size: 0;
  position: absolute;
  top: 260px;
  z-index: 1;
}
.section__case .case-sub-slk .slick-prev {
  -webkit-transform: rotatey(-180deg);
      -ms-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
  left: calc(50% - 549px);
}
.section__case .case-sub-slk .slick-next {
  left: calc(50% + 531px);
}/*# sourceMappingURL=style.css.map */