@charset "UTF-8";

/*-------------------------
main_slider03
-------------------------*/

#psp_top_slider .slick-initialized .psp_top_slider02{ overflow: hidden; position: relative;}

#psp_top_slider .slick-initialized .psp_top_slider02 .slick-list{ z-index: 0;}
#psp_top_slider .slick-initialized .slick-slide.psp_slider_item{ width: 100%; height: 660px;}
#psp_top_slider .slick-initialized .slick-slide.psp_slider_item img{ width: 100%; height: 660px; object-fit: cover;}

#psp_top_slider .psp_top_slider02 .psp_slide_dots { margin: -60px 0 0; padding: 0; text-align: center;}
#psp_top_slider .psp_top_slider02 .psp_slide_dots li { display: inline-block; margin: 0 10px;}
#psp_top_slider .psp_top_slider02 .psp_slide_dots li button { position: relative; text-indent: -9999px;}
#psp_top_slider .psp_top_slider02 .psp_slide_dots li button::before { content: ""; background-color: #fff; opacity: 0.4; cursor: pointer; height: 13.5px; left: 0; margin: auto; position: absolute; right: 0; top: 24px; width: 13.5px; border-radius: 50vh;}
#psp_top_slider .psp_top_slider02 .psp_slide_dots li.slick-active button::before { opacity: 1;}
button { background: none; border: none; outline: none; padding: 0 7px;}

@media screen and (min-width:768px) and ( max-width:1280px){
#psp_top_slider .slick-initialized .slick-slide.psp_slider_item{ height: 420px;}
#psp_top_slider .slick-initialized .slick-slide.psp_slider_item img{ height: 420px;}
}

#psp_top_slider .psp_top_slider02 .slick-arrow.prev,
#psp_top_slider .psp_top_slider02 .slick-arrow.next{ z-index:100; position: absolute; top: calc(50% + 20px); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 60px; height: 100px;}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev{ left: 150px;}
#psp_top_slider .psp_top_slider02 .slick-arrow.next{ right: 150px;}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev:hover,
#psp_top_slider .psp_top_slider02 .slick-arrow.next:hover{ cursor: pointer;}
#psp_top_slider .psp_top_slider02 .slick-arrow span{ display: block;}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev span::before,
#psp_top_slider .psp_top_slider02 .slick-arrow.next span::before{ position: absolute; top: 0px; bottom: 0px; content: ""; vertical-align: middle; width: 35px; height: 35px; margin: auto; border-top: 5px solid rgb(255, 255, 255); border-right: 5px solid rgb(255, 255, 255);}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev span::before{ right: 0px; transform: rotate(-135deg);}
#psp_top_slider .psp_top_slider02 .slick-arrow.next span::before{ left: 0px; transform: rotate(45deg);}
    
@media screen and (max-width:767px){

#psp_top_slider .slick-initialized .slick-slide.psp_slider_item{ height: 190px;}
#psp_top_slider .slick-initialized .slick-slide.psp_slider_item img{ height: 190px;}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev,
#psp_top_slider .psp_top_slider02 .slick-arrow.next{ width: 40px;}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev{ left: 0;}
#psp_top_slider .psp_top_slider02 .slick-arrow.next{ right: 0;}
#psp_top_slider .psp_top_slider02 .slick-arrow.prev span::before,
#psp_top_slider .psp_top_slider02 .slick-arrow.next span::before{position: absolute; top: 0px; bottom: 0px; content: ""; vertical-align: middle; width: 20px; height: 20px; margin: auto; border-top: 5px solid rgb(255, 255, 255); border-right: 5px solid rgb(255, 255, 255);}

#psp_top_slider .psp_top_slider02 .psp_slide_dots li { margin: 0 5px;}
#psp_top_slider .psp_top_slider02 .psp_slide_dots li button::before { content: ""; background-color: #fff; opacity: 0.4; cursor: pointer; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 28px; width: 10px;}

}