@import url('/css/animate.css');

.wow {
	animation: fadeIn 1.5s both;
	-webkit-animation: fadeIn 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

.delay1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.delay2 {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}

.delay3 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

#index_about_box {}

#index_about_box .coitem {
	display: flex;
	justify-content: center;
}

#index_about_box .coitem .colist {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#index_about_box .coitem .colist:hover img {
	-moz-transform: translateY(-0.55em);
	-webkit-transform: translateY(-0.55em);
	-o-transform: translateY(-0.55em);
	-ms-transform: translateY(-0.55em);
	transform: translateY(-0.55em);
}

#index_about_box .coitem .colist img {
	width: 140px;
	margin-bottom: 2px;
}

#index_about_box .coitem .colist h3 {
	font-size: max(1.4 * (1vw + 1vh) / 2, 18px);
	padding: 10px 0;
	color: #252525;
}

#index_about_box .coitem .colist p {
	width: min(90%, 270px);
	text-align: center;
	font-size: max(1.1 * (1vw + 1vh) / 2, 14px);
}

@media screen and (max-width: 768px) {
	#index_about_box .coitem .colist {
		width: 50%;
		margin-bottom: 10px;
	}

	#index_about_box .coitem {
		flex-wrap: wrap;
	}

}

@media screen and (max-width: 640px) {
	#index_about_box .coitem .colist img {
		width: 110px;
	}
}

@media screen and (max-width: 480px) {}