@charset 'UTF-8';



#top-slide { display: none; }

#top-slide.slick-initialized { display: block; }

.slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; }

.slick-slide:focus { outline: none; }



.slick-slider { width: 100%; height: 100%; margin: 0; }

.slick-list,

.slick-track { height: 100%; }



#top-slide { position: relative; }

#top-slide .slick-prev,

#top-slide .slick-next {

  position: absolute;

  top: calc(50% - 35px);

  transform: translateY(-50%);

  z-index: 3;

  width: 43px;

  height: 43px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

}

#top-slide .slick-next { background: url(../img/slide-next.png) center center / contain no-repeat; right: 20px; }

#top-slide .slick-prev { background: url(../img/slide-prev.png) center center / contain no-repeat; left: 20px; }

#top-slide .slick-prev:hover,

#top-slide .slick-prev:focus,

#top-slide .slick-next:hover,

#top-slide .slick-next:focus { opacity: 0.7; }



#top-slide .slick-dots {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 40px;

  text-align: center;

}

#top-slide .slick-dots li {

  position: relative;

  display: block;

  margin-bottom: 8px;

}

#top-slide .slick-dots li button {

  display: block;

  width: 10px;

  height: 10px;

  cursor: pointer;

  color: transparent;

  border-radius: 50%;

  border: none;

  outline: none;

  background: #FFF;

  opacity: 0.5;

}

#top-slide .slick-dots li button:hover,

#top-slide .slick-dots li button:focus { outline: none; opacity: 1; }

#top-slide .slick-dots li.slick-active button { opacity: 1; }



/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */



.news-slick-slider { width: 100%; height: 100%; margin: 0; }

.news-slick-list,

.news-slick-track { height: 100%; }



.news-slide { position: relative; }

.news-slide .slick-slide { display: block; width: 400px; margin: 0 10px; position: relative; }



.news-slide .slick-dots {

  position: absolute;

  bottom: -50px;

  width: 100%;

  max-width: 1200px;

  left: 50%;

  transform: translateX(-50%);

  text-align: center;

  display: flex;

  justify-content: space-between;

}

.news-slide .slick-dots li {

  position: relative;

  flex: 1;

}

.news-slide .slick-dots li button {

  display: block;

  width: 100%;

  height: 2px;

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  background: #fff;

}

.news-slide .slick-dots li button:hover,

.news-slide .slick-dots li button:focus { outline: none; background: #74624C; }

.news-slide .slick-dots li.slick-active button { background: #74624C; }



@media screen and (max-width: 768px) {

  .news-slide .slick-slide { margin: 0 5px; }

} /* @ */





/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */



@media screen and (max-width: 768px) {

  .sp-slide { width: calc(100% + 40px); margin: 0 -20px; }

  .sp-slide .slick-slide { margin: 0 5px; position: relative; }

  

  .sp-slide2 { width: calc(100% + 40px); margin: 0 -20px; }

  .sp-slide2 .slick-slide { margin: 0 5px; position: relative; }

} /* @ */