.path{    
	stroke:#222222;
	fill:transparent;
	stroke-width:0.02em;
	stroke-dasharray: 4000;
	stroke-dashoffset:4000;
	animation: DASH 7s ease-in 1s forwards;
	-webkit-animation:DASH 7s ease-in 1s forwards;
	-o-animation:DASH 7s ease-in 1s forwards;
	animation:DASH 7s ease-in 1s forwards;
}

@keyframes DASH{
	0%{stroke-dashoffset:4000;}
	50%{fill:transparent; fill:#222222;}
	60%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill:#222222;}
}
@-moz-keyframes DASH{
	0%{stroke-dashoffset:4000;}
	50%{fill:transparent; fill:#222222;}
	60%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill:#222222;}
}
@-webkit-keyframes DASH{
	0%{stroke-dashoffset:4000;}
	50%{fill:transparent; fill:#222222;}
	60%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill:#222222;}
}
@-o-keyframes DASH{
	0%{stroke-dashoffset:4000;}
	50%{fill:transparent; fill:#222222;}
	60%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill:#222222;}
}
@-ms-keyframes DASH{
	0%{stroke-dashoffset:4000;}
	50%{fill:transparent; fill:#222222;}
	60%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill:#222222;}
}




@media screen and (min-width: 769px) {


	main{
		display: table;
		width: 100%;
		height: 100vh;
	}
	.box{
		width: 50%;
		display: table-cell;
	}
	
	/*---------------------------------------
	 * Title
	---------------------------------------*/ 
	
	.title{
		width: 400px;
		margin: 0 0 10% 10%;
	}
	.title .read{
		margin-top: 40px;
		line-height: 2;
		font-size: 14px;
	}
	.tobira-left{
		vertical-align: bottom;
	}
	
	
		
		
		
	/*---------------------------------------
	 * Enter
	---------------------------------------*/ 
	
	.enter{
		display: table;
		width: 100%;
		height: 50vh;
		color: #FFFFFF;
		position: relative;
		padding: 60px 10%;
	}
	
	
	
	/* Extrapreview
	---------------------------------------*/ 
	
	.preview-enter{
		background: url(../img/arrow_right_white.svg) 90% 50% no-repeat #000000;
		background-size: 40px;
	}
	.preview-enter .logo-box{
		display: table-cell;
		width: 100%;
		vertical-align: top;
		position: relative;
	}
	.preview-enter .logo{
		width: 25%;
		min-width: 130px;
		height: auto;
		margin-bottom: 60px;	
	}
	.preview-enter .read{
		position: absolute;
		bottom:0;
		left:0;
	}
	
	
	
	
	/* Extramarket
	---------------------------------------*/ 
	
	.market-enter{
		background: url(../img/arrow_right_white.svg) 90% 50% no-repeat #e7465a;
		background-size: 40px;
	}
	.market-enter .logo-box{
		display: table-cell;
		width: 100%;
		vertical-align: top;
		position: relative;
	}
	.market-enter .logo{
		width: 30%;
		min-width: 170px;
		height: auto;
		margin-bottom: 120px;	
	}
	.market-enter .read{
		position: absolute;
		bottom:0;
		left:0;
	}



}

@media screen and (max-width: 768px) {
	
	.tobira-left{
		width: 100%;
		height: 45vh;
	}
	
	
	/*---------------------------------------
	 * Title
	---------------------------------------*/ 
	
	.title{
		width: 60%;
		height: auto;
		margin: 250px 0 5% 5%;
		vertical-align: bottom;
	}
	.title .read{
		margin-top: 20px;
		line-height: 2;
		font-size: 13px;
		text-align: justify;
	}
	
	
	/*---------------------------------------
	 * Enter
	---------------------------------------*/ 
	
	.enter{
		display: table;
		width: 100%;
		height: auto;
		color: #FFFFFF;
		position: relative;
		padding: 15px 5%;
	}
	
	
	
	/* Extrapreview
	---------------------------------------*/ 
	
	.preview-enter{
		background: url(../img/arrow_right_white.svg) 95% 50% no-repeat #000000;
		background-size: 20px;
	}
	.preview-enter .logo-box{
		
		width: 100%;
		vertical-align: top;
	}
	.preview-enter .logo{
		width: 27%;
		height: auto;
		margin-bottom: 20px;	
	}
	.preview-enter .read{
		line-height: 1.8;
		font-size: 12px;
	}
	
	
	
	
	/* Extramarket
	---------------------------------------*/ 
	
	.market-enter{
		background: url(../img/arrow_right_white.svg) 95% 50% no-repeat #e7465a;
		background-size: 20px;
	}
	.market-enter .logo-box{
		
		width: 100%;
		vertical-align: top;
		
	}
	.market-enter .logo{
		width: 32%;
		
		height: auto;
		margin-bottom: 35px;	
	}
	.market-enter .read{
		line-height: 1.8;
		font-size: 12px;
	}	

	
}