.main_effect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 50;
	text-align: center;
}

.main02 {
	display: none;
}

.main03 {
	display: none;
}

.main_effect > div {
	position: relative;
	width: 100%;
}

.main_effect > div > div {
	opacity:0;
	position: absolute;
	width: fit-content;
}

.main01 .frame {
	top: 119px;
}

.main_01_text01 {
	top: 180px;
	left: calc(50% - 470px);
	transform: translateX(calc(-50% + 80px));
	opacity: 0;
}
.main_01_text01.on {
	animation: main_01_text01 ease-in-out 1s 1s forwards;
}
@keyframes main_01_text01 {
	from {
		opacity: 0;
		transform: translateX(calc(-50% + 80px));
	}
	to {
		opacity: 1;
		transform: translateX(calc(-50%));
	}
}
.main_01_text02 {
	top: 160px;
	left: 50%;
	transform: translateY(200px) translateX(-50%);
	opacity: 0;
}
.main_01_text02.on {
	animation: main_01_text02 ease-in-out 1.2s forwards;
}
@keyframes main_01_text02 {
	from {
		opacity: 0;
		transform: translateY(200px) translateX(-50%);
	}
	to {
		opacity: 1;
		transform: translateY(0px) translateX(-50%);
	}
}


.main_03_text01 {
	top: 160px;
	left: 50%;
	transform: scale(1.2) translateX(-50%);
	opacity: 0;
}
.main_03_text01.on {
	animation: main_03_text01 ease-in-out 1s forwards;
}
@keyframes main_03_text01 {
	from {
		opacity: 0;
		transform: scale(1.2) translateX(calc(-50% + 30px));
	}
	to {
		opacity: 1;
		transform: scale(1) translateX(-50%);
	}
}
.main_03_text02 {
	top: 200px;
	left: calc(50% - 380px);
	transform: translateX(-50%);
	opacity: 0;
}
.main_03_text02.on {
	animation: main_03_text02 ease-in-out 1s .6s forwards;
}
@keyframes main_03_text02 {
	from {
		opacity: 0;
		transform: translateX(calc(-50% + 100px));
	}
	to {
		opacity: 1;
		transform: translateX(-50%);
	}
}
.main_03_text03 {
	top: 200px;
	left: calc(50% + 380px);
	transform: translateX(-50%);
	opacity: 0;
}
.main_03_text03.on {
	animation: main_03_text03 ease-in-out 1s .6s forwards;
}
@keyframes main_03_text03 {
	from {
		opacity: 0;
		transform: translateX(calc(-50% - 100px));
	}
	to {
		opacity: 1;
		transform: translateX(-50%);
	}
}




.main_02_text01 {
	top: 160px;
	left: 50%;
	transform: scale(1.2) translateX(-50%);
	opacity: 0;
}
.main_02_text01.on {
	animation: main_02_text01 ease-in-out 1s forwards;
}
@keyframes main_02_text01 {
	from {
		opacity: 0;
		transform: scale(1.2) translateX(calc(-50% + 30px));
	}
	to {
		opacity: 1;
		transform: scale(1) translateX(-50%);
	}
}
.main_02_text02 {
	top: 540px;
	left: 235px;
	transform: translateY(100px);
	opacity: 0;
}
.main_02_text02.on {
	animation: main_02_text02 ease-in-out 1s .6s forwards;
}
@keyframes main_02_text02 {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}