.t-ourvalue_txt > span {
	display: inline-block;
}
.t-ourvalue_txt > span span {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.4) 0%);
}

@keyframes animFlipCardTop {
	0% {
		width: 75.5%;
		left: 24.5%;
		top: 0;
		transform: rotate(0deg);
	}
	50% {
		left: 70%;
		top: 2.1%;
		transform: rotate(8deg);
	}
	100% {
		width: 62.7%;
		left: 10.6%;
		top: 18.3%;
		transform: rotate(-19deg);
	}
}
@keyframes animFlipCardMdl {
	0% {
		width: 68%;
		left: 16.3%;
		top: 6.6%;
		transform: rotate(-7.3deg);
	}
	100% {
		width: 75.5%;
		left: 24.5%;
		top: 0;
		transform: rotate(0deg);
	}
}
@keyframes animFlipCardBtm {
	0% {
		width: 62.7%;
		left: 10.6%;
		top: 18.3%;
		transform: rotate(-19deg);
	}
	100% {
		width: 68%;
		left: 16.3%;
		top: 6.6%;
		transform: rotate(-7.3deg);
	}
}
.t-ourvalue02_item_img {
	position: relative;
}
@media screen and (max-width: 768px) {
	.t-ourvalue02_item_img {
		margin-right: 10%;
	}
}
.t-ourvalue02_item_img::after {
	content: "";
	display: block;
	padding-bottom: 101%;
}
.t-ourvalue02_item_img img {
	position: absolute;
}
.t-ourvalue02_item_img img.js-active {
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
.t-ourvalue02_item_img img:nth-child(1) {
	width: 75.5%;
	left: 24.5%;
	top: 0;
	z-index: 3;
}
.t-ourvalue02_item_img img:nth-child(2) {
	width: 68%;
	left: 16.3%;
	top: 6.6%;
	transform: rotate(-7.3deg);
	z-index: 2;
}
.t-ourvalue02_item_img img:nth-child(3) {
	width: 62.7%;
	left: 10.6%;
	top: 18.3%;
	transform: rotate(-19deg);
	z-index: 1;
}

.t-ourvalue02_item_content {
	z-index: 10;
}

.t-ourvalue02_txtbox:not(:first-child) {
	display: none;
}

.t-ourvalue02_dots {
	align-self: center;
	margin: 6.4% 0.8% 0 auto;
	display: flex;
	flex-direction: column;
	gap: 18px 20px;
}
@media screen and (max-width: 768px) {
	.t-ourvalue02_dots {
		flex-direction: row;
		margin: 24px 0 0;
		justify-content: center;
	}
}
.t-ourvalue02_dots span {
	position: relative;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
}
@media screen and (max-width: 768px) {
	.t-ourvalue02_dots span {
		width: 5px;
		height: 5px;
	}
}
.t-ourvalue02_dots span::before {
	position: absolute;
	top: -3.5px;
	left: -3.5px;
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 1px solid #333;
	transform: scale(0);
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 768px) {
	.t-ourvalue02_dots span::before {
		top: -4px;
		left: -4px;
		width: 13px;
		height: 13px;
	}
}
.t-ourvalue02_dots span.sjs-active::before {
	transform: scale(1);
}
/*# sourceMappingURL=top_add.css.map */
