#slider{
 position: relative;
 max-width: 1920px;
 margin: 0 auto;
}
#slider #homeSlider{
 overflow: hidden;
 margin-bottom: 0;
}
#slider #homeSliderSP{
 display: none;
}
#slider .scrollBtn{
 position: absolute;
 z-index: 10;
 left: calc( 50% - 50px);
 bottom: 80px;
 text-align: center;
 width: 100px;
}
#slider .scrollBtn a{
 display: block;
 text-align: center;
 position: relative;
 color: #fbc60e;
 font-weight: bold;
}
#slider .scrollBtn a:before{
 position: absolute;
 display: block;
 content: "";
 background: #fbc60e;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 bottom: -30px;
 left: calc( 50% - 15px );
 animation-name: animeFadeRepeat;
 animation-duration:3s;
 animation-iteration-count: infinite;
}
#slider .scrollBtn a:after{
 position: absolute;
 display: block;
 content: "";
 border-top: solid 8px #fff;
 border-left: solid 6px transparent;
 border-right: solid 6px transparent;
 bottom: -20px;
 left: calc( 50% - 6px );
 animation-name: animeFadeRepeat;
 animation-duration:3s;
 animation-iteration-count: infinite;
}
@keyframes animeFadeRepeat{
 0%{
  opacity:1;
 }
 10%{
  opacity:1;
 }
 50%{
  opacity:0;
 }
 90%{
  opacity:1;
 }
 100%{
  opacity:1;
 }
}
.slick-slide{
 max-width: 1920px;
 aspect-ratio: 64 / 35;
 object-fit: contain;
 padding-bottom: 71px;
}
.slick-slide img{
 vertical-align: top;
}
.slick-prev,
.slick-next{
 z-index: 2;
 width: 50px;
 height: 50px;
 /* margin-top: -20px; */
 background: #fff;
 border-radius: 50%;
 transition: var(--tra-ease);
}
.slick-prev{
 left: 60px;
}
.slick-next{
 right: 60px;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before{
 opacity: 0;
}
.slick-prev:hover,
.slick-next:hover{
 opacity: .5;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
 background: #fff !important;
}
.slick-prev::after,
.slick-next::after{
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 border-top: solid 3px var(--blue);
}
.slick-prev::after{
 border-left: solid 3px var(--blue);
 transform: rotate(-45deg) translate(100%, 37%);
}
.slick-next::after{
 border-right: solid 3px var(--blue);
 transform: rotate(45deg) translate(17%, -89%);
}
.slick-dots{
 bottom: 0;
 background: var(--blue);
 padding: 20px 0;
}
.slick-dots li button:before{
 font-size: 8px;
 opacity: 1;
}
.slick-dots li button:before{
 color: #dadada;
}
.slick-dots li.slick-active button:before{
 opacity: 1;
 color: var(--yellow);
}

/*
===================================================
        tb
===================================================
*/
@media screen and (max-width: 1280px) {
 .slick-prev{
  left: 30px;
 }
 .slick-next{
  right: 30px;
 }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 980px) {
 .slick-prev,
 .slick-next{
  visibility: hidden;
  width: 0;
  height: 0;
  background: transparent;
 }
 .slick-prev::after,
 .slick-next::after{
  display: none;
 }
}
/*
===================================================
        slide sp
===================================================
*/
@media screen and (max-width: 640px) {
 #slider #homeSlider{
  display: none;
 }
 #slider #homeSliderSP{
  display: block;
 }
 .slick-slide{
  aspect-ratio: 5 / 6;
  object-fit: contain;
 }
}