@charset "UTF-8";

/* leaf */
.leaf.move {
	opacity: 1 !important;
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}
.catch-wrap .logo .leaf {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
	width: 100%;
	height: auto;
}
.catch-wrap .logo .leaf img {
	display: block;
	width: 100%;
	height: auto;
}
.catch-wrap .logo .leaf.leaf-01 {
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
}
.catch-wrap .logo .leaf.leaf-02 {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.catch-wrap .logo .leaf.leaf-03 {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.catch-wrap .logo .leaf.leaf-04 {
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}
.catch-wrap .logo .leaf.leaf-05 {
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
.catch-wrap .logo .leaf.leaf-06 {
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0);
}
.catch-wrap .logo .leaf.leaf-07 {
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}



/* sl-up */
.sl-up,
.dur-list.sl-up > * {
	animation-delay: .3s;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}
.sl-up.move,
.dur-list.sl-up.move > * {
	animation-name: sl-up;
	animation-duration: 1s;
/*	animation-timing-function: ease-out;*/
	animation-timing-function: cubic-bezier(.42,0,.58,1);
	animation-fill-mode: both;
}
@keyframes sl-up {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}



/* cover */
.cover {
	overflow: hidden;
	position: relative;
}
.cover:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: #546e7b;
}
.cover.move:after {
	animation-name: cover;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	animation-fill-mode: both;
}
@keyframes cover {
	0% {
		left: 0;
	}
	100% {
		left: 100%;
	}
}



/* d-cover */
.d-cover {
	overflow: hidden;
	position: relative;
}
.d-cover:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	z-index: 2;
	background: #546e7b;
}
.d-cover:after {
	content: "";
	display: block;
	position: absolute;
	width: 300%;
	height: 100%;
	top: 0;
	left: -200%;
	z-index: 2;
	background: #fff;
}
.d-cover.move:after {
	animation-name: d-cover-b;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	animation-fill-mode: both;
}
.d-cover.move:before {
	animation-name: d-cover-a;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	animation-fill-mode: both;
}
@keyframes d-cover-b {
	0% {
		left: 0;
	}
	50% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}
@keyframes d-cover-a {
	0% {
		left: -100%;
	}
	50% {
		left: 0;
	}
	100% {
		left: 100%;
	}
}



/* fd-in */
.fd-in,
.dur-list.fd-in > * {
	opacity: 0;
}
.fd-in.move,
.dur-list.fd-in.move > * {
	animation-name: fade-in;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/* scale */
.scale {
	position: relative;
/*	display: inline-block;*/
	-webkit-transform: scale3d(1.1, 1.1, 1);
	-ms-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	-webkit-transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	transform-origin:50% 0;
	opacity: 0;
	
}
.scale.move {
	animation-name: scale;
	animation-duration: 1.5s;
	animation-timing-function: cubic-bezier(.15,.58,.15,1);
	animation-fill-mode: both;
}
@keyframes scale {
	0% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		-ms-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
		opacity: 0;
	}
	40% {
/*
		-webkit-transform: scale3d(1.05, 1.05, 1);
		-ms-transform: scale3d(1.05, 1.05, 1);
		transform: scale3d(1.05, 1.05, 1);
*/
		opacity: .5;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}



/* dul */
.dur-01:nth-of-type(1),
.dur-list.move > *:nth-child(1) {
	animation-duration: 0.1s;
}
.dur-02:nth-of-type(2),
.dur-list.move > *:nth-child(2) {
	animation-duration: 0.3s;
}
.dur-03:nth-of-type(3),
.dur-list.move > *:nth-child(3) {
	animation-duration: 0.5s;
}
.dur-04:nth-of-type(4),
.dur-list.move > *:nth-child(4) {
	animation-duration: 0.7s;
}
.dur-05:nth-of-type(5),
.dur-list.move > *:nth-child(5) {
	animation-duration: 0.9s;
}
.dur-06:nth-of-type(6),
.dur-list.move > *:nth-child(6) {
	animation-duration: 1.1s;
}
.dur-07:nth-of-type(7),
.dur-list.move > *:nth-child(7) {
	animation-duration: 1.3s;
}
.dur-08:nth-of-type(8),
.dur-list.move > *:nth-child(8) {
	animation-duration: 1.5s;
}
.dur-09:nth-of-type(9),
.dur-list.move > *:nth-child(9) {
	animation-duration: 1.7s;
}
.dur-10:nth-of-type(10),
.dur-list.move > *:nth-child(10) {
	animation-duration: 1.9s;
}



/**==============================================**/
/*
/*			print
/*
/**==============================================**/

@media print {

	.sw,
	.sw > * {
		opacity: 1 !important;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.cover:before {
		content: none;
	}

	.sw > * {}



}