@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:page-slick.css */
/* creation date:2024年11月28日 */
/* last updated:2024年11月28日 */
/* -------------------------------------------------- */

.slick-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide>span{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #3498db;
  font-size: 36px;
  font-weight: bold;
  margin: 0 10px;
}
.slider-thumb{
  margin-top: 20px;
}
.slider-thumb .slide>span{
  font-size: 20px;
}

/* arrow */
.slick-prev:before, .slick-next:before {
  font-size: 60px;
}


.slick-inner .slick-arrow{
  z-index: 2;
  top: 50%;
	/*  
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-top: 3px solid #3498db;
  border-right: 3px solid #3498db;
  opacity: .8; */
}
.slick-arrow::before{
  content: '';
}
.slick-inner .slick-prev{
  left: 30px;
/*  transform: rotate(-135deg);*/
}
.slick-inner .slick-next{
  right: 30px;
/*  t  transform: rotate(45deg); */
}
/* dots */
.slick-dots{
  bottom: -25px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
  width: 12px;
  height: 12px;
}
.slick-dots li{
  margin: 0 7px;
}
.slick-dots li button{
  background-color: #fff;
  opacity: .8;
  border-radius: 100%;
}
.slick-dots li.slick-active button{
  opacity: .4;
}
.slick-dots li button::before{
  content: '';
}

@media screen and (min-width: 640px) {
.slick-inner{
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.s-slider-area {
  width: 1130px;
  margin: 0 auto;
}
}
@media screen and (max-width: 639px) {
.slick-inner{
  max-width: 100%;
  margin: 0 auto;
}
.s-slider-area {
  margin: 0 auto;
}
}