<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{
	background:#fff;
}
.window{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.window.open{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section{
	z-index:100;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.wrap .section .part{
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	top:50%;
	margin-top:-300px;
	height:600px;
}
.wrap .section_base{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.wrap .section_base p{
	position:absolute;
	left:0px;
	top:0px;
	width:20%;
	height:100%;
	border-right:solid 1px rgba(255,0,0,0.2);
}
.wrap .section_base p:nth-child(2){
	left:20%;
}
.wrap .section_base p:nth-child(3){
	left:40%;
}
.wrap .section_base p:nth-child(4){
	left:60%;
}
.wrap .section_base p:nth-child(5){
	left:80%;
}
/* sec00 -------------------------- */

.wrap .section.sec00{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:1000ms;
	-webkit-transition-duration:1000ms;
	-moz-transition-duration:1000ms;
	-ms-transition-duration:1000ms;
	-o-transition-duration:1000ms;
}
.wrap .section.sec00.active{
	opacity:1;
	-webkit-opacity:1;
}
.wrap .section.sec00.closed{
	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec00 .text_ba{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0px;
	height:100%;
}
.wrap .section.sec00 .text{
	position:absolute;
	left:-400px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
	z-index: 3;
}
.wrap .section.sec00.active .text{
	left:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .text{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .text p{
	font-size:30px;
	color:#c00;
	margin-left:-200px;
	margin-bottom: 10px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec00.active .text p{
	margin-left:0px;
}
.wrap .section.sec00 .text h2{
	font-size:80px;
	line-height:1.6em;
	margin:0px;
}
.wrap .section.sec00 .text h2 span{
	margin-right:10px;
}
.wrap .section.sec00 .part .p1{
	width:100%;
	text-align:center;
	font-size:16px;
	border-top:solid 1px #333;
	padding-top:5px;
	position:absolute;
	bottom:0px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
	transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-moz-transition-delay:600ms;
	-ms-transition-delay:600ms;
	-o-transition-delay:600ms;
}
.wrap .section.sec00.active .part .p1{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .p1{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .p1:before{
	content:"";
	position:absolute;
	border-left:solid 1px #333;
	display:inline-block;
	height:20px;
	width:20px;
	left:0px;
	top:-20px;
}
.wrap .section.sec00 .part .p1:after{
	content:"";
	position:absolute;
	border-right:solid 1px #333;
	display:inline-block;
	height:20px;
	width:20px;
	right:0px;
	top:-20px;
}
.wrap .section.sec00 .part .bar{
	position:absolute;
	left:20px;
	bottom:80px;
	height:400px;
	width:100%;
}
.wrap .section.sec00 .part .bar p{
	position:absolute;
	background:#ccc;
	width:100px;
	height:0px;
	left:0px;
	bottom:0px;
	box-shadow:2px 2px 6px 0px #aaa;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	z-index:3;


	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec00 .part .bar .m1{
	transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-moz-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	-o-transition-delay:1200ms;
}
.wrap .section.sec00.active .part .bar .m1{
	left:0px;
	height:50px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .bar .m1{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .bar .m2{
	left:160px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:1300ms;
	-webkit-transition-delay:1300ms;
	-moz-transition-delay:1300ms;
	-ms-transition-delay:1300ms;
	-o-transition-delay:1300ms;
}
.wrap .section.sec00.active .part .bar .m2{
	height:130px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .bar .m2{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .bar .m3{
	left:320px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec00.active .part .bar .m3{
	height:210px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .bar .m3{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .bar .m4{
	left:480px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:1800ms;
	-webkit-transition-delay:1800ms;
	-moz-transition-delay:1800ms;
	-ms-transition-delay:1800ms;
	-o-transition-delay:1800ms;
}
.wrap .section.sec00.active .part .bar .m4{
	height:300px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .bar .m4{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .bar .m5{
	left:640px;
	background:url(/img/about-us/brand/pc/side_bg.jpg);
	background-position:center;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:2200ms;
	-webkit-transition-delay:2200ms;
	-moz-transition-delay:2200ms;
	-ms-transition-delay:2200ms;
	-o-transition-delay:2200ms;
}
.wrap .section.sec00.active .part .bar .m5{
	height:390px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .bar .m5{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .allow{
	position:absolute;
	left:160px;
	bottom:250px;
	width:0px;
	height:0px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	overflow:hidden;
	z-index:2;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:2500ms;
	-webkit-transition-delay:2500ms;
	-moz-transition-delay:2500ms;
	-ms-transition-delay:2500ms;
	-o-transition-delay:2500ms;
}
.wrap .section.sec00 .part .allow:after{
	content:"";
	width:200%;
	height:100%;
	position:absolute;
	left:-150%;
	top:0px;

	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);

	transition-duration:1200ms;

	transition-delay:3000ms;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, rgba(255,255,255,0)), color-stop(0.69, rgba(255,255,255,0.5)), color-stop(0.41, rgba(255,255,255,0.5)), color-stop(0.4, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);

	background-blend-mode: multiply;

}
.wrap .section.sec00.active .part .allow:after{
	left:100%;

}
.wrap .section.sec00.active .part .allow{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	width:437px;
	height:291px;
}
.wrap .section.sec00.closed .part .allow{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec00 .part .allow img{
	max-height:100%;
	max-height:100%;
}
.wrap .section.sec00 .part .img1{
	position:absolute;
	right:0px;
	top:-70px;
	width:388px;
	height:330px;
	margin-left:-97px;
	margin-top:-82.5px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:1800ms;
	-webkit-transition-delay:1800ms;
	-moz-transition-delay:1800ms;
	-ms-transition-delay:1800ms;
	-o-transition-delay:1800ms;
}
.wrap .section.sec00 .part .img1 img{
	width:100%;
}
.wrap .section.sec00.active .part .img1{
	width:194px;
	height:165px;
	margin-left:0px;
	margin-top:0px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec00.closed .part .img1{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}

/* sec01 -------------------------- */

.wrap .section.sec01{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:1000ms;
	-webkit-transition-duration:1000ms;
	-moz-transition-duration:1000ms;
	-ms-transition-duration:1000ms;
	-o-transition-duration:1000ms;
}
.wrap .section.sec01.active{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec01.closed{
	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec01 .text_ba{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0px;
	height:100%;
}
.wrap .section.sec01 .text{
	position:absolute;
	left:-400px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec01.active .text{
	left:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec01.closed .text{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec01 .text p{
	font-size:30px;
	color:#c00;
	margin-left:-200px;
	margin-bottom: 10px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec01.active .text p{
	margin-left:0px;
}
.wrap .section.sec01 .text h2{
	font-size: 40px;
	line-height:1.6em;
	margin:0px;
}
.wrap .section.sec01 .text h2 span{
}
.wrap .section.sec01 .part .bg{
	position:absolute;
	top:200px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-moz-transition-delay:600ms;
	-ms-transition-delay:600ms;
	-o-transition-delay:600ms;
}
.wrap .section.sec01.active .part .bg{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec01.closed .part .bg{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec01 .part .point{
	position:absolute;
	left:0px;
	top:200px;
}
.wrap .section.sec01 .part .point p{
	position:absolute;
	width:60px;
	height:60px;
	margin-left:-20px;
	margin-top:-20px;
	background:#fff;
	box-shadow:1px 1px 3px 0px #555;
	border-radius:50%;
	left:0px;
	top:0px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:400ms;
	-webkit-transition-duration:400ms;
	-moz-transition-duration:400ms;
	-ms-transition-duration:400ms;
	-o-transition-duration:400ms;

	transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-moz-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	-o-transition-delay:1200ms;

	transition-timing-function:ease-in;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-ms-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;

}
.wrap .section.sec01.active .part .point p{
	width:20px;
	height:20px;
	margin-left:0px;
	margin-top:0px;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec01.closed .part .point p{
	transition-delay:0ms !important;
	-webkit-transition-delay:0ms !important;
	-moz-transition-delay:0ms !important;
	-ms-transition-delay:0ms !important;
	-o-transition-delay:0ms !important;
}
.wrap .section.sec01 .part .point p:nth-child(1){
	left:35px;
	top: 100px;
	transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-moz-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	-o-transition-delay:1200ms;
}
.wrap .section.sec01 .part .point p:nth-child(2){
	left:45px;
	top:130px;

	transition-delay:1250ms;
	-webkit-transition-delay:1250ms;
	-moz-transition-delay:1250ms;
	-ms-transition-delay:1250ms;
	-o-transition-delay:1250ms;
}
.wrap .section.sec01 .part .point p:nth-child(3){
	left:22px;
	top:150px;

	transition-delay:1300ms;
	-webkit-transition-delay:1300ms;
	-moz-transition-delay:1300ms;
	-ms-transition-delay:1300ms;
	-o-transition-delay:1300ms;
}
.wrap .section.sec01 .part .point p:nth-child(4){
	left:70px;
	top:85px;

	transition-delay:1350ms;
	-webkit-transition-delay:1350ms;
	-moz-transition-delay:1350ms;
	-ms-transition-delay:1350ms;
	-o-transition-delay:1350ms;
}
.wrap .section.sec01 .part .point p:nth-child(5){
	left:90px;
	top:115px;

	transition-delay:1400ms;
	-webkit-transition-delay:1400ms;
	-moz-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	-o-transition-delay:1400ms;
}
.wrap .section.sec01 .part .point p:nth-child(6){
	left:90px;
	top:150px;

	transition-delay:1450ms;
	-webkit-transition-delay:1450ms;
	-moz-transition-delay:1450ms;
	-ms-transition-delay:1450ms;
	-o-transition-delay:1450ms;
}
.wrap .section.sec01 .part .point p:nth-child(7){
	left:120px;
	top:160px;

	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec01 .part .point p:nth-child(8){
	left:85px;
	top:300px;

	transition-delay:1550ms;
	-webkit-transition-delay:1550ms;
	-moz-transition-delay:1550ms;
	-ms-transition-delay:1550ms;
	-o-transition-delay:1550ms;
}
.wrap .section.sec01 .part .point p:nth-child(9){
	left:202px;
	top:215px;

	transition-delay:1600ms;
	-webkit-transition-delay:1600ms;
	-moz-transition-delay:1600ms;
	-ms-transition-delay:1600ms;
	-o-transition-delay:1600ms;
}
.wrap .section.sec01 .part .point p:nth-child(10){
	left:260px;
	top:145px;

	transition-delay:1650ms;
	-webkit-transition-delay:1650ms;
	-moz-transition-delay:1650ms;
	-ms-transition-delay:1650ms;
	-o-transition-delay:1650ms;
}
.wrap .section.sec01 .part .point p:nth-child(11){
	left:300px;
	top:145px;

	transition-delay:1700ms;
	-webkit-transition-delay:1700ms;
	-moz-transition-delay:1700ms;
	-ms-transition-delay:1700ms;
	-o-transition-delay:1700ms;
}
.wrap .section.sec01 .part .point p:nth-child(12){
	left:240px;
	top:210px;

	transition-delay:1750ms;
	-webkit-transition-delay:1750ms;
	-moz-transition-delay:1750ms;
	-ms-transition-delay:1750ms;
	-o-transition-delay:1750ms;
}
.wrap .section.sec01 .part .point p:nth-child(13){
	left:250px;
	top:235px;

	transition-delay:1800ms;
	-webkit-transition-delay:1800ms;
	-moz-transition-delay:1800ms;
	-ms-transition-delay:1800ms;
	-o-transition-delay:1800ms;
}
.wrap .section.sec01 .part .point p:nth-child(14){
	left:265px;
	top:210px;

	transition-delay:1850ms;
	-webkit-transition-delay:1850ms;
	-moz-transition-delay:1850ms;
	-ms-transition-delay:1850ms;
	-o-transition-delay:1850ms;
}
.wrap .section.sec01 .part .point p:nth-child(15){
	left:280px;
	top:185px;

	transition-delay:1900ms;
	-webkit-transition-delay:1900ms;
	-moz-transition-delay:1900ms;
	-ms-transition-delay:1900ms;
	-o-transition-delay:1900ms;
}
.wrap .section.sec01 .part .point p:nth-child(16){
	left:300px;
	top:190px;

	transition-delay:1950ms;
	-webkit-transition-delay:1950ms;
	-moz-transition-delay:1950ms;
	-ms-transition-delay:1950ms;
	-o-transition-delay:1950ms;
}
.wrap .section.sec01 .part .point p:nth-child(17){
	left:275px;
	top:255px;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec01 .part .point p:nth-child(18){
	left:290px;
	top:235px;

	transition-delay:2050ms;
	-webkit-transition-delay:2050ms;
	-moz-transition-delay:2050ms;
	-ms-transition-delay:2050ms;
	-o-transition-delay:2050ms;
}
.wrap .section.sec01 .part .point p:nth-child(19){
	left:345px;
	top:330px;

	transition-delay:2100ms;
	-webkit-transition-delay:2100ms;
	-moz-transition-delay:2100ms;
	-ms-transition-delay:2100ms;
	-o-transition-delay:2100ms;
}
.wrap .section.sec01 .part .point p:nth-child(20){
	left:545px;
	top:150px;

	transition-delay:2150ms;
	-webkit-transition-delay:2150ms;
	-moz-transition-delay:2150ms;
	-ms-transition-delay:2150ms;
	-o-transition-delay:2150ms;
}
.wrap .section.sec01 .part .point p:nth-child(21){
	left:560px;
	top:120px;

	transition-delay:2200ms;
	-webkit-transition-delay:2200ms;
	-moz-transition-delay:2200ms;
	-ms-transition-delay:2200ms;
	-o-transition-delay:2200ms;
}
.wrap .section.sec01 .part .point p:nth-child(22){
	left:580px;
	top:155px;

	transition-delay:2250ms;
	-webkit-transition-delay:2250ms;
	-moz-transition-delay:2250ms;
	-ms-transition-delay:2250ms;
	-o-transition-delay:2250ms;
}
.wrap .section.sec01 .part .point p:nth-child(23){
	left:620px;
	top:145px;

	transition-delay:2300ms;
	-webkit-transition-delay:2300ms;
	-moz-transition-delay:2300ms;
	-ms-transition-delay:2300ms;
	-o-transition-delay:2300ms;
}
.wrap .section.sec01 .part .point p:nth-child(24){
	left:575px;
	top:190px;

	transition-delay:2350ms;
	-webkit-transition-delay:2350ms;
	-moz-transition-delay:2350ms;
	-ms-transition-delay:2350ms;
	-o-transition-delay:2350ms;
}
.wrap .section.sec01 .part .point p:nth-child(25){
	left:705px;
	top:318px;

	transition-delay:2400ms;
	-webkit-transition-delay:2400ms;
	-moz-transition-delay:2400ms;
	-ms-transition-delay:2400ms;
	-o-transition-delay:2400ms;
}
.wrap .section.sec01 .part .img1{
	position:absolute;
	right:-80px;
	top:10px;
	width:348px;
	height:418px;
	margin-left:-87px;
	margin-top:-104.5px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:3000ms;
	-webkit-transition-delay:3000ms;
	-moz-transition-delay:3000ms;
	-ms-transition-delay:3000ms;
	-o-transition-delay:3000ms;
}
.wrap .section.sec01 .part .img1 img{
	width:100%;
}
.wrap .section.sec01.active .part .img1{
	width:174px;
	height:209px;
	margin-left:0px;
	margin-top:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec01.closed .part .img1{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}

/* sec02 -------------------------- */

.wrap .section.sec02{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec02.active{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02.closed{
	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec02 .text_ba{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0px;
	height:100%;
}
.wrap .section.sec02 .text{
	position:absolute;
	left:-400px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec02.active .text{
	left:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02.closed .text{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec02 .text p{
	font-size:30px;
	color:#c00;
	margin-left:-200px;
	margin-bottom: 10px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec02.active .text p{
	margin-left:0px;
}
.wrap .section.sec02 .text h2{
	font-size:80px;
	line-height:1.6em;
	margin:0px;
}
.wrap .section.sec02 .text h2 span{
	margin-right:10px;
}
.wrap .section.sec02 .memo{
	position:absolute;
	top:200px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

}
.wrap .section.sec02.active .memo{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02.closed .memo{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.wrap .section.sec02 .memo p{
	display:inline-block;
}
.wrap .section.sec02 .memo p:nth-child(1):before{
	content:"";
	display:inline-block;
	width:30px;
	height:20px;
	vertical-align:middle;
	background:#9ED2EA;
	margin-right:10px;
}
.wrap .section.sec02 .memo p:nth-child(2):before{
	content:"";
	display:inline-block;
	width:30px;
	height:20px;
	margin-left:20px;
	vertical-align:middle;
	background:#C9153C;
	margin-right:10px;
}
.wrap .section.sec02 .bar{
	display:table;
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-250px;
	height:600px;
}
.wrap .section.sec02 .bar&gt;div{
	display:table-cell;
	width:10%;
	vertical-align:bottom;
	text-align:center;
	position:relative;
}
.wrap .section.sec02 .bar&gt;div .txt{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec02.active .bar&gt;div .txt{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02.closed .bar&gt;div .txt{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.wrap .section.sec02 .bar&gt;div .m1{
	position:absolute;
	bottom:20px;
	left:50%;
	height:0px;
	margin-left:-20px;
	background:#9ED2EA;
	width:20px;
	overflow:hidden;

	transition-duration:400ms;
	-webkit-transition-duration:400ms;
	-moz-transition-duration:400ms;
	-ms-transition-duration:400ms;
	-o-transition-duration:400ms;
}
.wrap .section.sec02 .bar&gt;div .m2{
	position:absolute;
	bottom:20px;
	left:50%;
	height:0px;
	margin-left:0px;
	background:#C9153C;
	width:20px;
	overflow:hidden;

	transition-duration:400ms;
	-webkit-transition-duration:400ms;
	-moz-transition-duration:400ms;
	-ms-transition-duration:400ms;
	-o-transition-duration:400ms;
}
.wrap .section.sec02.closed .bar&gt;div .m1,
.wrap .section.sec02.closed .bar&gt;div .m2{
	transition-delay:0ms !important;
	-webkit-transition-delay:0ms !important;
	-moz-transition-delay:0ms !important;
	-ms-transition-delay:0ms !important;
	-o-transition-delay:0ms !important;

}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(1) .m1{
	height:150px;

	transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-moz-transition-delay:600ms;
	-ms-transition-delay:600ms;
	-o-transition-delay:600ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(1) .m2{
	height:70px;

	transition-delay:700ms;
	-webkit-transition-delay:700ms;
	-moz-transition-delay:700ms;
	-ms-transition-delay:700ms;
	-o-transition-delay:700ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(2) .m1{
	height:160px;

	transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-moz-transition-delay:800ms;
	-ms-transition-delay:800ms;
	-o-transition-delay:800ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(2) .m2{
	height:74px;

	transition-delay:900ms;
	-webkit-transition-delay:900ms;
	-moz-transition-delay:900ms;
	-ms-transition-delay:900ms;
	-o-transition-delay:900ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(3) .m1{
	height:180px;

	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(3) .m2{
	height:77px;

	transition-delay:1100ms;
	-webkit-transition-delay:1100ms;
	-moz-transition-delay:1100ms;
	-ms-transition-delay:1100ms;
	-o-transition-delay:1100ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(4) .m1{
	height:220px;

	transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-moz-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	-o-transition-delay:1200ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(4) .m2{
	height:110px;

	transition-delay:1300ms;
	-webkit-transition-delay:1300ms;
	-moz-transition-delay:1300ms;
	-ms-transition-delay:1300ms;
	-o-transition-delay:1300ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(5) .m1{
	height:270px;

	transition-delay:1400ms;
	-webkit-transition-delay:1400ms;
	-moz-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	-o-transition-delay:1400ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(5) .m2{
	height:160px;

	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(6) .m1{
	height:320px;

	transition-delay:1600ms;
	-webkit-transition-delay:1600ms;
	-moz-transition-delay:1600ms;
	-ms-transition-delay:1600ms;
	-o-transition-delay:1600ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(6) .m2{
	height:190px;

	transition-delay:1700ms;
	-webkit-transition-delay:1700ms;
	-moz-transition-delay:1700ms;
	-ms-transition-delay:1700ms;
	-o-transition-delay:1700ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(7) .m1{
	height:360px;

	transition-delay:1800ms;
	-webkit-transition-delay:1800ms;
	-moz-transition-delay:1800ms;
	-ms-transition-delay:1800ms;
	-o-transition-delay:1800ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(7) .m2{
	height:210px;

	transition-delay:1900ms;
	-webkit-transition-delay:1900ms;
	-moz-transition-delay:1900ms;
	-ms-transition-delay:1900ms;
	-o-transition-delay:1900ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(8) .m1{
	height:460px;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(8) .m2{
	height:260px;

	transition-delay:2100ms;
	-webkit-transition-delay:2100ms;
	-moz-transition-delay:2100ms;
	-ms-transition-delay:2100ms;
	-o-transition-delay:2100ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(9) .m1{
	height:520px;

	transition-delay:2200ms;
	-webkit-transition-delay:2200ms;
	-moz-transition-delay:2200ms;
	-ms-transition-delay:2200ms;
	-o-transition-delay:2200ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(9) .m2{
	height:280px;

	transition-delay:2300ms;
	-webkit-transition-delay:2300ms;
	-moz-transition-delay:2300ms;
	-ms-transition-delay:2300ms;
	-o-transition-delay:2300ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(10) .m1{
	height:490px;

	transition-delay:2400ms;
	-webkit-transition-delay:2400ms;
	-moz-transition-delay:2400ms;
	-ms-transition-delay:2400ms;
	-o-transition-delay:2400ms;
}
.wrap .section.sec02.active .bar:not(.primary)&gt;div:nth-child(10) .m2{
	height:240px;

	transition-delay:2500ms;
	-webkit-transition-delay:2500ms;
	-moz-transition-delay:2500ms;
	-ms-transition-delay:2500ms;
	-o-transition-delay:2500ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(1) .m1{
	height:160px;

	transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-moz-transition-delay:800ms;
	-ms-transition-delay:800ms;
	-o-transition-delay:800ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(1) .m2{
	height:74px;

	transition-delay:900ms;
	-webkit-transition-delay:900ms;
	-moz-transition-delay:900ms;
	-ms-transition-delay:900ms;
	-o-transition-delay:900ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(2) .m1{
	height:180px;

	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(2) .m2{
	height:77px;

	transition-delay:1100ms;
	-webkit-transition-delay:1100ms;
	-moz-transition-delay:1100ms;
	-ms-transition-delay:1100ms;
	-o-transition-delay:1100ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(3) .m1{
	height:220px;

	transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-moz-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	-o-transition-delay:1200ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(3) .m2{
	height:110px;

	transition-delay:1300ms;
	-webkit-transition-delay:1300ms;
	-moz-transition-delay:1300ms;
	-ms-transition-delay:1300ms;
	-o-transition-delay:1300ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(4) .m1{
	height:270px;

	transition-delay:1400ms;
	-webkit-transition-delay:1400ms;
	-moz-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	-o-transition-delay:1400ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(4) .m2{
	height:160px;

	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(5) .m1{
	height:320px;

	transition-delay:1600ms;
	-webkit-transition-delay:1600ms;
	-moz-transition-delay:1600ms;
	-ms-transition-delay:1600ms;
	-o-transition-delay:1600ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(5) .m2{
	height:190px;

	transition-delay:1700ms;
	-webkit-transition-delay:1700ms;
	-moz-transition-delay:1700ms;
	-ms-transition-delay:1700ms;
	-o-transition-delay:1700ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(6) .m1{
	height:360px;

	transition-delay:1800ms;
	-webkit-transition-delay:1800ms;
	-moz-transition-delay:1800ms;
	-ms-transition-delay:1800ms;
	-o-transition-delay:1800ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(6) .m2{
	height:210px;

	transition-delay:1900ms;
	-webkit-transition-delay:1900ms;
	-moz-transition-delay:1900ms;
	-ms-transition-delay:1900ms;
	-o-transition-delay:1900ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(7) .m1{
	height:460px;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(7) .m2{
	height:260px;

	transition-delay:2100ms;
	-webkit-transition-delay:2100ms;
	-moz-transition-delay:2100ms;
	-ms-transition-delay:2100ms;
	-o-transition-delay:2100ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(8) .m1{
	height:520px;

	transition-delay:2200ms;
	-webkit-transition-delay:2200ms;
	-moz-transition-delay:2200ms;
	-ms-transition-delay:2200ms;
	-o-transition-delay:2200ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(8) .m2{
	height:280px;

	transition-delay:2300ms;
	-webkit-transition-delay:2300ms;
	-moz-transition-delay:2300ms;
	-ms-transition-delay:2300ms;
	-o-transition-delay:2300ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(9) .m1{
	height:490px;

	transition-delay:2400ms;
	-webkit-transition-delay:2400ms;
	-moz-transition-delay:2400ms;
	-ms-transition-delay:2400ms;
	-o-transition-delay:2400ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(9) .m2{
	height:240px;

	transition-delay:2500ms;
	-webkit-transition-delay:2500ms;
	-moz-transition-delay:2500ms;
	-ms-transition-delay:2500ms;
	-o-transition-delay:2500ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(10) .m1{
	height:480px;

	transition-delay:2600ms;
	-webkit-transition-delay:2600ms;
	-moz-transition-delay:2600ms;
	-ms-transition-delay:2600ms;
	-o-transition-delay:2600ms;
}
.wrap .section.sec02.style_01.active .bar:not(.primary)&gt;div:nth-child(10) .m2{
	height:235px;

	transition-delay:2700ms;
	-webkit-transition-delay:2700ms;
	-moz-transition-delay:2700ms;
	-ms-transition-delay:2700ms;
	-o-transition-delay:2700ms;
}
.wrap .section.sec02 .bar&gt;div:nth-child(10) .m1:after,
.wrap .section.sec02 .bar&gt;div:nth-child(10) .m2:after{
	content:"";
	width:200%;
	height:100%;
	position:absolute;
	left:-50%;
	top:100%;

	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, rgba(255,255,255,0)), color-stop(0.69, rgba(255,255,255,0.5)), color-stop(0.41, rgba(255,255,255,0.5)), color-stop(0.4, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0.5) 69%,rgba(255,255,255,0) 70%);

	transition-duration:1000ms;
	-webkit-transition-duration:1000ms;
	-moz-transition-duration:1000ms;
	-ms-transition-duration:1000ms;
	-o-transition-duration:1000ms;

	transition-delay:2800ms;
	-webkit-transition-delay:2800ms;
	-moz-transition-delay:2800ms;
	-ms-transition-delay:2800ms;
	-o-transition-delay:2800ms;
}

.wrap .section.sec02.active .bar&gt;div:nth-child(10) .m1:after,
.wrap .section.sec02.active .bar&gt;div:nth-child(10) .m2:after{
	top:-100%;
}

.wrap .section.sec02.active .bar .year1 .m1 {
  height: calc(2178px / 10 / 1.5);
  transition-delay: 800ms;
}

.wrap .section.sec02.active .bar .year1 .m2 {
  height: calc(992px / 10 / 1.5);
  transition-delay: 900ms;
}

.wrap .section.sec02.active .bar .year2 .m1 {
  height: calc(2650px / 10 / 1.5);
  transition-delay: 1000ms;
}

.wrap .section.sec02.active .bar .year2 .m2 {
  height: calc(1307px / 10 / 1.5);
  transition-delay: 1100ms;
}

.wrap .section.sec02.active .bar .year3 .m1 {
  height: calc(3340px / 10 / 1.5);
  transition-delay: 1200ms;
}

.wrap .section.sec02.active .bar .year3 .m2 {
  height: calc(1757px / 10 / 1.5);
  transition-delay: 1300ms;
}

.wrap .section.sec02.active .bar .year4 .m1 {
  height: calc(3793px / 10 / 1.5);
  transition-delay: 1400ms;
}

.wrap .section.sec02.active .bar .year4 .m2 {
  height: calc(2013px / 10 / 1.5);
  transition-delay: 1500ms;
}

.wrap .section.sec02.active .bar .year5 .m1 {
  height: calc(4127px / 10 / 1.5);
  transition-delay: 1600ms;
}

.wrap .section.sec02.active .bar .year5 .m2 {
  height: calc(2189px / 10 / 1.5);
  transition-delay: 1700ms;
}

.wrap .section.sec02.active .bar .year6 .m1 {
  height: calc(5268px / 10 / 1.5);
  transition-delay: 1800ms;
}

.wrap .section.sec02.active .bar .year6 .m2 {
  height: calc(2929px / 10 / 1.5);
  transition-delay: 1900ms;
}

.wrap .section.sec02.active .bar .year7 .m1 {
  height: calc(5871px / 10 / 1.5);
  transition-delay: 2000ms;
}

.wrap .section.sec02.active .bar .year7 .m2 {
  height: calc(3179px / 10 / 1.5);
  transition-delay: 2100ms;
}

.wrap .section.sec02.active .bar .year8 .m1 {
  height: calc(5518px / 10 / 1.5);
  transition-delay: 2200ms;
}

.wrap .section.sec02.active .bar .year8 .m2 {
  height: calc(2776px / 10 / 1.5);
  transition-delay: 2300ms;
}

.wrap .section.sec02.active .bar .year9 .m1 {
  height: calc(5381px / 10 / 1.5);
  transition-delay: 2400ms;
}

.wrap .section.sec02.active .bar .year9 .m2 {
  height: calc(2768px / 10 / 1.5);
  transition-delay: 2500ms;
}

.wrap .section.sec02.active .bar .year10 .m1 {
  height: calc(7552px / 10 / 1.5);
  transition-delay: 2600ms;
}

.wrap .section.sec02.active .bar .year10 .m2 {
  height: calc(4180px / 10 / 1.5);
  transition-delay: 2700ms;
}

.wrap .section.sec02.active .bar .year11 .m1 {
  height: calc(9224px / 10 / 1.5);
  transition-delay: 2800ms;
}

.wrap .section.sec02.active .bar .year11 .m2 {
  height: calc(4989px / 10 / 1.5);
  transition-delay: 2900ms;
}

.wrap .section.sec02.active .bar .year12 .m1 {
  height: calc(9673px / 10 / 1.5);
  transition-delay: 3000ms;
}

.wrap .section.sec02.active .bar .year12 .m2 {
  height: calc(4950px / 10 / 1.5);
  transition-delay: 3100ms;
}

.wrap .section.sec02.active .bar .year13 .m1 {
  height: calc(10591px / 10 / 1.5);
  transition-delay: 3200ms;
}

.wrap .section.sec02.active .bar .year13 .m2 {
  height: calc(5498px / 10 / 1.5);
  transition-delay: 3300ms;
}

/* sec03 ------------------ */

.wrap .section.sec03{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec03.active{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec03.closed{
	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec03 .text_ba{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0px;
	height:100%;
}
.wrap .section.sec03 .text{
	position:absolute;
	left:-400px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec03.active .text{
	left:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec03.closed .text{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec03 .text p{
	font-size:30px;
	color:#c00;
	margin-left:-200px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec03.active .text p{
	margin-left:0px;
}
.wrap .section.sec03 .text h2{
	font-size: 40px;
	line-height:1.6em;
	margin:0px;
}
.wrap .section.sec03 .text h2 span{
	font-size: 74px;
	display: inline-block;
}
.wrap .section.sec03 .text h2 strong{
	font-size: 60px;
	font-weight: normal;
	letter-spacing: -3px;
}
.wrap .section.sec03 .text h2 span img{
	vertical-align: bottom;
}
.wrap .section.sec03 .iconlist{
	position:absolute;
	left:0px;
	top:180px;
}
.wrap .section.sec03 .iconlist&gt;div{
	position:absolute;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	width:248px;
	width:300px;
	margin-left:-62px;
	margin-left:-75px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec03.active .iconlist&gt;div{

	animation:sec03_stamp 600ms linear;
	-webkit-animation:sec03_stamp 600ms linear;
	-moz-animation:sec03_stamp 600ms linear;
	-ms-animation:sec03_stamp 600ms linear;
	-o-animation:sec03_stamp 600ms linear;

	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:1400ms;
	-webkit-transition-delay:1400ms;
	-moz-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	-o-transition-delay:1400ms;
}
.wrap .section.sec03.active .iconlist&gt;div img{
	width:100%;
}
@keyframes sec03_stamp{
	0%{
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;

		width:248px;
		height:300px;
		margin-left:-62px;
		margin-top:-75px;
	}
	16.66666666%{
		width:62px;
		height:75px;
		margin-left:31px;
		margin-top:38px;
	}
	33.33333333%{
		width:149px;
		height:180px;
		margin-left:-13px;
		margin-top:-15px;
	}
	49.9999999%{
		width:93px;
		height:113px;
		margin-left:16px;
		margin-top:19px;
	}
	66.666666%{
		width:128px;
		height:154px;
		margin-left:-2px;
		margin-top:-2px;
	}
	100%{
		opacity:1;
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		-o-opacity:1;

		width:124px;
		height:150px;
		margin-left:0px;
		margin-top:0px;
	}
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(1){
	left:0px;
	top:0px;

	animation-delay:700ms;
	-webkit-animation-delay:700ms;
	-moz-animation-delay:700ms;
	-ms-animation-delay:700ms;
	-o-animation-delay:700ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(2){
	left:130px;
	top:0px;

	animation-delay:800ms;
	-webkit-animation-delay:800ms;
	-moz-animation-delay:800ms;
	-ms-animation-delay:800ms;
	-o-animation-delay:800ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(3){
	left:260px;
	top:0px;

	animation-delay:900ms;
	-webkit-animation-delay:900ms;
	-moz-animation-delay:900ms;
	-ms-animation-delay:900ms;
	-o-animation-delay:900ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(4){
	left:390px;
	top:0px;

	animation-delay:1000ms;
	-webkit-animation-delay:1000ms;
	-moz-animation-delay:1000ms;
	-ms-animation-delay:1000ms;
	-o-animation-delay:1000ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(5){
	left:70px;
	top:150px;

	animation-delay:1100ms;
	-webkit-animation-delay:1100ms;
	-moz-animation-delay:1100ms;
	-ms-animation-delay:1100ms;
	-o-animation-delay:1100ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(6){
	left:200px;
	top:150px;

	animation-delay:1200ms;
	-webkit-animation-delay:1200ms;
	-moz-animation-delay:1200ms;
	-ms-animation-delay:1200ms;
	-o-animation-delay:1200ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(7){
	left:330px;
	top:150px;

	animation-delay:1300ms;
	-webkit-animation-delay:1300ms;
	-moz-animation-delay:1300ms;
	-ms-animation-delay:1300ms;
	-o-animation-delay:1300ms;
}
.wrap .section.sec03 .iconlist&gt;div:nth-child(8){
	left:460px;
	top:150px;

	animation-delay:1400ms;
	-webkit-animation-delay:1400ms;
	-moz-animation-delay:1400ms;
	-ms-animation-delay:1400ms;
	-o-animation-delay:1400ms;
}
.wrap .section.sec03 .txt1{
	position:absolute;
	right:0px;
	top:50%;
	color:#f00;
	font-size:80px;
	font-family: 'Fjalla One', sans-serif;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec03.active .txt1{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

}
.wrap .section.sec03.closed .iconlist&gt;div,
.wrap .section.sec03.closed .txt1{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-delay:0s !important;
	-webkit-transition-delay:0s !important;
	-moz-transition-delay:0s !important;
	-ms-transition-delay:0s !important;
	-o-transition-delay:0s !important;
}
.wrap .section.sec03 .txt1 span{
	color:#333;
	font-size:24px;
	margin-right:10px;
	border-bottom:dashed 1px #333;
	line-height:1.6em;
	display:inline-block;
	vertical-align:middle;
	font-family: 'Fjalla One', sans-serif;
}
.wrap .section.sec03 .txt1 p{
	color:#333;
	text-align:right;
}

/* sec03.style_01 ------------------ */

.wrap .section.sec03.style_01{
	z-index:100;
	background:none;
	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec03.style_01.active{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec03.style_01 .bg&gt;div{
	background: #f8f8f8;
	border-right: solid 1px #ccc;
	position:absolute;
	width:20%;
	height:0%;
	left:0px;
	top:0px;
	transition-duration:800ms;
	-webkit-transition-duration:800ms;
	-moz-transition-duration:800ms;
	-ms-transition-duration:800ms;
	-o-transition-duration:800ms;
}
.wrap .section.sec03.style_01.active .bg&gt;div{
	height:100%;
}
.wrap .section.sec03.style_01.active .bg&gt;div:nth-child(2):hover,
.wrap .section.sec03.style_01.active .bg&gt;div:nth-child(3):hover,
.wrap .section.sec03.style_01.active .bg&gt;div:nth-child(4):hover{
	background: #e0e0e0;
}
.wrap .section.sec03.style_01.active .bg&gt;div:nth-child(2) *,
.wrap .section.sec03.style_01.active .bg&gt;div:nth-child(3) *,
.wrap .section.sec03.style_01.active .bg&gt;div:nth-child(4) *{
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec03.style_01 .bg&gt;div a{
	position:absolute;
	left:0px;
	margin-top:-75px;
	height:150px;
	text-align:center;
	width:100%;
	top:50%;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

  pointer-events:none;
}
.wrap .section.sec03.style_01.active .bg&gt;div a{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
  pointer-events:all;
}
.wrap .section.sec03.style_01 .bg&gt;div a .title{
	font-size:14px;
	margin-bottom:30px;
}
.wrap .section.sec03.style_01 .bg&gt;div a h3{
	font-size: 26px;
	line-height:80px;
	height:80px;
	margin-bottom:40px;
	letter-spacing: 0.1px;
}
.wrap .section.sec03.style_01 .bg&gt;div:nth-child(2) a h3{
	line-height:40px;
}
.wrap .section.sec03.style_01 .bg&gt;div a .sign{
	border-radius:50%;
	width: 40px;
	height: 40px;
	margin:30px auto;
	border: solid 1px #555;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/img/about-us/brand/pc/arrow_black.png);
}
.wrap .section.sec03.style_01 .bg&gt;div:nth-child(1){
	left:0%;
	transition-delay:600ms;
	z-index:3;
}
.wrap .section.sec03.style_01 .bg&gt;div:nth-child(2){
	left:20%;
	transition-delay:450ms;
}
.wrap .section.sec03.style_01 .bg&gt;div:nth-child(3){
	left:40%;
	transition-delay:300ms;
}
.wrap .section.sec03.style_01 .bg&gt;div:nth-child(4){
	left:60%;
	transition-delay:150ms;
}
.wrap .section.sec03.style_01 .bg&gt;div:nth-child(5){
	left:80%;
}
.wrap .section.sec03.style_01 .text{
	position:absolute;
	left:50%;
	width:400px;
	text-align:center;
	margin-left:-200px;
	top:30%;
	opacity:0;
	-webkit-opacity:0;
	transition-duration:600ms;
	-wekit-transition-duration:600ms;

	transition-delay:400ms;
	-webkit-transition-delay:400ms;
}
.wrap .section.sec03.style_01 .text a{
	padding-right:50px;
	background-image:url(/img/about-us/brand/pc/icon_window.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.wrap .section.sec03.style_01.active .text{
	opacity:1;
	-webkit-opacity:1;
}
.wrap .section.sec03.style_01 .text a{
	font-size:36px;
	border-bottom:solid 2px #333;
}
.wrap .section.sec03.style_01 .top{
	position:absolute;
	left:50%;
	margin-left:-40px;
	bottom:50px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	pointer-events:none;
	width:80px;
	text-align:center;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-moz-transition-delay:800ms;
	-ms-transition-delay:800ms;
	-o-transition-delay:800ms;

}
.wrap .section.sec03.style_01.active .top{
	opacity:1;
	-webkit-opacity:1;
	pointer-events:auto;
}
.wrap .section.sec03.style_01.active .top a{
	display:inline-block;
	height:50px;
}
.wrap .section.sec03.style_01.active .top a:after{
	content:"";
	position:absolute;

	width:20px;
	height:20px;
	border-top:solid 1px #333;
	border-left:solid 1px #333;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	left: 50%;
	margin-left: -15px;
	top: 30px;
}
.wrap .section.sec03.style_01 .copyright{
	position:absolute;
	bottom:40px;
	right:50px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	font-size:12px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec03.style_01.active .copyright{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}

/* sec04 ------------------ */

.wrap .section.sec04{
	z-index:100;
	background:none;
	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec04.active{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec04 .bg&gt;div{
	background: #f8f8f8;
	border-right: solid 1px #ccc;
	position:absolute;
	width:20%;
	height:0%;
	left:0px;
	top:0px;
	transition-duration:800ms;
	-webkit-transition-duration:800ms;
	-moz-transition-duration:800ms;
	-ms-transition-duration:800ms;
	-o-transition-duration:800ms;
}
.wrap .section.sec04.active .bg&gt;div{
	height:100%;
}
.wrap .section.sec04.active .bg&gt;div:nth-child(2):hover,
.wrap .section.sec04.active .bg&gt;div:nth-child(3):hover,
.wrap .section.sec04.active .bg&gt;div:nth-child(4):hover{
	background: #e0e0e0;
}
.wrap .section.sec04.active .bg&gt;div:nth-child(2) *,
.wrap .section.sec04.active .bg&gt;div:nth-child(3) *,
.wrap .section.sec04.active .bg&gt;div:nth-child(4) *{
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec04 .bg&gt;div a{
	position:absolute;
	left:0px;
	margin-top:-75px;
	height:150px;
	text-align:center;
	width:100%;
	top:50%;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

  pointer-events:none;
}
.wrap .section.sec04.active .bg&gt;div a{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
  pointer-events:all;
}
.wrap .section.sec04 .bg&gt;div a .title{
	font-size:14px;
	margin-bottom:30px;
}
.wrap .section.sec04 .bg&gt;div a h3{
	font-size: 26px;
	line-height:80px;
	height:80px;
	margin-bottom:40px;
	letter-spacing: 0.1px;
}
.wrap .section.sec04 .bg&gt;div:nth-child(2) a h3{
	line-height:40px;
}
.wrap .section.sec04 .bg&gt;div a .sign{
	border-radius:50%;
	width: 40px;
	height: 40px;
	margin:30px auto;
	border: solid 1px #555;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/img/about-us/brand/pc/arrow_black.png);
}
.wrap .section.sec04 .bg&gt;div:nth-child(1){
	left:0%;
	transition-delay:600ms;
	z-index:3;
}
.wrap .section.sec04 .bg&gt;div:nth-child(2){
	left:20%;
	transition-delay:450ms;
}
.wrap .section.sec04 .bg&gt;div:nth-child(3){
	left:40%;
	transition-delay:300ms;
}
.wrap .section.sec04 .bg&gt;div:nth-child(4){
	left:60%;
	transition-delay:150ms;
}
.wrap .section.sec04 .bg&gt;div:nth-child(5){
	left:80%;
}
.wrap .section.sec04 .text{
	position:absolute;
	left:50%;
	width:400px;
	text-align:center;
	margin-left:-200px;
	top:30%;
	opacity:0;
	-webkit-opacity:0;
	transition-duration:600ms;
	-wekit-transition-duration:600ms;

	transition-delay:400ms;
	-webkit-transition-delay:400ms;
}
.wrap .section.sec04 .text a{
	padding-right:50px;
	background-image:url(/img/about-us/brand/pc/icon_window.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.wrap .section.sec04.active .text{
	opacity:1;
	-webkit-opacity:1;
}
.wrap .section.sec04 .text a{
	font-size:36px;
	border-bottom:solid 2px #333;
}
.wrap .section.sec04 .top{
	position:absolute;
	left:50%;
	margin-left:-40px;
	bottom:50px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	pointer-events:none;
	width:80px;
	text-align:center;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-moz-transition-delay:800ms;
	-ms-transition-delay:800ms;
	-o-transition-delay:800ms;

}
.wrap .section.sec04.active .top{
	opacity:1;
	-webkit-opacity:1;
	pointer-events:auto;
}
.wrap .section.sec04.active .top a{
	display:inline-block;
	height:50px;
}
.wrap .section.sec04.active .top a:after{
	content:"";
	position:absolute;

	width:20px;
	height:20px;
	border-top:solid 1px #333;
	border-left:solid 1px #333;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	left: 50%;
	margin-left: -15px;
	top: 30px;
}
.wrap .section.sec04 .copyright{
	position:absolute;
	bottom:40px;
	right:50px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	font-size:12px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
}
.wrap .section.sec04.active .copyright{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}

/* side_menu ---------------- */

.side_menu{
	position:fixed;
	right:20px;
	top:50%;
	margin-top:-92px;
	z-index:104;
}
.side_menu a{
	display:block;
	margin:10px;
}
.side_menu a.active{
	color:#e80;
}

/* mouse_icon ---------------- */

.mouse_icon{
	position:fixed;
	bottom:20px;
	left:50%;
	margin-left:-20px;
	z-index:103;
}
.mouse_icon p{
	color:#555;
	width:40px;
	margin-bottom:5px;
	letter-spacing:0.5px;
	text-align:center;
}
.mouse_icon img{
	display:block;
	margin:0px auto;
	width:20px;
}
.mouse_icon .icon_normal{

}
.mouse_icon .icon_black{
	display:block !important;
}


@media screen and (max-height:800px){

	.wrap .section .part{
		margin-top: -250px;
		height:500px;
	}

	/* sec00 ----------------- */

	.wrap .section.sec00 .text p{
		font-size:24px;
	}
	.wrap .section.sec00 .text h2{
		font-size:50px;
	}
	.wrap .section.sec00 .text h2 span{
		font-size:80px;
	}
	.wrap .section.sec00 .part .bar{
		bottom:20px;
	}
	.wrap .section.sec00 .part .p1{
		bottom:-30px;
	}
	.wrap .section.sec00.active .part .allow{
		bottom:150px;
	}

	/* sec01 ----------------- */

	.wrap .section.sec01 .text p{
		font-size:24px;
	}
	.wrap .section.sec01 .text h2{
	}
	.wrap .section.sec01 .text h2 span{
		font-size: 80px;
	}
	.wrap .section.sec01 .part .bg{
		top: 145px;
	}
	.wrap .section.sec01 .part .point{
		top: 145px;
	}
	.wrap .section.sec01.active .part .img1{
		top:0px;
	}

	/* sec02 ----------------- */

	.wrap .section.sec02 .text p{
		font-size:24px;
	}
	.wrap .section.sec02 .text h2{
		font-size:50px;
	}
	.wrap .section.sec02 .text h2 span{
		font-size:80px;
	}
	.wrap .section.sec02 .part .img1{
		bottom:50px;
	}
}
</pre></body></html>