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;
}
header .barger{
	background:#c00;
}
.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;

	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/company/about-us/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;

	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:80px;
	line-height:1.6em;
	margin:0px;
}
.wrap .section.sec01 .text h2 span{
	margin-right:10px;
}
.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:1000ms;
	-webkit-transition-duration:1000ms;
	-moz-transition-duration:1000ms;
	-ms-transition-duration:1000ms;
	-o-transition-duration:1000ms;
}
.wrap .section.sec02.active{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.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;

	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 .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;
}
.wrap .section.sec02.active .part .bg{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02.closed .part .bg{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec02 .part .bar{
	position:absolute;
	left:160px;
	bottom:50px;
}
.wrap .section.sec02 .part .bar p{
	position:absolute;
	left:0px;
	bottom:0px;
	width:80px;
	height:0px;
	overflow:hidden;

	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:1200ms;
	-webkit-transition-delay:1200ms;
	-moz-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	-o-transition-delay:1200ms;
}
.wrap .section.sec02 .part .bar p img{
	width:100%;
	height:100%;
}
.wrap .section.sec02.active .part .bar p{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02.closed .part .bar 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.sec02 .part .bar p:nth-child(1){
	left:0px;
}
.wrap .section.sec02.active .part .bar p:nth-child(1){
	height:90px;
}
.wrap .section.sec02 .part .bar p:nth-child(2){
	left:120px;

	transition-delay:1300ms;
	-webkit-transition-delay:1300ms;
	-moz-transition-delay:1300ms;
	-ms-transition-delay:1300ms;
	-o-transition-delay:1300ms;
}
.wrap .section.sec02.active .part .bar p:nth-child(2){
	height:156px;
}
.wrap .section.sec02 .part .bar p:nth-child(3){
	left:240px;
	transition-delay:1400ms;
	-webkit-transition-delay:1400ms;
	-moz-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	-o-transition-delay:1400ms;
}
.wrap .section.sec02.active .part .bar p:nth-child(3){
	height:224px;
}
.wrap .section.sec02 .part .bar p:nth-child(4){
	left:360px;
	transition-delay:1600ms;
	-webkit-transition-delay:1600ms;
	-moz-transition-delay:1600ms;
	-ms-transition-delay:1600ms;
	-o-transition-delay:1600ms;
}
.wrap .section.sec02.active .part .bar p:nth-child(4){
	height:289px;
}
.wrap .section.sec02 .part .bar p:nth-child(5){
	left:480px;
	height:0px;
	width:80px;
	transition-duration:0ms;
	-webkit-transition-duration:0ms;
	-moz-transition-duration:0ms;
	-ms-transition-duration:0ms;
	-o-transition-duration:0ms;

}
.wrap .section.sec02.active .part .bar p:nth-child(5){
	animation:sec02_arrow_big 600ms;
	-webkit-animation:sec02_arrow_big 600ms;
	-moz-animation:sec02_arrow_big 600ms;
	-ms-animation:sec02_arrow_big 600ms;
	-o-animation:sec02_arrow_big 600ms;

	animation-delay:1800ms;
	-webkit-animation-delay:1800ms;
	-moz-animation-delay:1800ms;
	-ms-animation-delay:1800ms;
	-o-animation-delay:1800ms;

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

//	height:357px;
}
@keyframes sec02_arrow_big{
	0%{
		height:0px;
		width:80px;
	}
	50%{
		height:400px;
		width:130px;
		margin-left:-25px;
	}
	100%{
		height:357px;
		width:80px;
	}

}
.wrap .section.sec02 .part .img1{
	position:absolute;
	width:474px;
	height:384px;
	margin-left:-118.5px;
	margin-top:-96px;
	left:-100px;
	bottom:-40px;
	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.sec02 .part .img1 img{
	width:100%;
}
.wrap .section.sec02.active .part .img1{
	width:237px;
	height:192px;
	margin-left:0px;
	margin-top:0px;

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

/* 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:80px;
	line-height:1.6em;
	margin:0px;
}
.wrap .section.sec03 .text h2 span{
	margin-right:10px;
}
.wrap .section.sec03 .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.sec03.active .memo{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec03.closed .memo{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.wrap .section.sec03 .memo p{
	display:inline-block;
}
.wrap .section.sec03 .memo p:nth-child(1):before{
	content:"";
	display:inline-block;
	width:30px;
	height:20px;
	vertical-align:middle;
	background:#9ED2EA;
	margin-right:10px;
}
.wrap .section.sec03 .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.sec03 .bar{
	display:table;
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-250px;
	height:600px;
}
.wrap .section.sec03 .bar>div{
	display:table-cell;
	width:10%;
	vertical-align:bottom;
	text-align:center;
	position:relative;
}
.wrap .section.sec03 .bar>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.sec03.active .bar>div .txt{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec03.closed .bar>div .txt{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.wrap .section.sec03 .bar>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.sec03 .bar>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.sec03.closed .bar>div .m1,
.wrap .section.sec03.closed .bar>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03.active .bar:not(.primary)>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.sec03 .bar>div:nth-child(10) .m1:after,
.wrap .section.sec03 .bar>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.sec03.active .bar>div:nth-child(10) .m1:after,
.wrap .section.sec03.active .bar>div:nth-child(10) .m2:after{
	top:-100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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>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>div{
	height:100%;
}
.wrap .section.sec04.active .bg>div:nth-child(2):hover,
.wrap .section.sec04.active .bg>div:nth-child(3):hover,
.wrap .section.sec04.active .bg>div:nth-child(4):hover{
	background: #e0e0e0;
}
.wrap .section.sec04.active .bg>div:nth-child(2) *,
.wrap .section.sec04.active .bg>div:nth-child(3) *,
.wrap .section.sec04.active .bg>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>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>div a{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
  pointer-events:all;
}
.wrap .section.sec04 .bg>div a .title{
	font-size:14px;
	margin-bottom:30px;
}
.wrap .section.sec04 .bg>div a h3{
	font-size: 26px;
	line-height:80px;
	height:80px;
	margin-bottom:40px;
	letter-spacing: 0.1px;
}
.wrap .section.sec04 .bg>div:nth-child(2) a h3{
	line-height:40px;
}
.wrap .section.sec04 .bg>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/company/about-us/pc/arrow_black.png);
}
.wrap .section.sec04 .bg>div:nth-child(1){
	left:0%;
	transition-delay:600ms;
	z-index:3;
}
.wrap .section.sec04 .bg>div:nth-child(2){
	left:20%;
	transition-delay:450ms;
}
.wrap .section.sec04 .bg>div:nth-child(3){
	left:40%;
	transition-delay:300ms;
}
.wrap .section.sec04 .bg>div:nth-child(4){
	left:60%;
	transition-delay:150ms;
}
.wrap .section.sec04 .bg>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/company/about-us/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;
	}

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

	.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{
		font-size:50px;
	}
	.wrap .section.sec01 .text h2 span{
		font-size:80px;
	}
	.wrap .section.sec01 .part .bg{
		top:120px;
	}
	.wrap .section.sec01 .part .point{
		top:120px;
	}
	.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 .bg{
		top:120px;
	}
	.wrap .section.sec02 .part .bar{
		bottom:70px;
	}

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

	.wrap .section.sec03 .text p{
		font-size:24px;
	}
	.wrap .section.sec03 .text h2{
		font-size:50px;
	}
	.wrap .section.sec03 .text h2 span{
		font-size:80px;
	}
	.wrap .section.sec03 .part .img1{
		bottom:50px;
	}
}