/*pc_kv---------------------------------------*/
@media screen and (min-width: 768px) {
	.section_kv {
		position: relative;
		width: 100%;
		height: 55vh;
		margin: auto;
		padding: 0;
		text-align: center;
		background-color: transparent;
	}

	.section_kv_slides_title {
		z-index: 9;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 60%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		animation: fadeIn 3s linear;
		animation-fill-mode: both;
	}

	.section_kv_slides_title img {
		width: 100%;
	}

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

	.section_kv_slides::before {
		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;
	}

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

	.section_kv_slide.is-view {
		display: block;
		background-image: url("../../images/custom/kv01.jpg");
		background-position: center;
		background-size: cover;
	}

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

	.section_kv_slide:nth-of-type(2) {
		background-image: url("../../images/custom/kv01_pc.jpg");
	}

	.section_kv_slide:nth-of-type(3) {
		background-image: url("../../images/custom/kv02_pc.jpg");
	}

	.section_kv_slide:nth-of-type(4) {
		background-image: url("../../images/custom/kv03_pc.jpg");
	}

	.section_kv_slide:nth-of-type(5) {
		background-image: url("../../images/custom/kv04_pc.jpg");
	}

	.section_kv_slide:nth-of-type(6) {
		background-image: url("../../images/custom/kv05_pc.jpg");
	}

	.section_kv_slide:nth-of-type(7) {
		background-image: url("../../images/custom/kv06_pc.jpg");
	}

	.section_kv_slide:nth-of-type(8) {
		background-image: url("../../images/custom/kv07_pc.jpg");
	}

	.section_kv_slide:nth-of-type(9) {
		background-image: url("../../images/custom/kv08_pc.jpg");
	}

	.section_kv_slide:last-of-type {
		background-image: url("../../images/custom/kv08_pc.jpg");
	}

	.section_kv_slide img {
		font-family: 'object-fit: cover; object-position: center center;';
		-o-object-fit: cover;
		-o-object-position: center center;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		will-change: -webkit-mask-size, -webkit-mask-position;
	}

	.section_kv_slide.is-view img {
		/* -webkit-mask-image: url("../../images/custom/kv_rotate.svg"); */
		-webkit-mask-position: -100vw 18vw;
		-webkit-mask-size: 270%;
		-webkit-mask-repeat: no-repeat;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;

		animation-name: svg_animation;
	}

	_::-webkit-full-page-media,
	_:future,
	:root .section_kv_slide.is-view img {
		-webkit-animation-name: safari_svg_animation;
		-webkit-mask-image: url("../../images/custom/kv_bg_pc_safari.svg") !important;
		-webkit-mask-position: 0% bottom;
		-webkit-mask-size: 4000%;
	}

}

/* IE用 アニメーション無効化 */
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
	.section_kv_slide.is-view img {
		display: none;
	}
}

@media screen and (min-width: 768px) and (orientation:portrait) {
	.section_kv_slide.is-view img {
		animation-name: tab_svg_animation;
		-webkit-mask-position: -200vw 30vw;
		-webkit-mask-size: 500%;
	}
}

/* ipad 表示 */
@media screen and (min-device-width: 768px) and (orientation:portrait) {

	_::-webkit-full-page-media,
	_:future,
	:root .section_kv_slide.is-view img {
		-webkit-animation-name: tab_safari_svg_animation;
		-webkit-mask-position: 100% 450px;
		-webkit-mask-size: 200%;
	}
}

/*for_pc---------------------------*/

/*keyframes---------------------------*/
@keyframes svg_animation {
	0% {
		-webkit-mask-position: -100vw 18vw;
		-webkit-mask-size: 270%;
	}

	7% {
		-webkit-mask-position: -60vw -20vw;
		-webkit-mask-size: 270%;
	}

	18% {
		-webkit-mask-position: -60vw -20vw;
		-webkit-mask-size: 270%;
	}

	80% {
		-webkit-mask-position: -2125vw -739vw;
		-webkit-mask-size: 6000%;
	}

	100% {
		-webkit-mask-position: -2125vw -739vw;
		-webkit-mask-size: 6000%;
	}
}

@keyframes tab_svg_animation {
	0% {
		-webkit-mask-position: -200vw 30vw;
		-webkit-mask-size: 500%;
	}

	8% {
		-webkit-mask-position: -150vw -20vw;
		-webkit-mask-size: 500%;
	}

	20% {
		-webkit-mask-position: -150vw -20vw;
		-webkit-mask-size: 500%;
	}

	40% {
		-webkit-mask-position: -2125vw -739vw;
		-webkit-mask-size: 6000%;
	}

	100% {
		-webkit-mask-position: -2125vw -739vw;
		-webkit-mask-size: 6000%;
	}
}

@keyframes safari_svg_animation {
	0% {
		-webkit-mask-position: 0% 450px;
		-webkit-mask-size: 100%;
	}

	10% {
		-webkit-mask-position: 18% bottom;
		-webkit-mask-size: 100%;
	}

	15% {
		-webkit-mask-position: 18% bottom;
		-webkit-mask-size: 100%;
	}

	40% {
		-webkit-mask-position: 18% bottom;
		-webkit-mask-size: 1600%;
	}

	70% {
		-webkit-mask-position: 18% bottom;
		-webkit-mask-size: 3000%;
	}

	100% {
		-webkit-mask-position: 18% bottom;
		-webkit-mask-size: 3000%;
	}
}

@keyframes tab_safari_svg_animation {
	0% {
		-webkit-mask-position: 100% 450px;
		-webkit-mask-size: 180%;
	}

	10% {
		-webkit-mask-position: 20% bottom;
		-webkit-mask-size: 180%;
	}


	70% {
		-webkit-mask-position: 20% bottom;
		-webkit-mask-size: 3100%;
	}

	100% {
		-webkit-mask-position: 20% bottom;
		-webkit-mask-size: 3100%;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}