header {
	top: 0;
}

body.exhibition .irika-1__wrap img,
body.exhibition .irika-2__wrap img,
body.exhibition .irika-3__wrap img,
body.exhibition .irika-4__wrap img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

body.exhibition .irika-1__wrap,
body.exhibition .irika-2__wrap,
body.exhibition .irika-3__wrap,
body.exhibition .irika-4__wrap {
	position: absolute;
	z-index: 2;
	/* transform: scale(0.01); */
	/* opacity: 0; */
	transform-origin: right bottom;
	/* animation-fill-mode: backwards;
	animation-duration: 5.0s;
	animation-timing-function: cubic-bezier(.02, .01, .47, 1);
	animation-iteration-count: 1; */
}

body.exhibition .irika-4__wrap {
	transform: scale(1) !important;
	transition: opacity 0.6s ease-out;
}
[class^="irika-"][class$="__wrap"]{
	animation:opacity .6s cubic-bezier(.02, .01, .47, 1) 2s forwards;
	opacity: 0;
}

@keyframes opacity{
	0%{
		opacity: 0;
		transform: scale(0.01)
	}
	100%{
		opacity: 1;
		transform: scale(1)
	}
}


body.exhibition .irika-4__wrap.show {
	opacity: 1;
}

@keyframes bound-anim {
	0% {
		transform: scale(0.01);
		opacity: 0;
	}

	7% {
		transform: scale(1.05);
		opacity: 1;
	}

	11.5% {
		transform: scale(0.95);
		opacity: 1;
	}

	16% {
		transform: scale(1.025);
		opacity: 1;
	}

	20.5% {
		transform: scale(0.98);
		opacity: 1;
	}

	25% {
		transform: scale(1.005);
		opacity: 1;
	}

	29.5% {
		transform: scale(0.99.5);
		opacity: 1;
	}

	34% {
		transform: scale(1);
		opacity: 1;
	}

	85% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.01);
		opacity: 0;
	}
}

body.exhibition .irika-1__wrap {
	width: 21%;
	left: 10%;
    top: 20%;
}

body.exhibition .irika-2__wrap {
	width: 21%;
	left: 33%;
	top: 3%;
}

body.exhibition .irika-3__wrap {
	width: 21%;
	left: 57%;
	top: 10%;
}

body.exhibition .irika-4__wrap {
	width: 60%;
	left: 39%;
	top: 42%;
}

@media only screen and (max-width: 768px) {
	.hm-container {
		padding-top: 20px;
	}

	body.exhibition .irika-1__wrap {
		width: 30%;
		left: 5%;
		top: 20%;
	}

	body.exhibition .irika-2__wrap {
		width: 30%;
		left: 36%;
		top: 2.14%;
	}

	body.exhibition .irika-3__wrap {
		width: 30%;
		left: 68%;
		top: 11.65%;
	}

	body.exhibition .irika-4__wrap {
		width: 50%;
		left: 47.8%;
		top: 63.68%;
	}

	.swiper-container {
		overflow: visible;
	}
}