:root {
  --color_main: #b29700;
  --color_point: #b29700;
}

* {
  margin: 0;
  padding: 0;
}
.slick-slide {
  overflow: hidden;
}
.slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.top_slide .slick-slide {
  aspect-ratio: 4 / 3;
  max-height: 650px;
}
.top_slide .slick-slide img {
  aspect-ratio: 4 / 3;
  filter: brightness(80%);
  min-width: 1220px;
}

.top_sub_slide .slick-slide {
  max-height: 450px;
  height: 450px;
}
.top_sub_slide .slick-slide img {
  min-width: 950px;
  width: 950px;
}
.access_slide .slick-slide {
  max-height: 400px;
  height: 400px;
}
.access_slide .slick-slide img {
  min-width: 550px;
  width: 550px;
}
.sub_slide .slick-slide {
  max-height: 400px;
  height: 400px;
}
.sub_slide .slick-slide img {
  min-width: 550px;
  width: 550px;
}
.slick-dots li button:before {
  font-size: 10px !important;
}
.slick-dots {
  bottom: 10px !important;
}
.slick-dots li button:before {
  opacity: 0.4 !important;
}
.slick-dots li.slick-active button:before {
  opacity: 0.8 !important;
  color: var(--color_main) !important;
}


@media screen and (max-width: 850px) {
  .top_sub_slide .slick-slide {
    max-height: 100%;
    height: auto;
  }
  .top_sub_slide .slick-slide img {
    min-width: 100%;
    width: 100%;
  }
  .access_slide .slick-slide {
    max-height: 100%;
    height: auto;
  }
  .access_slide .slick-slide img {
    min-width: 100%;
    width: 100%;
  }
  .sub_slide .slick-slide {
    max-height: 100%;
    height: auto;
  }
  .sub_slide .slick-slide img {
    min-width: 100%;
    width: 100%;
  }
}