@charset "UTF-8";






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


	header.content {
		background: url(../img/title.png) 50% 50% no-repeat;
	}
	
	
	
	main section figure {
		float: left;
		width: 270px;
	}
	main section article {
		float: right;
		width: 510px;
	}
	main section article nav {
		margin-top: 35px;
	}
	main section article nav a.more {
		width: 100%;
	}
	
	main section figure span {
		display: block;
	}
	main section figure span + span {
		margin-top: 50px;
	}
	main section figure img {
		width: 270px;
		height: auto;
	}
	
	
	
	


}





@media screen and (max-width: 899px) {


	header.content {
		background: url(../img/title_sp.png) 50% 50% no-repeat;
		background-size: 159px auto;
	}
	
	
	
	main section figure {
		text-align: center;
	}
	main section figure span {
		display: block;
	}
	main section figure span + span {
		margin-top: 35px;
	}
	main section figure .logo img {
		width: 210px;
		height: auto;
	}
	main section figure .scene img {
		width: 100%;
		height: auto;
	}
	
	main section article {
		margin: 20px 0 0;
	}
	main section article nav {
		margin-top: 30px;
	}
	main section article nav a.more {
		width: 100%;
	}
	
	
	
	

	
}