/*sp_kv---------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px) {
	.section_kv {
		width: 100%;
		height: 136.8vw;
		margin: auto;
		padding: 0;
		background-color: transparent;
		text-align: center;
		position: relative;
	}

	.section_kv_slides {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.section_kv_slides::before {
		-webkit-animation: fadeIn 3s linear;
		-webkit-animation-fill-mode: both;
		z-index: 8;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(154, 154, 154, 0.3);
		content: "";
		animation: fadeIn 3s linear;
		animation-fill-mode: both;
		/* ちらつき防止 */
		overflow: hidden;
		-webkit-transform-style: preserve-3d;
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
	}

	.section_kv_slide {
		display: none;
		width: 100%;
		height: 100%;
	}

	.section_kv_slide.is-view {
		display: block;
	}

	.section_kv_slide img {
		-o-object-fit: cover;
		-o-object-position: center center;
		-webkit-mask-image: url("../../images/custom/kv_bg_sp.svg")!important;
		-webkit-mask-repeat: no-repeat;
		-webkit-animation-name: svg_animation;
		-webkit-animation-duration: 3s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: forwards;

		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-name: svg_animation;

		-webkit-mask-position: -135vw -20vw;
		-webkit-mask-size: 230%;

		/* ちらつき防止 */
		overflow: hidden;
		-webkit-transform-style: preserve-3d;
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
		will-change: -webkit-mask-size, -webkit-mask-position;
	}

	.section_kv_slides_title img {
		width: 100%;
	}

	.section_kv_slides_title {
		-webkit-transform: translate(-50%, -50%);
		-webkit-animation: fadeIn 3s linear;
		-webkit-animation-fill-mode: both;
		z-index: 9;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
		animation: fadeIn 3s linear;
		animation-fill-mode: both;
		/* ちらつき防止 */
		overflow: hidden;
		-webkit-transform-style: preserve-3d;
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
	}

	.section_kv_slide:nth-of-type(1) {
		background: #ff5a3d;
	}

	.section_kv_slide:nth-of-type(2) {
		background-image: url("../../images/custom/kv01_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(3) {
		background-image: url("../../images/custom/kv02_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(4) {
		background-image: url("../../images/custom/kv03_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(5) {
		background-image: url("../../images/custom/kv04_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(6) {
		background-image: url("../../images/custom/kv05_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(7) {
		background-image: url("../../images/custom/kv06_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(8) {
		background-image: url("../../images/custom/kv07_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:nth-of-type(9) {
		background-image: url("../../images/custom/kv08_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	.section_kv_slide:last-of-type {
		background-image: url("../../images/custom/kv08_sp.jpg");
		background-position: center;
		background-size: cover;
	}

	@keyframes svg_animation {
		0% {
			-webkit-mask-position: -400vw 150vw;
			-webkit-mask-size: 230%;
		}

		25% {
			-webkit-mask-position: -135vw -20vw;
			-webkit-mask-size: 230%;
		}

		60% {
			-webkit-mask-position: -800vw -613vw;
			-webkit-mask-size: 1800%;
		}

		100% {
			-webkit-mask-position: -800vw -613vw;
			-webkit-mask-size: 1800%;
		}
	}

	/*end----------------------------------*/
}