@media (max-width: 576px) {
	.appeal-point-image-right {
		top: 0;
		right: 0;
		width: 85vw;
		-webkit-transform : translate(5%, -35%);
		transform: translate(5%, -35%);
	}

	.appeal-point-image-left {
		top: 0;
		left: 0;
		width: 85vw;
		-webkit-transform : translate(-5%, -35%);
		transform: translate(-5%, -35%);
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	.appeal-point-image-right {
		top: 0;
		right: 0;
		width: 70vw;
		-webkit-transform : translate(5%, -55%);
		transform: translate(5%, -45%);
	}

	.appeal-point-image-left {
		top: 0;
		left: 0;
		width: 70vw;
		-webkit-transform : translate(-5%, -55%);
		transform: translate(-5%, -45%);
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.appeal-point-image-right {
		top: 0;
		right: 0;
		width: 64vw;
		-webkit-transform : translate(5%, -55%);
		transform: translate(5%, -55%);
	}

	.appeal-point-image-left {
		top: 0;
		left: 0;
		width: 64vw;
		-webkit-transform : translate(-5%, -55%);
		transform: translate(-5%, -55%);
	}
}

@media (min-width: 1200px) {
	.appeal-point-image-right {
		top: 0;
		right: 0%;
		width: 40vw;
		-webkit-transform : translate(35%, -20%);
		transform: translate(35%, -20%);
	}

	.appeal-point-image-left {
		top: 0;
		left: 0;
		width: 40vw;
		-webkit-transform : translate(-50%, -20%);
		transform: translate(-50%, -20%);
	}
}

/* カルーセル */
.splide__arrow {
	background: none;
}

.splide__arrow svg {
	fill: #ffff;
	height: 1.5em;
	width: 1.5em;
}

#splide .splide__arrow--prev {
	left: 4em !important;
}

#splide .splide__arrow--next {
	right: 4em !important;
}

.thumbnails {
	display: flex;
	margin: 0.5rem -0.2rem 0;
	padding: 0;
	justify-content: center;
}

.thumbnail {
	overflow: hidden;
	list-style: none;
	margin: 0 0.2rem;
	cursor: pointer;
	opacity: 0.3;
}

.thumbnail.is-active {
	opacity: 1;
}