@charset "UTF-8";
/* CSS Document */


.mv-page__wp.two{
	width: auto;
	left:auto;
	right:10%;
	transform: translatex(0);
}
.mv-page__wp .story{
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	color:#fff;
}
	
.project-page .mv-page02{
	margin-top: 120px!important;
}
.project-page .main-cntnr{
	margin-top: 120px;
}
.project-page .main-cntnr h2{
	font-size: 3.6rem;
	line-height: 1.5;
	letter-spacing: 0.2rem;
	color:#0150a2;
	text-align: center;
	margin-bottom: 60px;
}
.project-page .main-cntnr .link-area{
	max-width: 800px;
	width: 100%;
	margin: 0 auto 120px;
}
	.project-page .main-cntnr .link-area a{
		display: block;
		position: relative;
		overflow:hidden;
	}
	.project-page .main-cntnr .link-area a img{
		transition: all .4s;
	}
	.project-page .main-cntnr .link-area a:hover img{
		transform: scale(1.06);
	}
	.project-page .main-cntnr .link-area li:nth-child(n+2){
		margin-top: 60px;
	}
		.project-page .main-cntnr .link-area a .bg{
			width: 100%;
			height: auto;
		}
		.project-page .main-cntnr .link-area a .txtarea{
			position: absolute;
			top:50%;
			left:6%;
			transform: translateY(-50%);
			z-index: 1;
		}
		.project-page .main-cntnr .link-area a .txtarea.right{
			left:auto;
			right:6%;
		}
			.project-page .main-cntnr .link-area a .txtarea .above{
				font-size: 1.8rem;
				font-weight: bold;
				color:#fff;
				margin-bottom: 16px;
			}
			.project-page .main-cntnr .link-area a .txtarea .cntnr span{
				display: inline-block;
				font-size: 2.8rem;
				font-weight: bold;
				line-height: 1.3;
				letter-spacing: 0.2rem;
				color:#fff;
				padding: 5px 6px;
			}
			.project-page .main-cntnr .link-area a .txtarea .cntnr span:last-child{
				margin-top: 10px;
			}











/* 1024px */
@media screen and (max-width: 1024px) {


	
	
	
	
	
	
	
}





/* max 768px */
@media screen and (max-width: 834px) {
	.project-page .mv-page02{
		margin-top: 60px!important;
	}	
.mv-page__wp {
    margin-top: -120px!important;
}
.mv-page__wp .story{
	font-size: 14px;
	margin-bottom: 15px;
}
.project-page .main-cntnr .link-area li:nth-child(n+2) {
    margin-top: 25px;
}
	.project-page .main-cntnr .link-area a .txtarea{
		top:auto;
		transform: translateY(0);
		left:6%!important;
		right:auto!important;
		bottom:25px;
	}	
	.project-page .main-cntnr .link-area a .txtarea .above{
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
.project-page .main-cntnr {
    margin-top: 40px;
}	
	.project-page .main-cntnr h2{
		font-size: 2.5rem;
		margin-bottom: 20px;
	}	
	.project-page .main-cntnr .link-area a .txtarea .cntnr span{
		font-size: 1.7rem;
		letter-spacing: 0.08rem;
	}
	.project-page .main-cntnr .link-area a .txtarea{
		left: 5%;
	}
	.project-page .main-cntnr .link-area{
		margin-bottom: 60px;
	}
	
	
	
	
	

}