@charset 'UTF-8';

/* 矢印 */
.slick-prev                        { position:absolute; top:0; left:-30px; bottom:0; z-index:4; display:block; width:80px; height:80px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/bk/prev_slide.svg) no-repeat center center #fff; border-radius:50%; background-size:18px; text-indent:150%; overflow:hidden; transition:.2s; }
.slick-next                        { position:absolute; top:0; right:30px; bottom:0; z-index:4; display:block; width:80px; height:80px; margin:auto 0; border:none; cursor:pointer; background:url(../../img/common/bk/next_slide.svg) no-repeat center center #fff; border-radius:50%; background-size:18px; text-indent:150%; overflow:hidden; transition:.2s; }
.slick-prev:hover                  { background-position:40% center; }
.slick-next:hover                  { background-position:60% center; }

/* ドット */
.slick-dots                        { position:absolute; left:0; right:0; bottom:-30px; display:flex; justify-content:left; width:100%; margin:0 auto; padding:0 20px; list-style:none; }
.slick-dots li                     { margin:0 8px 8px 0; cursor:pointer; }
.slick-dots li button              { display:block; width:6px; height:6px; padding:0; color:transparent; background:#ddd; border:0; border-radius:6px; outline:none; cursor:pointer; transition:.3s ease-in-out; }
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button { background:#111; }