.irie-mv-wrapper {
	position: relative;
	width: 100%;
	height: 100%; /* 親コンテナの高さに合わせる */
	min-height: 600px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.irie-mv-container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 100%;
}

.irie-mv-layer {
	position: absolute;
	will-change: transform;
	transition: transform 0.1s ease-out; /* Smooth the parallax */
	transform: translateY(var(--parallax-y, 0px));
}

.irie-mv-layer img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Example Positionings - these will need to be adjusted to match Figma exactly */
.irie-mv-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% + var(--parallax-y, 0px)));
	z-index: 2;
	width: 400px; /* Example size */
}

.irie-mv-circle-1 {
	top: 30%;
	left: 10%;
	z-index: 3;
	width: 200px;
}

.irie-mv-circle-2 {
	top: 20%;
	right: 15%;
	z-index: 3;
	width: 150px;
}

.irie-mv-circle-3 {
	top: 60%;
	right: 10%;
	z-index: 3;
	width: 180px;
}

.irie-mv-front-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	pointer-events: none;
	/* Add border or background image for the frame */
}