@charset "UTF-8";
/* CSS Document */


.slick01 , .slick02{
    margin: 0 auto;
    position: relative;
    outline:none;
     border: none;
    text-align: center;
}

.slick02{
    pointer-events: none;
}


.slick01 img{
    width: 90%;
    margin: 0 auto;
}


.slick-dots li button:before{
	font-size: 75px !important;
    color: rgba(255,255,255,0.60) !important;
    font-family: 'Noto Serif JP', serif !important;
}

.slick-dots{
bottom: -30px!important;
}


.slick-dots li{
 width:30px!important;
}


.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(../img/pc/arrow_r.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat !important;
margin-left: 50%;
}

.slick-prev:before{
    background: url(../img/pc/arrow_l.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat !important;
}

.slick-arrow{
    z-index:2!important;
    width:60px!important;
    height:60px!important;
}

@media screen and (min-width:900px) {
    /*　画面サイズが1500pxからはここを読み込む　*/
.slick-arrow{
    z-index:2!important;
    width:100px!important;
    height:100px!important;
}
}

.slick-next{
    right:-22px!important;
}

.slick-prev{
    left:-22px!important;
}