/* -------------------------------------------------- */
/* スライド用CSS */
/* -------------------------------------------------- */

/* 基礎 */
.splide { aspect-ratio:16/9; position:relative; overflow:hidden; height:auto; max-width:580px; width:100%; z-index:1; }
.splide button { background-color:transparent; border:none; }

/* 矢印 */
.splide__arrows .splide__arrow { cursor:pointer; padding:0; margin:0; position:absolute; top:50%; z-index:2; }
.splide__arrows svg { height:20px; width:20px; }
.splide__arrow--prev { transform:rotate(180deg); }
.splide__arrow--next { right:0; }

/* スライド部分 */
.splide__list .splide__slide { padding:0; margin:0; height:auto; max-width:580px; width:100%; }
.splide__list .splide__slide img { object-fit:cover; }