@charset "utf-8";

html,body {height:100%;}

#intro {position:fixed; top:0; right:0; width:100%; height:100%; background:#fff;text-align:center;}
#intro .contain {display:table; max-width:1200px; height:100%; margin:0 auto;}
#intro .cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}

.intro-logo {margin-bottom:95px;}
.intro-letter {font-size:24px;font-weight:300;line-height:32px;letter-spacing:-0.03em;color:#4b4a4a;}
.intro-letter span {display:block;} 
.intro-letter2 {font-size:60px;font-weight:300;line-height:70px;letter-spacing:-0.03em;color:#2c2c2c;}
.intro-letter2 strong {font-size:65px;font-weight:700;}

.animate {transition: all 1.5s ease-out 0s;}
.animate2 {transition: all 3s ease-out 0s;}
.animate3 {transition: all 4s ease-out 0s;}

.delay01 {transition-delay: 0.1s}
.delay02 {transition-delay: 0.2s}
.delay03 {transition-delay: 0.3s}
.delay04 {transition-delay: 0.4s}
.delay05 {transition-delay: 0.5s}
.delay06 {transition-delay: 0.6s}
.delay07 {transition-delay: 0.7s}
.delay08 {transition-delay: 0.8s}
.delay09 {transition-delay: 0.9s}
.delay10 {transition-delay: 1.0s}
.delay12 {transition-delay: 1.2s}
.delay15 {transition-delay: 1.5s}
.delay25 {transition-delay: 2.5s}


.trans-up { 
	opacity: 0;visibility: hidden;
	-moz-transform: translate3d(0px, 50px, 0px);
	-ms-transform: translate3d(0px, 50px, 0px);
	-o-transform: translate3d(0px, 50px, 0px);
	-webkit-transform: translate3d(0px, 50px, 0px);
	transform: translate3d(0px, 50px, 0px);   
}

.active .fade-in {opacity: 1;visibility: visible;}

.active .trans-up { 
	opacity: 1;visibility: visible;
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px); 
}
@media (max-width: 760px) {
	.intro-logo {margin-bottom:55px;}
	.intro-letter {font-size:20px;font-weight:300;line-height:32px;letter-spacing:-0.03em;color:#4b4a4a;}
	.intro-letter span {display:block;} 
	.intro-letter2 {font-size:40px;font-weight:300;line-height:50px;letter-spacing:-0.03em;color:#2c2c2c;}
	.intro-letter2 strong {font-size:45px;font-weight:700;}
}