@charset "utf-8";

@media screen and (max-width:1200px){
	
	.portfolio-gallery { grid-template-columns: 1fr 1fr; }

}

@media screen and (max-width:1024px){
	
	.header-logo-wrap .logo-wrap { height: 400px; }
	.header-logo-wrap::before { height: 410px; }
	.header-logo-wrap .header-title span { font-size: 2.5rem; line-height: 3.5rem; }

	.portfolio-gallery { grid-template-columns: 1fr; }

}

@media screen and (max-width:940px){
	
	#container { grid-template-columns: 1fr; }
	#container .arealeft { display: none; }
	#container .areacontents { padding-left:30px; padding-right:30px; }

	.portfolio-gallery { grid-template-columns: 1fr 1fr; }


}

@media screen and (max-width:768px){
	
	.header-logo-wrap .logo-wrap { height: 300px; }
	.header-logo-wrap::before { height: 310px; }
	.header-logo-wrap .header-title { top: 150px; }
	.header-logo-wrap .header-title span { font-size: 2.5rem; line-height: 3.5rem; }
	.header-logo-wrap .header-title span.tit1 { text-align: left; margin-left: 30px; margin-right: 0px; }
	.header-logo-wrap .header-title span.tit2 { text-align: right; margin-left: 0px; margin-right: 30px; }

	.portfolio-gallery { grid-template-columns: 1fr; }

}

@media screen and (max-width:640px){
	
	.header-logo-wrap .header-title { top: 180px; }
	.header-logo-wrap .header-title span { font-size: 1.5rem; line-height: 2.5rem; }
	.header-logo-wrap .header-title span.tit1 { text-align: center; margin-left: -150px; }
	.header-logo-wrap .header-title span.tit2 { text-align: center; margin-left: 30px; }

}

@media screen and (max-width:450px){
	
	.header-logo-wrap .header-title span.tit1 { text-align: left; margin-left: 30px; }
	.header-logo-wrap .header-title span.tit2 { text-align: left; margin-left: 50px; }

}