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

/* slide */

/*=========================================================*/
.first-slider.splide{
    width: 100%;
}
.first-slider .splide__track{
    width: 100%;
    height: 100%;
}
.first-slider .splide__slide{
    width: 100%;
    height: 100%;
    cursor: grab;

	position: relative;
}
/*----------------------------*/
/* pagination */
.first-slider .splide__pagination{
	justify-content: flex-end;
}
/*----------------------------*/

/* splide reset */

/*----------------------------*/
.splide__pagination__page{
	width: 12px;
	height: 12px;
	margin: 6px;
	background-color: var(--color-gray);
	opacity: 1;
}
/* active */
.splide__pagination__page.is-active{
	background-color: var(--color-main);
	transform: scale(1,1);
}
/* focus */
.splide.is-focus-in .splide__pagination__page:focus{
	outline: 3px solid var(--color-main);
	outline-offset: 3px;
}