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

	.sp{
		display: none;
	}
	
	.hidden{
	display:none;
	}
		
	html{
		scroll-behavior: smooth;
	}
	
	h1{
		font-size: 40px;
		margin-top: 100px;
		margin-left: 400px;
		width: 650px;
		
	}
	
	h2{
		margin-left: 450px;
		cursor: pointer;
	}
	
	.works_container{
		font-size: 16px;
		margin-top: 150px;
		animation-name:fadeInAnime;
		animation-duration:2s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	
	

	@keyframes fadeInAnime{
	from {
		opacity: 0;
  }

	to {
		opacity: 1;
  }
}
	
	.works_sentence_container{
		margin-top: 50px;
	}
	
	.works_title_container{
		justify-content: start;
		display: flex;
	}
	
	.works_title_container li {
		display: inline-block;
	}
	
	.works_pouup img{
		width: 20px;
		margin-top: 10px;
		margin-left: 8px;
	}
	
	.works_sentence{
		margin-left: auto;
		margin-right: auto;
		text-align: start;
		width: 800px;
		margin-top: 20px;
		line-height: 2em;
	}
	
	.works_period{
		margin-left: auto;
		margin-right: auto;
		text-align: start;
		width: 800px;
		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: 100px;
		margin-bottom: 50px;
	}
	
	#footer_container p{
		font-size: 12px;
	}
	
}