@charset "utf-8";


.platformScroll,.platformWrap{
	position: relative;
}

.platformScroll .platformWrap{
	position: relative;
}

.natureScroll {
	position: relative;
	overflow: hidden;
}

.natureCont {
	position: relative;
}

.nature-list {
	position: relative;
	height: var(--nature-list-height, auto);
}

.nature-listItem {
	position: absolute;
	inset: 0;
	width: 100%;
	margin: 0;
	pointer-events: none;
}

.nature-listImg {
	position: relative;
	overflow: hidden;
	will-change: clip-path;
}

.nature-listImg img {
	width: 100%;
	height: auto;
}

.nature-listImg img.pc {
	display: block;
}

.nature-listImg img.sp {
	display: none;
}

.nature-listTxt {
	will-change: opacity, transform;
}

.nature-listItem:first-child {
	z-index: 1;
}

.nature-listItem:nth-child(2) {
	z-index: 2;
}


.nature-listItem:not(:first-child) .nature-listImg {
	clip-path: inset(100% 0% 0% 0%);
}

.nature-listItem:not(:first-child) .nature-listTxt {
	opacity: 0;
	transform: translateY(8px);
}


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

	.platformScroll .platformWrap{
		position: static;
		min-height: auto;
	}
	.platformScroll .platformCont{ 
		display: block; 
		height: auto;
	}
	.platformScroll .platformDetail{
		opacity: 1 !important;
		transform: none !important;
	}

	.natureScroll {
		position: relative;
		overflow: visible;
	}

	.nature-list {
		position: relative;
		height: auto ;
	}

	.nature-listItem {
		position: relative;
		inset: auto;
		width: 100%;
		margin: 0;
		pointer-events: auto;
		opacity: 1;
		transform: none;
		z-index: auto;
	}

	.nature-listImg {
		overflow: visible;
		clip-path: none !important;
		will-change: auto;
	}

	.nature-listImg img.pc {
		display: none;
	}

	.nature-listImg img.sp {
		display: block;
	}

	.nature-listTxt {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		will-change: auto;
	}



}