@charset "utf-8";
.about_introduction_hd, .about_introduction_caption p {
		opacity: 0;
		transition: opacity 0.9s;
}
.about_introduction_caption p {
		transition-delay: 0.3s;
}
.isActive .about_introduction_hd, .isActive .about_introduction_caption p {
		opacity: 1;
}
.about_concept_item::before {
		transition: opacity 0.8s, transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
		opacity: 0;
}
.concept-1::before, .concept-2::before, .concept-3::before {
		transform: scale(1.5);
}
.concept-1::before {
		transform-origin: center bottom;
		transform: rotate(-30deg)
}
.concept-2::before {
		transform-origin: right center;
		transform: rotate(-30deg)
}
.concept-3::before {
		transform-origin: left center;
		transform: rotate(-30deg)
}
.isActive .about_concept_item::before {
		opacity: 1;
		transform: scale(1) rotate(0deg)
}
.concept-1 img, .concept-2 img, .concept-3 img {
		transition: opacity 0.8s;
		opacity: 0;
		transition-delay: 0.5s
}
.isActive .concept-1 img, .isActive .concept-2 img, .isActive .concept-3 img,.isActive .about_caption_branch,.isActive .about_caption {
		opacity: 1;
}
.about_caption_branch {
		transition: opacity 0.8s;
		opacity: 0;
		transition-delay: 0.7s
}
.about_caption {
		transition: opacity 0.8s;
		opacity: 0;
		transition-delay: 0.9s
}