@charset "UTF-8";
@media screen and (max-width:640px){
/* CSS Document */

	.sp{
		display: none;
	}
	
	.hidden{
	display:none;
	}
		
	html{
		scroll-behavior: smooth;
	}
	
	h1{
		font-size: 40px;
		margin-left: 30px;
		width: 100%;
		
	}
	
	h2{
		margin-left: 40px;
		margin-top:30px;
	}
	
	.works_pouup img{
		width: 20px;
		margin-top:35px;
		margin-left: 8px;
	}
	
	.works_title_container{
		justify-content: start;
		display: flex;
	}
	
	.works_title_container li {
		display: inline-block;
	}
	
	.works_container{
		font-size: 14px;
		margin-top: 50px;
		
	}
	
	.works_sentence{
		margin-left: auto;
		margin-right: auto;
		text-align: start;
		width: 300px;
		margin-top: 20px;
		line-height: 2em;
	}
	
	.works_period{
		margin-left: auto;
		margin-right: auto;
		text-align: start;
		width: 300px;
		margin-top: 10px;
	}
	
	.works_designcomp{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 50px;
	}
	
	.works_designcomp img{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 50px;
		width: 45%;
	}
	
	/*	footer*/
	#footer_container{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 80px;
		margin-bottom: 30px;
	}
	
	#footer_container p{
		font-size: 10px;
	}
	
}