@charset "utf-8"; 

.main_visual {
	animation: main_visual_ani 1.5s;
}

	@keyframes main_visual_ani {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

.main_link {
	opacity: 0;
}

.main_link_ani {
	opacity: 1;
	animation: main_link_ani 1.5s;
}

	@keyframes main_link_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

	@media screen and (max-width : 550px) {
	.main_link {
		opacity: 1;
		animation: main_link_ani 1.8s;
	}

	@keyframes main_link_ani {
		0% {opacity: 0; transform: translateY(20%);}
		20% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}
	}

.main_disposer {
	opacity: 0;
}

.main_disposer_ani {
	opacity: 1;
	animation: main_disposer_ani 1.5s;
}

	@keyframes main_disposer_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

	@media screen and (max-width : 550px) {
	.main_disposer {
		opacity: 1;
		animation: main_disposer_ani 1.8s;
	}

	@keyframes main_disposer_ani {
		0% {opacity: 0; transform: translateY(20%);}
		20% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}
	}

.main_smart {
	opacity: 0;
}

.main_smart_ani {
	opacity: 1;
	animation: main_smart_ani 1.5s;
}

	@keyframes main_smart_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_product {
	opacity: 0;
}

.main_product_ani {
	opacity: 1;
	animation: main_product_ani 1.5s;
}

	@keyframes main_product_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_info {
	opacity: 0;
}

.main_info_ani {
	opacity: 1;
	animation: main_info_ani 1.5s;
}

	@keyframes main_info_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.sub_banner {
	animation: sub_banner_ani 1.5s;
}

	@keyframes sub_banner_ani {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

.sub_tit {
	animation: sub_tit_ani 1.6s;
}

	@keyframes sub_tit_ani {
		0% {opacity: 0; transform: translateY(20%);}
		20% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.cont_wrap {
	animation: cont_wrap_ani 1.7s;
	position: relative;
}

	@keyframes cont_wrap_ani {
		0% {opacity: 0; top: 20px;}
		35% {opacity: 0; top: 20px;}
		100% {opacity: 1; top: 0;}
	}