@charset "utf-8";
.zen {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #8D8D8D;
	z-index: 99999999;
	-webkit-animation: example2 0.5s ease 1.5s 1 forwards;
	animation: example2 0.5s ease 1.5s 1 forwards;
	opacity: 1;
}
.zen .title {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%)
               translateY(-50%);
	opacity: 0;
	-webkit-animation: example 0.5s ease 0.5s 1 forwards;
	animation: example 0.5s ease 0.5s 1 forwards;
}

main{
	margin: 0 auto;
}

#sec01 {
	margin: 124px auto;
	width: 100%;
	max-width: 1280px;
	position: relative;
}
#sec01 .item01 {
	text-align: right;
	margin-right: 115px;
}
#sec01 .item02 {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	opacity: 0;
	-webkit-animation: example 0.5s ease 2.5s 1 forwards;
	animation: example 0.5s ease 2.5s 1 forwards;
}

@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}



@-webkit-keyframes example2 {
  100% {
    opacity: 0;
	visibility: hidden;
  }
}
@keyframes example2 {
  100% {
    opacity: 0;
	visibility: hidden;
  }
}


@media only screen and (max-width:1220px) {
#sec01 {
	margin: 15vw auto 0;
	max-width: inherit;
	padding-bottom: 80px;
}
#sec01 .item01 {
	margin-right: 0;
}
#sec01 .item01 img {
	width: 65%;
}
#sec01 .item02 {
	top: 15vw;
}
#sec01 .item03 {
	position: absolute;
	bottom: 80px;
}


}