@charset "utf-8";



/*------------------- mainimage-area -------------------*/
#mainimage-area {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
}

@media screen and (max-width: 1366px) {
	#mainimage-area {height: calc(100vh - 60px);}
}

@media screen and (max-width: 480px) {
	#mainimage-area {
		top: 160px;
		height: calc(100% - 160px);
	}
}


/* town */
#mainimage-area .town {
	position: absolute;
	width: 100%;
	height: 100vh;
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}
#mainimage-area .town.no1 {
	top: 160px;
	right: 310px;
	width: 551px;
	height: 386px;
	background-image: url("../img/bg-top-mainimage01.png");
}
#mainimage-area .town.no2 {
	top: 309px;
	right: -200px;
	width: 814px;
	height: 517px;
	background-image: url("../img/bg-top-mainimage02.png");
}
#mainimage-area .town.no3 {
	top: 328px;
	right: 782px;
	width: 756px;
	height: 485px;
	background-image: url("../img/bg-top-mainimage03.png");
}
#mainimage-area .town.no4 {
	top: 629px;
	right: 341px;
	width: 692px;
	height: 439px;
	background-image: url("../img/bg-top-mainimage04.png");
}

@media screen and (max-width: 1730px) {
	#mainimage-area .town.no1 {right: 375px;}
	#mainimage-area .town.no2 {right: -135px;}
	#mainimage-area .town.no3 {right: 847px;}
	#mainimage-area .town.no4 {right: 406px;}
}

@media screen and (max-width: 1600px) {
	#mainimage-area .town.no1 {
		top: clamp(2.125rem, -0.161rem + 10.16vw, 10rem);/*160~34px*/
		right: clamp(4rem, -1.643rem + 25.08vw, 23.438rem);/*375~64px*/
		width: clamp(7.313rem, -0.563rem + 35vw, 34.438rem);/*551~117px*/
		height: clamp(5.063rem, -0.472rem + 24.6vw, 24.125rem);/*386~81px*/
	}
	#mainimage-area .town.no2 {
		top: clamp(4rem, -0.446rem + 19.76vw, 19.313rem);/*309~64px*/
		right: -8.2vw;/*-135~-42px*/
		width: clamp(10.75rem, -0.899rem + 51.77vw, 50.875rem);/*814~172px*/
		height: clamp(6.813rem, -0.591rem + 32.9vw, 32.313rem);/*517~109px*/
	}
	#mainimage-area .town.no3 {
		top: clamp(4.313rem, -0.387rem + 20.89vw, 20.5rem);/*328~69px*/
		right: clamp(10.25rem, -2.143rem + 55.08vw, 52.938rem);/*847~164px*/
		width: clamp(10rem, -0.815rem + 48.06vw, 47.25rem);/*756~160px*/
		height: clamp(6.375rem, -0.575rem + 30.89vw, 30.313rem);/*485~102px*/
	}
	#mainimage-area .town.no4 {
		top: clamp(8.313rem, -0.688rem + 40vw, 39.313rem);/*629~133px*/
		right: clamp(4.563rem, -1.48rem + 26.85vw, 25.375rem);/*406~73px*/
		width: clamp(9.125rem, -0.782rem + 44.03vw, 43.25rem);/*692~146px*/
		height: clamp(5.75rem, -0.546rem + 27.98vw, 27.438rem);/*439~92px*/
	}
}

@media screen and (max-width: 600px) {
	#mainimage-area .town.no2 {right: -10vw;}
}

@media screen and (max-width: 480px) {
	#mainimage-area .town.no2 {right: -11vw;}
}


/* car */
.car-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
}
.car {
	position: absolute;
	top: -100%;
	right: -100%;
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	animation-duration: 13s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.car.no1 {
	background-image: url("../img/img-car01.svg");
	width: 45px;
	height: 32px;
	animation-name: mc01-1;
	animation-delay: 8.7s;
}
.car.no2 {
	background-image: url("../img/img-car02.svg");
	width: 45px;
	height: 32px;
	animation-name: mc01-1;
	animation-delay: 7.5s;
}
.car.no3 {
	background-image: url("../img/img-car03.svg");
	width: 45px;
	height: 32px;
	animation-name: mc01-1;
	animation-delay: 4s;
}
.car.no4 {
	background-image: url("../img/img-car04.svg");
	width: 47px;
	height: 32px;
	animation-name: mc01-1;
	animation-delay: 1.8s;
}
.car.no5 {
	background-image: url("../img/img-car05.svg");
	width: 97px;
	height: 68px;
	animation-name: mc01-2;
	animation-delay: 0s;
}
.car.no6 {
	background-image: url("../img/img-car06.svg");
	width: 42px;
	height: 29px;
	animation-name: mc02-1;
	animation-delay: 0s;
}
.car.no7 {
	background-image: url("../img/img-car07.svg");
	width: 83px;
	height: 53px;
	animation-name: mc02-2;
	animation-delay: 5s;
}
.car.no8 {
	background-image: url("../img/img-car08.svg");
	width: 49px;
	height: 36px;
	animation-name: mc03;
	animation-delay: 0s;
}
.car.no9 {
	background-image: url("../img/img-car09.svg");
	width: 49px;
	height: 36px;
	animation-name: mc03;
	animation-delay: 5s;
}
.car.no10 {
	background-image: url("../img/img-car10.svg");
	width: 59px;
	height: 50px;
	animation-name: mc04;
	animation-delay: 2s;
}
.car.no11 {
	background-image: url("../img/img-car11.svg");
	width: 48px;
	height: 43px;
	animation-name: mc05-1;
	animation-delay: 0s;
}
.car.no12 {
	background-image: url("../img/img-car12.svg");
	width: 75px;
	height: 67px;
	animation-name: mc05-2;
	animation-delay: 4s;
}
.car.no13 {
	background-image: url("../img/img-car13.svg");
	width: 80px;
	height: 64px;
	animation-name: mc07-2;
	animation-delay: 9.5s;
}
.car.no14 {
	background-image: url("../img/img-car14.svg");
	width: 45px;
	height: 32px;
	animation-name: mc07-1;
	animation-delay: 1s;
}
.car.no15 {
	background-image: url("../img/img-car15.svg");
	width: 36px;
	height: 42px;
	animation-name: mc07-1;
	animation-delay: 2s;
}
.car.no16 {
	background-image: url("../img/img-car16.svg");
	width: 46px;
	height: 39px;
	animation-name: mc07-1;
	animation-delay: 5.6s;
}
.car.no17 {
	background-image: url("../img/img-car17.svg");
	width: 37px;
	height: 26px;
	animation-name: mc08;
	animation-delay: 6s;
}
.car.no18 {
	background-image: url("../img/img-car18.svg");
	width: 46px;
	height: 30px;
	animation-name: mc06;
	animation-delay: 7.5s;
}
.car.no19 {
	background-image: url("../img/img-car19.svg");
	width: 55px;
	height: 39px;
	animation-name: mc05-3;
	animation-delay: 8s;
}

@media screen and (max-width: 1730px) {
	.car.no1,.car.no2,.car.no3,.car.no4 {animation-name: mc01-1-tb;}
	.car.no5 {animation-name: mc01-2-tb;}
	.car.no6 {animation-name: mc02-1-tb;}
	.car.no7 {animation-name: mc02-2-tb;}
	.car.no8,.car.no9 {animation-name: mc03-tb;}
	.car.no10 {animation-name: mc04-tb;}
	.car.no11 {animation-name: mc05-1-tb;}
	.car.no12 {animation-name: mc05-2-tb;}
	.car.no13 {animation-name: mc07-2-tb;}
	.car.no14,.car.no15,.car.no16 {animation-name: mc07-1-tb;}
	.car.no17 {animation-name: mc08-tb;}
	.car.no18 {animation-name: mc06-tb;}
	.car.no19 {animation-name: mc05-3-tb;}
}

@media screen and (max-width: 1600px) {
	.car.no1,.car.no2,.car.no3,.car.no14 {
		width: clamp(0.594rem, -0.05rem + 2.86vw, 2.813rem);/*45~9.5px*/
		height: clamp(0.425rem, -0.032rem + 2.03vw, 2rem);/*32~6.8px*/
	}
	.car.no4 {
		width: clamp(0.625rem, -0.046rem + 2.98vw, 2.938rem);/*47~10px*/
		height: clamp(0.419rem, -0.04rem + 2.04vw, 2rem);/*32~6.7px*/
	}
	.car.no1,.car.no2,.car.no3,.car.no4 {animation-name: mc01-1-sp;}
	.car.no5 {
		width: clamp(1.288rem, -0.099rem + 6.16vw, 6.063rem);/*97~20.6px*/
		height: clamp(0.9rem, -0.073rem + 4.32vw, 4.25rem);/*68~14.4px*/
		animation-name: mc01-2-sp;
	}
	.car.no6 {
		width: clamp(0.563rem, -0.036rem + 2.66vw, 2.625rem);/*42~9px*/
		height: clamp(0.394rem, -0.018rem + 1.83vw, 1.813rem);/*29~6.3px*/
		animation-name: mc02-1-sp;
	}
	.car.no7 {
		width: clamp(1.106rem, -0.079rem + 5.27vw, 5.188rem);/*83~17.7px*/
		height: clamp(0.706rem, -0.05rem + 3.36vw, 3.313rem);/*53~11.3px*/
		animation-name: mc02-2-sp;
	}
	.car.no8,.car.no9 {
		width: clamp(0.762rem, 0.095rem + 2.97vw, 3.063rem);/*49~12.2px*/
		height: clamp(0.525rem, 0.024rem + 2.23vw, 2.25rem);/*36~8.4px*/
		animation-name: mc03-sp;
	}
	.car.no10 {
		width: clamp(0.781rem, -0.063rem + 3.75vw, 3.688rem);/*59~12.5px*/
		height: clamp(0.662rem, -0.216rem + 3.9vw, 3.688rem);/*50~10.6px*/
		animation-name: mc04-sp;
	}
	.car.no11 {
		width: clamp(0.787rem, 0.145rem + 2.85vw, 3rem);/*48~12.6px*/
		height: clamp(0.575rem, -0.038rem + 2.73vw, 2.688rem);/*43~9.2px*/
		animation-name: mc05-1-sp;
	}
	.car.no12 {
		width: clamp(0.994rem, -0.079rem + 4.77vw, 4.688rem);/*75~15.9px*/
		height: clamp(0.894rem, -0.063rem + 4.25vw, 4.188rem);/*67~14.3px*/
		animation-name: mc05-2-sp;
	}
	.car.no13 {
		width: clamp(1.063rem, -0.081rem + 5.08vw, 5rem);/*80~17px*/
		height: clamp(0.844rem, -0.073rem + 4.07vw, 4rem);/*64~13.5px*/
		animation-name: mc07-2-sp;
	}
	.car.no15 {
		width: clamp(0.475rem, -0.04rem + 2.29vw, 2.25rem);/*36~7.6px*/
		height: clamp(0.563rem, -0.036rem + 2.66vw, 2.625rem);/*42~9px*/
	}
	.car.no16 {
		width: clamp(0.606rem, -0.052rem + 2.93vw, 2.875rem);/*46~9.7px*/
		height: clamp(0.519rem, -0.038rem + 2.48vw, 2.438rem);/*39~8.3px*/
	}
	.car.no14,.car.no15,.car.no16 {animation-name: mc07-1-sp;}
	.car.no17 {
		width: clamp(0.494rem, -0.034rem + 2.35vw, 2.313rem);/*37~7.9px*/
		height: clamp(0.35rem, -0.02rem + 1.65vw, 1.625rem);/*26~5.6px*/
		animation-name: mc08-sp;
	}
	.car.no18 {
		width: clamp(0.606rem, -0.052rem + 2.93vw, 2.875rem);/*46~9.7px*/
		height: clamp(0.406rem, -0.02rem + 1.9vw, 1.875rem);/*30~6.5px*/
		animation-name: mc06-sp;
	}
	.car.no19 {
		width: clamp(0.731rem, -0.054rem + 3.49vw, 3.438rem);/*55~11.7px*/
		height: clamp(0.519rem, -0.038rem + 2.48vw, 2.438rem);/*39~8.3px*/
		animation-name: mc05-3-sp;
	}
}


/* mark */
#mark-area .mark {
	margin-top: 0;
	width: 100%;
	max-width: 60px;
	position: absolute;
	transition: all 0.3s ease;
	z-index: 10;
}
#mark-area .mark:hover {margin-top: -0.5em;}
#mark-area .mark.no1 {top: 170px; right: 740px;}
#mark-area .mark.no2 {top: 720px; right: 940px;}
#mark-area .mark.no3 {top: 560px; right: 230px;}
#mark-area .mark.no4 {top: 480px; right: 1080px;}
#mark-area .mark.no5 {top: 470px; right: 1410px;}
#mark-area .mark.no6 {top: 330px; right: 200px;}
#mark-area .mark.no7 {top: 250px; right: 885px;}
#mark-area .mark.no8 {top: 285px; right: 680px;}
#mark-area .mark.no9 {top: 755px; right: 530px;}
#mark-area .mark.no10 {top: 565px; right: 430px;}
#mark-area .mark.no11 {top: 450px; right: 900px;}

@media screen and (max-width: 1730px) {
	#mark-area .mark.no1 {right: 810px;}
	#mark-area .mark.no2 {right: 1010px;}
	#mark-area .mark.no3 {right: 300px;}
	#mark-area .mark.no4 {right: 1150px;}
	#mark-area .mark.no5 {right: 1480px;}
	#mark-area .mark.no6 {right: 270px;}
	#mark-area .mark.no7 {right: 955px;}
	#mark-area .mark.no8 {right: 750px;}
	#mark-area .mark.no9 {right: 600px;}
	#mark-area .mark.no10 {right: 500px;}
	#mark-area .mark.no11 {right: 950px;}
}

@media screen and (max-width: 1600px) {
	#mark-area .mark {max-width: clamp(0.813rem, -0.04rem + 3.79vw, 3.75rem);}/*60~13px*/
	#mark-area .mark.no1 {
		top: clamp(2.188rem, -0.262rem + 10.89vw, 10.625rem);/*170~35px*/
		right: clamp(9.688rem, -2.198rem + 52.82vw, 50.625rem);/*810~155px*/
	}
	#mark-area .mark.no2 {
		top: clamp(9.688rem, -0.927rem + 47.18vw, 46.25rem);/*740~155px*/
		right: clamp(12.5rem, -1.653rem + 62.9vw, 61.25rem);/*980~200px*/
	}
	#mark-area .mark.no3 {
		top: clamp(7.188rem, -0.887rem + 35.89vw, 35rem);/*560~115px*/
		right: clamp(3.188rem, -1.331rem + 20.08vw, 18.75rem);/*300~51px*/
	}
	#mark-area .mark.no4 {
		top: clamp(6.25rem, -0.645rem + 30.65vw, 30rem);/*480~100px*/
		right: clamp(14.188rem, -2.56rem + 74.44vw, 71.875rem);/*1150~227px*/
	}
	#mark-area .mark.no5 {
		top: clamp(6.563rem, -0.06rem + 29.44vw, 29.375rem);/*470~105px*/
		right: clamp(18.438rem, -3.065rem + 95.56vw, 92.5rem);/*1480~295px*/
	}
	#mark-area .mark.no6 {
		top: clamp(4.063rem, -0.746rem + 21.37vw, 20.625rem);/*330~65px*/
		right: clamp(2.813rem, -1.27rem + 18.15vw, 16.875rem);/*270~45px*/
	}
	#mark-area .mark.no7 {
		top: clamp(3.313rem, -0.262rem + 15.89vw, 15.625rem);/*250~53px*/
		right: clamp(11.438rem, -2.571rem + 62.26vw, 59.688rem);/*955~183px*/
	}
	#mark-area .mark.no8 {
		top: clamp(3.75rem, -0.333rem + 18.15vw, 17.813rem);/*285~60px*/
		right: clamp(8.75rem, -2.319rem + 49.19vw, 46.875rem);/*750~140px*/
	}
	#mark-area .mark.no9 {
		top: clamp(10rem, -0.706rem + 47.58vw, 46.875rem);/*750~160px*/
		right: clamp(6.875rem, -1.835rem + 38.71vw, 36.875rem);/*590~110px*/
	}
	#mark-area .mark.no10 {
		top: clamp(7.188rem, -0.978rem + 36.29vw, 35.313rem);/*565~115px*/
		right: clamp(5.75rem, -1.653rem + 32.9vw, 31.25rem);/*500~92px*/
	}
	#mark-area .mark.no11 {
		top: clamp(5.625rem, -0.907rem + 29.03vw, 28.125rem);/*450~90px*/
		right: clamp(11.875rem, -1.915rem + 61.29vw, 59.375rem);/*950~190px*/
	}
}
@media screen and (max-width: 480px) {
	#mark-area {
		position: absolute;
		top: 160px;
		left: 0;
		width: 100%;
		height: 100%;
	}
}





/*------------------- keyframes -------------------*/
/* 1920~ */
@keyframes mc01-1 {
	0% {opacity: 0; top: 50px; right: 622px;}
	10% {opacity: 1;}
	100% {top: 497px; right: -143px;}
}
@keyframes mc01-2 {
	0% {opacity: 0; top: 50px; right: 553px;}
	5% {opacity: 1;}
	100% {top: 497px; right: -210px;}
}
@keyframes mc02-1 {
	0% {opacity: 1; top: 537px; right: -159px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 80px; right: 640px;}
}
@keyframes mc02-2 {
	0% {opacity: 1; top: 537px; right: -204px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 70px; right: 597px;}
}
@keyframes mc03 {
	0% {opacity: 1; top: 189px; right: 501px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 393px; right: 847px;}
}
@keyframes mc04 {
	0% {opacity: 0; top: 368px; right: 882px;}
	15% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 179px; right: 553px;}
}
@keyframes mc05-1 {
	0% {opacity: 0; top: 338px; right: 225px;}
	5% {opacity: 1;}
	30% {top: 537px; right: 579px;}
	40% {top: 537px; right: 579px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 811px; right: 1038px;}
}
@keyframes mc05-2 {
	0% {opacity: 0; top: 328px; right: 225px;}
	5% {opacity: 1;}
	30% {top: 512px; right: 545px;}
	40% {top: 512px; right: 545px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 791px; right: 1012px;}
}
@keyframes mc05-3 {
	0% {opacity: 0; top: 348px; right: 225px;}
	5% {opacity: 1;}
	30% {top: 547px; right: 570px;}
	40% {top: 547px; right: 570px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 821px; right: 1038px;}
}
@keyframes mc06 {
	0% {opacity: 0; top: 840px; right: 1124px;}
	5% {opacity: 1;}
	30% {top: 627px; right: 761px;}
	40% {top: 627px; right: 761px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 353px; right: 294px;}
}
@keyframes mc07-1 {
	0% {opacity: 0; top: 318px; right: 1090px;}
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 821px; right: 225px;}
}
@keyframes mc07-2 {
	0% {opacity: 0; top: 288px; right: 1090px;}
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 791px; right: 225px;}
}
@keyframes mc08 {
	0% {opacity: 0; top: 840px; right: 268px;}
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 348px; right: 1107px;}
}

/* 1730~ */
@keyframes mc01-1-tb {
	0% {opacity: 0; top: 50px; right: 697px;}
	10% {opacity: 1;}
	100% {top: 497px; right: -65px;}
}
@keyframes mc01-2-tb {
	0% {opacity: 0; top: 50px; right: 623px;}
	5% {opacity: 1;}
	100% {top: 460px; right: -70px;}
}
@keyframes mc02-1-tb {
	0% {opacity: 1; top: 497px; right: -19px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 80px; right: 710px;}
}
@keyframes mc02-2-tb {
	0% {opacity: 1; top: 487px; right: -44px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 70px; right: 667px;}
}
@keyframes mc03-tb {
	0% {opacity: 1; top: 189px; right: 571px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 393px; right: 917px;}
}
@keyframes mc04-tb {
	0% {opacity: 0; top: 368px; right: 952px;}
	15% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 179px; right: 623px;}
}
@keyframes mc05-1-tb {
	0% {opacity: 0; top: 338px; right: 295px;}
	5% {opacity: 1;}
	30% {top: 537px; right: 649px;}
	40% {top: 537px; right: 649px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 811px; right: 1108px;}
}
@keyframes mc05-2-tb {
	0% {opacity: 0; top: 328px; right: 295px;}
	5% {opacity: 1;}
	30% {top: 512px; right: 615px;}
	40% {top: 512px; right: 615px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 791px; right: 1082px;}
}
@keyframes mc05-3-tb {
	0% {opacity: 0; top: 348px; right: 295px;}
	5% {opacity: 1;}
	30% {top: 547px; right: 640px;}
	40% {top: 547px; right: 640px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 821px; right: 1108px;}
}
@keyframes mc06-tb {
	0% {opacity: 0; top: 840px; right: 1194px;}
	5% {opacity: 1;}
	30% {top: 627px; right: 831px;}
	40% {top: 627px; right: 831px;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 353px; right: 364px;}
}
@keyframes mc07-1-tb {
	0% {opacity: 0; top: 318px; right: 1160px;}
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 821px; right: 295px;}
}
@keyframes mc07-2-tb {
	0% {opacity: 0; top: 288px; right: 1160px;}
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 791px; right: 295px;}
}
@keyframes mc08-tb {
	0% {opacity: 0; top: 840px; right: 338px;}
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 348px; right: 1177px;}
}

/* 1600~ */
@keyframes mc01-1-sp {
	0% {opacity: 0; top: clamp(0.563rem, -0.181rem + 3.31vw, 3.125rem); right: clamp(8.438rem, -1.76rem + 45.32vw, 43.563rem);}/*50~9px, 697~145px*/
	10% {opacity: 1;}
	100% {top: clamp(5.938rem, -1.357rem + 32.42vw, 31.063rem); right: -3.5vw;}/*497~95px, -65px*/
}
@keyframes mc01-2-sp {
	0% {opacity: 0; top: clamp(0.563rem, -0.181rem + 3.31vw, 3.125rem); right: clamp(7.5rem, -1.627rem + 40.56vw, 38.938rem);}/*50~9px, 623~120px*/
	5% {opacity: 1;}
	100% {top: clamp(5.438rem, -1.331rem + 30.08vw, 28.75rem); right: -3.9vw;}/*460~87px, -70px*/
}
@keyframes mc02-1-sp {
	0% {opacity: 1; top: clamp(5.938rem, -1.357rem + 32.42vw, 31.063rem); right: -1.18vw;}/*497~95px, -19px*/
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(0.75rem, -0.484rem + 5.48vw, 5rem); right: clamp(9.063rem, -1.19rem + 45.56vw, 44.375rem);}/*80~12px, 710~145px*/
}
@keyframes mc02-2-sp {
	0% {opacity: 1; top: clamp(5.938rem, -1.175rem + 31.61vw, 30.438rem); right: -2.7vw;}/*487~95px, -44px*/
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(0.625rem, -0.464rem + 4.84vw, 4.375rem); right: clamp(8.25rem, -1.458rem + 43.15vw, 41.688rem);}/*70~10px, 667~132px*/
}
@keyframes mc03-sp {
	0% {opacity: 1; top: clamp(2.5rem, -0.204rem + 12.02vw, 11.813rem); right: clamp(6.438rem, -2.054rem + 37.74vw, 35.688rem);}/*189~40px, 571~103px*/
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(5.125rem, -0.518rem + 25.08vw, 24.563rem); right: clamp(11.25rem, -2.123rem + 59.44vw, 57.313rem);}/*393~82px, 917~180px*/
}
@keyframes mc04-sp {
	0% {opacity: 0; top: 77px; right: 185px;}/*368px, 952px*/
	15% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: 39px; right: 120px;}/*179px, 623px*/
}
@keyframes mc05-1-sp {
	0% {opacity: 0; top: clamp(4.25rem, -0.649rem + 21.77vw, 21.125rem); right: clamp(2.5rem, -2.127rem + 20.56vw, 18.438rem);}/*338~68px, 295~40px*/
	5% {opacity: 1;}
	30% {top: clamp(7.063rem, -0.631rem + 34.19vw, 33.563rem); right: clamp(7.5rem, -2.099rem + 42.66vw, 40.563rem);}/*537~113px, 649~120px*/
	40% {top: clamp(7.063rem, -0.631rem + 34.19vw, 33.563rem); right: clamp(7.5rem, -2.099rem + 42.66vw, 40.563rem);}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(10.813rem, -0.764rem + 51.45vw, 50.688rem); right: clamp(13.75rem, -2.363rem + 71.61vw, 69.25rem);}/*811~173px, 1108~220px*/
}
@keyframes mc05-2-sp {
	0% {opacity: 0; top: clamp(4.125rem, -0.629rem + 21.13vw, 20.5rem); right: clamp(2.5rem, -2.127rem + 20.56vw, 18.438rem);}/*328~66px, 295~40px*/
	5% {opacity: 1;}
	30% {top: clamp(6.875rem, -0.419rem + 32.42vw, 32rem); right: clamp(7.313rem, -1.724rem + 40.16vw, 38.438rem);}/*512~110px, 615~117px*/
	40% {top: clamp(6.875rem, -0.419rem + 32.42vw, 32rem); right: clamp(7.313rem, -1.724rem + 40.16vw, 38.438rem);}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(10.375rem, -0.966rem + 50.4vw, 49.438rem); right: clamp(13.438rem, -2.294rem + 69.92vw, 67.625rem);}/*791~166px, 1082~215px*/
}
@keyframes mc05-3-sp {
	0% {opacity: 0; top: clamp(4.563rem, -0.427rem + 22.18vw, 21.75rem); right: clamp(2.688rem, -1.885rem + 20.32vw, 18.438rem);}/*348~73px, 295~43px*/
	5% {opacity: 1;}
	30% {top: clamp(7.188rem, -0.651rem + 34.84vw, 34.188rem); right: clamp(7.563rem, -1.855rem + 41.85vw, 40rem);}/*547~115px, 640~121px*/
	40% {top: clamp(7.188rem, -0.651rem + 34.84vw, 34.188rem); right: clamp(7.563rem, -1.855rem + 41.85vw, 40rem);}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(10.875rem, -0.865rem + 52.18vw, 51.313rem); right: clamp(13.75rem, -2.363rem + 71.61vw, 69.25rem);}/*821~174px, 1108~220px*/
}
@keyframes mc06-sp {
	0% {opacity: 0; top: clamp(10.938rem, -1.129rem + 53.63vw, 52.5rem); right: clamp(14.5rem, -2.956rem + 77.58vw, 74.625rem);}/*840~175px, 1194~232px*/
	5% {opacity: 1;}
	30% {top: clamp(8.25rem, -0.732rem + 39.92vw, 39.188rem); right: clamp(10.25rem, -1.853rem + 53.79vw, 51.938rem);}/*627~132px, 831~164px*/
	40% {top: clamp(8.25rem, -0.732rem + 39.92vw, 39.188rem); right: clamp(10.25rem, -1.853rem + 53.79vw, 51.938rem);}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(4.625rem, -0.438rem + 22.5vw, 22.063rem); right: clamp(4.063rem, -1.363rem + 24.11vw, 22.75rem);}/*353~74px, 364~65px*/
}
@keyframes mc07-1-sp {
	0% {opacity: 0; top: clamp(4.125rem, -0.448rem + 20.32vw, 19.875rem); right: clamp(14.5rem, -2.339rem + 74.84vw, 72.5rem);}/*318~66px, 1160~232px*/
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(11rem, -0.704rem + 52.02vw, 51.313rem); right: clamp(2.688rem, -1.885rem + 20.32vw, 18.438rem);}/*821~176px, 295~43px*/
}
@keyframes mc07-2-sp {
	0% {opacity: 0; top: clamp(3.688rem, -0.468rem + 18.47vw, 18rem); right: clamp(14.5rem, -2.339rem + 74.84vw, 72.5rem);}/*288~59px, 1160~232px*/
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(10.563rem, -0.724rem + 50.16vw, 49.438rem); right: clamp(2.688rem, -1.885rem + 20.32vw, 18.438rem);}/*791~169px, 295~43px*/
}
@keyframes mc08-sp {
	0% {opacity: 0; top: clamp(11.125rem, -0.887rem + 53.39vw, 52.5rem); right: clamp(3.438rem, -1.698rem + 22.82vw, 21.125rem);}/*840~178px, 338~55px*/
	10% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0; top: clamp(4.625rem, -0.347rem + 22.1vw, 21.75rem); right: clamp(14.5rem, -2.647rem + 76.21vw, 73.563rem);}/*348~74px, 1177~232px*/
}