.wrap .section{
	position:fixed;
	width:100%;
	height:100%;
	background:#fff;
	left:0px;
	top:0px;
	overflow:hidden;
}

.next_btn{
	position:fixed;
	display:block;
	width:40px;
	height:40px;
	background:#3DA0BF;
	color:#fff;
	bottom:20px;
	text-align:center;
	line-height:40px;
	font-size:16px;
	z-index:1000;
	border-radius:50%;
	left:50%;
	margin-left:-20px;
	background-image:url(/img/about-us/brand/sp/arrow_write.png);
	background-size:60%;
	background-position:center;
	background-repeat:no-repeat;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.next_btn.active:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	border-radius:50%;
	box-shadow:0px 0px 4px 3px #3ac;
	animation:next_btn_hover 600ms;
}
@keyframes next_btn_hover{

	0%{
		width:40px;
		height:40px;
		left:0px;
		top:0px;
		opacity:1;
	}
	100%{
		width:240px;
		height:240px;
		left:-100px;
		top:-100px;
		opacity:0;
	}
}

.wrap .video_area{
	position: absolute;
	left: 0;
	top: 0px;
	min-width: 100%;
	width: auto;
	height: 50%;
	z-index: 1;
}

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

.wrap .section.sec00{
	z-index:200;
	background:none;
}
.wrap .section.sec00 .bg li{
	position:absolute;
	left:0px;
	top:0px;
	width:33.333333333333%;
	height:100%;
	background:#eee;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
	transition-delay:400ms;
	opacity:0;
}
.wrap .section.sec00.active .bg li{
	opacity:1;
}
.wrap .section.sec00.closed .bg li{
	opacity:0;
	left:0px !important;
}
.wrap .section.sec00.active .bg li:nth-child(2){
	left:33.333333333333%;
}
.wrap .section.sec00.active .bg li:nth-child(3){
	left:66.666666666666%;
}
.wrap .section.sec00 .text{
	position:absolute;
	left:0px;
	width:100%;
	top:50%;
	height:300px;
	margin-top:-150px;
	opacity:0;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
	transition-delay:0ms;
}
.wrap .section.sec00.active .text{
	opacity:1;
	transition-delay:400ms;
}
.wrap .section.sec00.closed .text{
	opacity:0;
}
.wrap .section.sec00 .h{
	position:relative;
	height: 42px;
	overflow:hidden;
	text-align:center;
}
.wrap .section.sec00 .h p{
	position:absolute;
	width:100%;
	top:100%;
	font-size:22px;
}
.wrap .section.sec00 .skip{
	position:fixed;
	left:50%;
	margin-left:-15px;
	bottom:30px;
	text-decoration:underline;
	z-index:1000;
}
.wrap .video_bg {
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 6;
}
/* sec01 ------------------- */

.wrap .section.sec01{
	z-index:101;
	background:none;
}
.wrap .section.sec01 .bg p{
	background: #fff;
	position: absolute;
	width:33.33333333%;
	height:100%;
	left:0px;
	top:0px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;
	transition-delay:400ms;

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

	overflow:hidden;
}
.wrap .section.sec01.active .bg p{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec01.closed .bg p{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	left:0px !important;
}
.wrap .section.sec01 .bg .movie{
	background: #fff;
	position:absolute;
	width:100%;
	height:100%;
	left:0%;
	top:0px;

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

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

	overflow:hidden;
}
.wrap .section.sec01.closed .bg .movie{

	left:-100%;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0:
}
.wrap .section.sec01 .bg .movie:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/img/about-us/brand/sp/v_filter.png);
}
.wrap .section.sec01:not(.closed) .bg p:nth-child(2){
	left:33.33333333%;
	transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-moz-transition-delay:300ms;
	-ms-transition-delay:300ms;
	-o-transition-delay:300ms;
}
.wrap .section.sec01:not(.closed) .bg p:nth-child(3){
	left:66.66666666%;
	transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-ms-transition-delay:200ms;
	-o-transition-delay:200ms;
}
.wrap .section.sec01:not(.closed) .bg p:nth-child(4){
	left:99.99999999%;
	transition-delay:100ms;
	-webkit-transition-delay:100ms;
	-moz-transition-delay:100ms;
	-ms-transition-delay:100ms;
	-o-transition-delay:100ms;
}
.wrap .section.sec01:not(.closed) .bg p:nth-child(5){
	left:133.333333%;
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
}
.wrap .section.sec01 .bg .movie video{
	position:absolute;
	height:100%;
}
.wrap .section.sec01 .text{
	position: absolute;
	color:#333;
	overflow: hidden;
	width: 90%;
	min-height: 360px;
	left:100%;
	top: 50%;
	z-index: 2;
	margin-top: -180px;
	transition-duration:1200ms;
	-webkit-transition-duration:1200ms;
	-moz-transition-duration:1200ms;
	-ms-transition-duration:1200ms;
	-o-transition-duration:1200ms;
}
.wrap .section.sec01.active .text{
	left:5%;
}
.wrap .section.sec01.closed .text{
	left:-100%;
}
.wrap .section.sec01 .text h2{
	font-size: 30px;
	text-shadow:0px 0px 8px #333;
	font-weight: bold;
	display:inline-block;
	position: relative;
	line-height: 1.4em;
	margin-bottom: 20px;
	color:#16A6C8;
}
.wrap .section.sec01 .text h3 {
	font-size: 24px;
	text-shadow:0px 0px 8px #333;
	line-height: 1.4em;
	margin-bottom: 20px;
	overflow: hidden;
	color:#fff;
}
.wrap .section.sec01 .text p {
	width: 100%;
	text-shadow:0px 0px 8px #333;
	color:#fff;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 16px;
}
/* sec02 ----------------------------- */

.wrap .section.sec02{
	z-index:18;
	background:#000;
	transition-duration: 600ms;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	-o-transition-duration: 600ms;

}
.wrap .section.sec02{
	background:#fff;
}
.wrap .section.sec02 .intaract_area .text{
	position:absolute;
	left:0%;
	top:20%;
	width: 90%;
	color:#fff;
	font-size:28px;
	letter-spacing:1px;
	text-shadow:0px 0px 3px #aaa;
	z-index:8;
	line-height: 1.5;
	font-weight:normal;
	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 .intaract_area.active .text{
	left: 5%;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec02 .intaract_area .bg1{
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:100%;
	background:#9a9a9a;
	z-index:7;

	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 .intaract_area .bg1 img{
	width:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.wrap .section.sec02 .intaract_area.active .bg1{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec02 .intaract_area .fukidashi{
	padding-top:10px;
	position:absolute;
	bottom:-100%;
	left:0px;
	z-index:8;
	width:100%;

	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 .intaract_area .fukidashi img{
	width:100%;
}
.wrap .section.sec02 .intaract_area.active .fukidashi{
	bottom:5px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec02 .intaract_area .intaract{
	position:absolute;
	z-index:7;
	height:auto;
	width:100%;
	background:rgba(255,255,255,0.8);
	padding:15px;
	overflow:hidden;
	zoom:1;

	bottom:-100%;

	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 .intaract_area.active .intaract{
	bottom:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec02 .intaract_area .intaract:after{
	content:"";
	display:block;
	clear:both;
}
.wrap .section.sec02 .intaract_area .intaract p{
	float:left;
	width:33.33333%;
	margin-bottom:20px;
	padding:5px;
}
.wrap .section.sec02 .intaract_area .intaract p span{
	padding-left:2px;
	font-size:12px;
	line-height:1.6em;
	height:3.2em;
	display:block;
}
.wrap .section.sec02 .intaract_area .intaract p:nth-child(even){
	border-left:dotted 2px #666;
}
.wrap .section.sec02 .intaract_area .intaract p:nth-child(even) span{
	color:#666;
}
.wrap .section.sec02 .intaract_area .intaract p:nth-child(odd){
	border-left:dotted 2px #10A0C3;
}
.wrap .section.sec02 .intaract_area .intaract p:nth-child(odd) span{
	color:#10A0C3;
}

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

.wrap .section.sec03{
	z-index:101;
	background:none;
}
.wrap .section.sec03 .bg p{
	background: #fff;
	position: absolute;
	width:33.33333333%;
	height:100%;
	left:100%;
	top:0px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

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

	transition-delay:400ms;
	overflow:hidden;
}
.wrap .section.sec03.active .bg p{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	left:0px;
}
.wrap .section.sec03.closed .bg p{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	left:0px !important;
}
.wrap .section.sec03 .bg .movie{
	background: #fff;
	position:absolute;
	width:100%;
	height:100%;
	left:100%;
	top:0px;

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

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

	overflow:hidden;
}
.wrap .section.sec03.active .bg .movie{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	left:0px;
}
.wrap .section.sec03.closed .bg .movie{

	left:-100%;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0:
}
.wrap .section.sec03 .bg .movie:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/img/about-us/brand/sp/v_filter.png);
}
.wrap .section.sec03.active .bg p:nth-child(2){
	left:33.33333333%;
	transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-moz-transition-delay:300ms;
	-ms-transition-delay:300ms;
	-o-transition-delay:300ms;
}
.wrap .section.sec03.active .bg p:nth-child(3){
	left:66.66666666%;
	transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-ms-transition-delay:200ms;
	-o-transition-delay:200ms;
}
.wrap .section.sec03.active .bg p:nth-child(4){
	left:99.99999999%;
	transition-delay:100ms;
	-webkit-transition-delay:100ms;
	-moz-transition-delay:100ms;
	-ms-transition-delay:100ms;
	-o-transition-delay:100ms;
}
.wrap .section.sec03.active .bg p:nth-child(5){
	left:133.333333%;
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
}
.wrap .section.sec03 .bg .movie video{
	position:absolute;
	height:100%;
}
.wrap .section.sec03 .text{
	color:#333;
	position: absolute;
	overflow: hidden;
	width: 90%;
	min-height: 360px;
	left:100%;
	top: 50%;
	z-index: 2;
	margin-top: -180px;
	transition-duration:1200ms;
	-webkit-transition-duration:1200ms;
	-moz-transition-duration:1200ms;
	-ms-transition-duration:1200ms;
	-o-transition-duration:1200ms;
}
.wrap .section.sec03.active .text{
	left:5%;
}
.wrap .section.sec03.closed .text{
	left:-100%;
}

.wrap .section.sec03 .text h2{
	font-size: 30px;
	font-weight: bold;
	display:inline-block;
	position: relative;
	line-height: 1.4em;
	margin-bottom: 20px;
	color:#16A6C8;
}
.wrap .section.sec03 .text h3 {
	font-size: 24px;
	text-shadow:0px 0px 8px #333;
	line-height: 1.4em;
	margin-bottom: 20px;
	overflow: hidden;
	color:#fff;
}
.wrap .section.sec03 .text p {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 16px;
	color:#fff;
	text-shadow:0px 0px 8px #333;
}

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


.wrap .section.sec04{
	z-index:17;
	background:#000;
	transition-duration: 600ms;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	-o-transition-duration: 600ms;
}
.wrap .section.sec04{
	background:#fff;
}
.wrap .section.sec03.closed+.sec04.active,
.wrap .section.sec04.closed{
	z-index:18;
}
.wrap .section.sec04 .intaract_area .text{
	position:absolute;
	left:0%;
	top:20%;
	width: 90%;
	color:#fff;
	font-size:24px;
	letter-spacing:1px;
	text-shadow:0px 0px 3px #aaa;
	z-index:8;
	line-height: 1.5;
	font-weight:normal;
	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:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec04 .intaract_area.active .text{
	left: 5%;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec04 .intaract_area .bg1{
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:100%;
	background:#9a9a9a;
	z-index:7;

	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.sec04 .intaract_area .bg1 img{
	width:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.wrap .section.sec04 .intaract_area.active .bg1{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec04 .intaract_area .fukidashi{
	padding-top:10px;
	position:absolute;
	bottom:-100%;
	left:0px;
	z-index:8;
	width:100%;

	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.sec04 .intaract_area .fukidashi img{
	width:100%;
}
.wrap .section.sec04 .intaract_area.active .fukidashi{
	bottom:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec04 .intaract_area .intaract{
	position:absolute;
	z-index:7;
	height:auto;
	width:100%;
	background:rgba(255,255,255,0.8);
	padding:15px;
	overflow:hidden;
	zoom:1;

	bottom:-100%;

	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.sec04 .intaract_area.active .intaract{
	bottom:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec04 .intaract_area .intaract:after{
	content:"";
	display:block;
	clear:both;
}
.wrap .section.sec04 .intaract_area .intaract p{
	float:left;
	width:33.33333%;
	margin-bottom:20px;
	padding:5px;
}
.wrap .section.sec04 .intaract_area .intaract p span{
	padding-left:2px;
	font-size:12px;
	line-height:1.6em;
	height:3.2em;
	display:block;
}
.wrap .section.sec04 .intaract_area .intaract p:nth-child(even){
	border-left:dotted 2px #666;
}
.wrap .section.sec04 .intaract_area .intaract p:nth-child(even) span{
	color:#666;
}
.wrap .section.sec04 .intaract_area .intaract p:nth-child(odd){
	border-left:dotted 2px #10A0C3;
}
.wrap .section.sec04 .intaract_area .intaract p:nth-child(odd) span{
	color:#10A0C3;
}



/* sec05 ------------------- */

.wrap .section.sec05{
	z-index:17;
	background:none;
	transition-delay: 1500ms;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
}
.wrap .section.sec04.closed+.sec05.active{
	z-index:101;
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec05 .bg p{
	background: #fff;
	position: absolute;
	width:33.33333333%;
	height:100%;
	left:100%;
	top:0px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

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

	transition-delay:400ms;

	overflow:hidden;

}
.wrap .section.sec05.active .bg p{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	left:0px;
}
.wrap .section.sec05.closed .bg p{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	left:0px !important;
}
.wrap .section.sec05 .bg p:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/img/about-us/brand/sp/v_filter.png);
}
.wrap .section.sec05 .bg .movie{
	background: #fff;
	position:absolute;
	width:100%;
	height:100%;
	left:100%;
	top:0px;

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

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

	overflow:hidden;
}
.wrap .section.sec05.active .bg .movie{

	left:0%;

	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1:
}
.wrap .section.sec05.closed .bg .movie{

	left:-100%;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0:
}
.wrap .section.sec05 .bg .movie:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/img/about-us/brand/sp/v_filter.png);
}

.wrap .section.sec05.active .bg p:nth-child(2){
	left:33.33333333%;
	transition-delay:300ms;
}
.wrap .section.sec05.active .bg p:nth-child(3){
	left:66.66666666%;
	transition-delay:200ms;
}
.wrap .section.sec05.active .bg p:nth-child(4){
	left:99.99999999%;
	transition-delay:100ms;
}
.wrap .section.sec05.active .bg p:nth-child(5){
	left:133.333333%;
	transition-delay:0ms;
}
.wrap .section.sec05 .bg .movie video{
	position:absolute;
	height:100%;
}
.wrap .section.sec05 .text{
	color:#333;
	position: absolute;
	overflow: hidden;
	width: 90%;
	min-height: 360px;
	left:100%;
	top: 50%;
	z-index: 2;
	margin-top: -180px;
	transition-duration:1200ms;
	-webkit-transition-duration:1200ms;
	-moz-transition-duration:1200ms;
	-ms-transition-duration:1200ms;
	-o-transition-duration:1200ms;
}
.wrap .section.sec05.active .text{
	left:5%;
}
.wrap .section.sec05.closed .text{
	left:-100%;
}

.wrap .section.sec05 .text h2{
	font-size: 30px;
	font-weight: bold;
	display:inline-block;
	position: relative;
	line-height: 1.4em;
	margin-bottom: 20px;
	color:#16A6C8;
}
.wrap .section.sec05 .text h3 {
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
	overflow: hidden;
	color:#fff;
	text-shadow:0px 0px 8px #333;
}
.wrap .section.sec05 .text p {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 16px;
	color:#fff;
	text-shadow:0px 0px 8px #333;
}

/* sec06 ------------------- */

.wrap .section.sec06{
	z-index:17;
	background:#000;
	transition-duration: 600ms;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	-o-transition-duration: 600ms;
}
.wrap .section.sec06{
	background:#fff;
}
.wrap .section.sec05.closed+.sec06.active,
.wrap .section.sec06.closed{
	z-index:18;
}
.wrap .section.sec06 .intaract_area .text{
	position:absolute;
	left:0%;
	top:20%;
	width: 90%;
	color:#fff;
	font-size:28px;
	letter-spacing:1px;
	text-shadow:0px 0px 3px #aaa;
	z-index:8;
	line-height: 1.5;
	font-weight:normal;
	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:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec06 .intaract_area.active .text{
	left: 5%;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec06 .intaract_area .bg1{
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:100%;
	background:#9a9a9a;
	z-index:7;

	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.sec06 .intaract_area .bg1 img{
	width:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.wrap .section.sec06 .intaract_area.active .bg1{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec06 .intaract_area .fukidashi{
	padding-top:10px;
	position:absolute;
	bottom:-100%;
	left:0px;
	z-index:8;
	width:100%;

	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.sec06 .intaract_area .fukidashi img{
	width:100%;
}
.wrap .section.sec06 .intaract_area.active .fukidashi{
	bottom:0px;

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

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec06 .intaract_area .intaract{
	position:absolute;
	z-index:7;
	height:auto;
	bottom:0px;
	width:100%;
	background:rgba(255,255,255,0.8);
	padding:15px;
	overflow:hidden;
	zoom:1;

	bottom:-100%;

	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.sec06 .intaract_area.active .intaract{
	bottom:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec06 .intaract_area .intaract:after{
	content:"";
	display:block;
	clear:both;
}
.wrap .section.sec06 .intaract_area .intaract p{
	float:left;
	width:33.33333%;
	margin-bottom:15px;
	padding:5px;
}
.wrap .section.sec06 .intaract_area .intaract p span{
	padding-left:2px;
	font-size:12px;
	line-height:1.6em;
	height:3.2em;
	display:block;
}
.wrap .section.sec06 .intaract_area .intaract p:nth-child(even){
	border-left:dotted 2px #666;
}
.wrap .section.sec06 .intaract_area .intaract p:nth-child(even) span{
	color:#666;
}
.wrap .section.sec06 .intaract_area .intaract p:nth-child(odd){
	border-left:dotted 2px #10A0C3;
}
.wrap .section.sec06 .intaract_area .intaract p:nth-child(odd) span{
	color:#10A0C3;
}

/* sec07 ------------------- */

.wrap .section.sec07{
	z-index:17;
	background:none;
	transition-delay: 1500ms;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
}
.wrap .section.sec06.closed+.sec07.active{
	z-index:101;
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec07 .bg p{
	background: #fff;
	position: absolute;
	width:33.33333333%;
	height:100%;
	left:100%;
	top:0px;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

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

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

	overflow:hidden;
}
.wrap .section.sec07.active .bg p{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	left:0px;
}
.wrap .section.sec07.closed .bg p{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	left:0px !important;
}
.wrap .section.sec07 .bg p:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/img/about-us/brand/sp/v_filter.png);
}
.wrap .section.sec07 .bg .movie{
	background: #fff;
	position:absolute;
	width:100%;
	height:100%;
	left:100%;
	top:0px;

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

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

	overflow:hidden;
}
.wrap .section.sec07.active .bg .movie{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	left:0px;
}
.wrap .section.sec07.closed .bg .movie{

	left:-100%;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0:
}
.wrap .section.sec07 .bg .movie:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/img/about-us/brand/sp/v_filter.png);
}
.wrap .section.sec07.active .bg p:nth-child(2){
	left:33.33333333%;
	transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-moz-transition-delay:300ms;
	-ms-transition-delay:300ms;
	-o-transition-delay:300ms;
}
.wrap .section.sec07.active .bg p:nth-child(3){
	left:66.66666666%;
	transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-ms-transition-delay:200ms;
	-o-transition-delay:200ms;
}
.wrap .section.sec07.active .bg p:nth-child(4){
	left:99.99999999%;
	transition-delay:100ms;
	-webkit-transition-delay:100ms;
	-moz-transition-delay:100ms;
	-ms-transition-delay:100ms;
	-o-transition-delay:100ms;
}
.wrap .section.sec07.active .bg p:nth-child(5){
	left:133.333333%;
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec07 .bg .movie video{
	position:absolute;
	height:100%;
}
.wrap .section.sec07 .text{
	color:#333;
	position: absolute;
	overflow: hidden;
	width: 90%;
	min-height: 360px;
	left:100%;
	top: 50%;
	z-index: 2;
	margin-top: -180px;
	transition-duration:1200ms;
	-webkit-transition-duration:1200ms;
	-moz-transition-duration:1200ms;
	-ms-transition-duration:1200ms;
	-o-transition-duration:1200ms;
}
.wrap .section.sec07.active .text{
	left:5%;
}
.wrap .section.sec07.closed .text{
	left:-100%;
}
.wrap .section.sec07 .text h2{
	font-size: 30px;
	font-weight: bold;
	display:inline-block;
	position: relative;
	line-height: 1.4em;
	margin-bottom: 20px;
	color:#16A6C8;
}
.wrap .section.sec07 .text h3 {
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
	overflow: hidden;
	color:#fff;
	text-shadow:0px 0px 8px #333;
}
.wrap .section.sec07 .text p {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 16px;
	color:#fff;
	text-shadow:0px 0px 8px #333;
}
.wrap .section.sec07 .bg p:nth-child(1) video{
	left:-250%;
}
.wrap .section.sec07 .bg p:nth-child(2) video{
	left:-350%;
}
.wrap .section.sec07 .bg p:nth-child(3) video{
	left:-450%;
}

/* sec08 ------------------- */

.wrap .section.sec08{
	z-index:17;
	background:#000;
	transition-duration: 600ms;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	-o-transition-duration: 600ms;
}
.wrap .section.sec08{
	background:#fff;
}
.wrap .section.sec07.closed+.sec08.active,
.wrap .section.sec08.closed{
	z-index:18;
}
.wrap .section.sec08 .intaract_area .text{
	position:absolute;
	left:0%;
	top:20%;
	width: 90%;
	color:#fff;
	font-size:28px;
	letter-spacing:1px;
	text-shadow:0px 0px 3px #aaa;
	z-index:8;
	line-height: 1.5;
	font-weight:normal;
	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:1000ms;
	-webkit-transition-delay:1000ms;
	-moz-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	-o-transition-delay:1000ms;
}
.wrap .section.sec08 .intaract_area.active .text{
	left: 5%;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec08 .intaract_area .bg1{
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:100%;
	background:#9a9a9a;
	z-index:7;

	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.sec08 .intaract_area .bg1 img{
	width:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.wrap .section.sec08 .intaract_area.active .bg1{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec08 .intaract_area .fukidashi{
	padding-top:10px;
	position:absolute;
	bottom:-100%;
	left:0px;
	z-index:8;
	width:100%;

	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.sec08 .intaract_area .fukidashi img{
	width:100%;
}
.wrap .section.sec08 .intaract_area.active .fukidashi{
	bottom:0px;

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

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

.wrap .section.sec08 .intaract_area .intaract{
	position:absolute;
	z-index:7;
	height:auto;
	bottom:0px;
	width:100%;
	background:rgba(255,255,255,0.8);
	padding:15px;
	overflow:hidden;
	zoom:1;

	bottom:-100%;

	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.sec08 .intaract_area.active .intaract{
	bottom:0px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	transition-delay:2000ms;
	-webkit-transition-delay:2000ms;
	-moz-transition-delay:2000ms;
	-ms-transition-delay:2000ms;
	-o-transition-delay:2000ms;
}
.wrap .section.sec08 .intaract_area .intaract:after{
	content:"";
	display:block;
	clear:both;
}
.wrap .section.sec08 .intaract_area .intaract p{
	float:left;
	width:33.33333%;
	margin-bottom:15px;
	padding:5px;
}
.wrap .section.sec06 .intaract_area .intaract p span{
	padding-left:2px;
	font-size:12px;
	line-height:1.6em;
	height:3.2em;
	display:block;
}
.wrap .section.sec08 .intaract_area .intaract p:nth-child(even){
	border-left:dotted 2px #666;
}
.wrap .section.sec08 .intaract_area .intaract p:nth-child(even) span{
	color:#666;
}
.wrap .section.sec08 .intaract_area .intaract p:nth-child(odd){
	border-left:dotted 2px #10A0C3;
}
.wrap .section.sec08 .intaract_area .intaract p:nth-child(odd) span{
	color:#10A0C3;
}

/* section sec09 ---------------- */

.wrap .section.sec09{
	z-index:18;
	background:none;
	transition-delay:1500ms;
	-webkit-transition-delay:1500ms;
	-moz-transition-delay:1500ms;
	-ms-transition-delay:1500ms;
	-o-transition-delay:1500ms;
}
.wrap .section.sec08.closed+.section.sec09{
	z-index:201;
}
.wrap .section.sec09.active{
	transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-ms-transition-delay:0ms;
	-o-transition-delay:0ms;
}
.wrap .section.sec09 .bg>div{
	background:#f8f8f8;
	border-right: solid 1px #ccc;
	position:absolute;
	width:33.33333333333333%;
	height:0%;
	left:0px;
	top:0px;
	transition-duration:800ms;
	-webkit-transition-duration:800ms;
}
.wrap .section.sec09.active .bg>div{
	height:100%;
}
.wrap .section.sec09 .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;

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

}
.wrap .section.sec09.active .bg>div a{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.wrap .section.sec09 .bg>div a .title{
	font-size:10px;
	line-height:50px;
	height:50px;
}
.wrap .section.sec09 .bg>div:nth-child(1) a .title{
	line-height:25px;
}
.wrap .section.sec09 .bg>div a h3{
	font-size:16px;
	line-height:25px;
	height:50px;
	margin-bottom:30px;
}
.wrap .section.sec09 .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/about-us/brand/sp/arrow_black.png);
}
.wrap .section.sec09 .bg>div:nth-child(1){
	left:0%;
	transition-delay:600ms;
}
.wrap .section.sec09 .bg>div:nth-child(2){
	left:33.333333333%;
	transition-delay:450ms;
}
.wrap .section.sec09 .bg>div:nth-child(3){
	left:66.666666666%;
	transition-delay:300ms;
}
.wrap .section.sec09 .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.sec09 .text a{
	padding-right:50px;
	background-image:url(/img/about-us/brand/sp/icon_window.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.wrap .section.sec09.active .text{
	opacity:1;
	-webkit-opacity:1;
}
.wrap .section.sec09 .text a{
	font-size:24px;
	border-bottom:solid 2px #333;
}
.wrap .section.sec09 .top{
	position:absolute;
	left:50%;
	margin-left:-40px;
	bottom:50px;
	opacity:0;
	-webkit-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.sec09.active .top{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;

	pointer-events:auto;
}
.wrap .section.sec09 .top a{
	display:inline-block;
	height:50px;
}
.wrap .section.sec09 .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;
}
.next_btn{
	left:auto;
	right:10px;
}