html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html #wrapper {
	transition: opacity 1s ease-in-out .5s, transform 1s ease-in-out .5s, visibility 0s;
	visibility: visible
}
html:not(.wf-active):not(.js-load) #wrapper {
	transition: opacity 1s ease-in-out 1s, transform 1s ease-in-out 1s, visibility 0s;
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	opacity: 0;
	visibility: hidden
}

@keyframes b {
0% {
transform:translateY(0)
}
50% {
transform:translateY(20px)
}
to {
transform:translateY(0)
}
}
.p-indexSlide {
	height: 100vh;
	position: relative;
	background-color: #fff;
	z-index: 0;
}
.p-indexSlide__inner {
	position: relative;
	width: 100%;
	height: 100%
}
.p-indexSlide__container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.wf-active.js-load .p-indexSlide__item--1 {
	animation: d 30s 3s cubic-bezier(.77, 0, .175, 1) infinite
}
.wf-active.js-load .p-indexSlide__item--1 div {
	animation: c 30s 0s linear infinite
}
.wf-active.js-load .p-indexSlide__item--2 {
	animation: d 30s 9s cubic-bezier(.77, 0, .175, 1) infinite
}
.wf-active.js-load .p-indexSlide__item--2 div {
	animation: c 30s 6s linear infinite
}
.wf-active.js-load .p-indexSlide__item--3 {
	animation: d 30s 15s cubic-bezier(.77, 0, .175, 1) infinite
}
.wf-active.js-load .p-indexSlide__item--3 div {
	animation: c 30s 12s linear infinite
}
.p-indexSlide__item {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.p-indexSlide__item div {
	position: absolute;
	width: 110vw;
	height: 100%;
	min-width: 1300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%
}

@keyframes c {
0% {
transform:translateX(0)
}
40% {
transform:translateX(-9vw)
}
61% {
transform:translateX(0)
}
to {
transform:translateX(0)
}
}
@keyframes d {
0% {
width:100%;
z-index:3
}
15% {
width:100%
}
20% {
width:0;
z-index:3
}
20.1% {
z-index:-1
}
26% {
width:100%
}
90% {
z-index:-1
}
to {
width:100%;
visibility:visible;
z-index:2
}
}