@charset "utf-8";
/*************************************************
 slider.css
**************************************************/

.slide_box .slick-dotted.slick-slider,
.slick-slider .slick-list,
.slick-slider .slick-list .slick-track,
.slick-initialized .slick-slide { margin-bottom: 0; padding-bottom: 0;}
.slide_banner .wrap,
.slide_banner .autoplay { overflow: visible;}
.slide.slick-slide { float: right; display: flex; justify-content: center; margin: 20px 0 0 0;}



 /* スライダー幅 */
.slide_box { max-width: 1180px; width: 100%; margin: 0 auto;}


/*スライド画像の横幅可変*/
.slide_box img {  width: 100%;
  height: auto;
  display: block;;}
@media (width < 768px) { .slide_box img { width: 100%; }}


/*文字サイズを相対値に修正*/
.slick-prev, 
.slick-prev:before,
.slick-next,
.slick-next:before,
.slick-dots li button,
.buttons .button
{ font-size: 0.5em;}
.slick-list{position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;}