/*--------画像サイズ調整---------*/
img{
  width:100%;
}

/*-----------height調整----------*/
.slick-slide{
  height:auto!important;
}
/*------------------------------*/


/*-----------矢印表示----------*/
.slick-next{
    right:0!important;
}
.slick-prev{
    left:0!important;
}
.slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
}
.slick-arrow:before{
    font-size: 30px!important;
}
/*------------------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}



/**********************************ここからtablet用のcssを記述*********************************/
@media screen and (max-width:600px) {
/*******ここから↓*****/



.slick-box img {
    width: 100%;
    max-height: 335px;
    object-fit: cover;
}
.slick-box video {
    width: 100%;
    height: 80vw;
    object-fit: cover;
}


/*******ここまで↑*****/	
}