@charset "utf-8";

/* Slider */
.slick-loading .slick-list {
 background-color:var(--white);
 background-image:url('../img/common/ajax-loader.gif');
 background-position:center center;
 background-repeat:no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
 align-items:center;
 border-radius:25px;
 position: absolute;
 top: 50%;
 font-size:0;
 line-height:0;
 display:flex;
 justify-content:center;
 width:50px;
 height:50px;
 padding: 0;
 cursor: pointer;
 color: transparent;
 border: none;
 outline: none;
 z-index:12;
 margin-top:-25px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
 color: transparent;
 outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
 opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
 opacity: .25;
}

.slick-prev:before,
.slick-next:before {
 font-family:var(--icon);
 font-size:1.6rem;
 line-height: 1;
 font-weight:600;
 opacity: 1;
 color:var(--white);
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
 background-color:var(--sub);
 left:5vw;
}

.slick-prev:hover {
 background-color:var(--accent);
}

.slick-prev:before {
 content:"\f053";
}

.slick-prev:hover:before {
 color:var(--sub);
}

.slick-next {
 background-color:var(--sub);
 right:5vw;
}

.slick-next:before {
 content:"\f054";
}

.slick-next:hover {
 background-color:var(--accent);
}

.slick-next:hover:before {
 color:var(--sub);
}

/* Dots */
.slick-dotted.slick-slider {
 margin-bottom: 30px;
}

.slick-dots {
 position:absolute;
 column-gap:30px;
 bottom: -25px;
 left:0;
 display:flex;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center;
}

.slick-dots li {
 position: relative;
 display: inline-block;
 width:20px;
 height:20px;
 margin:0;
 padding:0;
 cursor: pointer;
}

.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 appearance:none;
 background-color:var(--white);
 border:none;
 border-radius:50%;
 color:var(--sub);
 height:20px;
 -webkit-appearance:none;
 width:20px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
 outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
 opacity: 1;
}

.slick-dots li button:before {
 font-family:var(--icon);
 font-size:1.6rem;
 line-height: 20px;
 position: absolute;
 top: 0;
 left: 0;
 width: 20px;
 height: 20px;
 content: ' ';
 text-align: center;
 opacity: .25;
 color:var(--black);
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
 opacity: .75;
 color:var(--black);
}