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

	.sp{
		display: none;
	}
	
	.hidden{
		display:none;
	}
		
	html{
		scroll-behavior: smooth;
	}
	
	body{
		background-color: #fcfcfc;
		color: #302e19;
		animation-name:fadeInAnime;
		animation-duration:2s;
		animation-fill-mode:forwards;
		opacity:0;
	}

	@keyframes fadeInAnime{
	from {
		opacity: 0;
  }

	to {
		opacity: 1;
  }
}
	
	h1{
		margin-right: auto;
		margin-left: auto;
		font-size: 40px;
		margin-top: 100px;
		width: 650px;
	}
	
/*	Profile*/
	
	#main_profile_name{
		display: flex;
		justify-content: space-between;
		width: 300px;
		margin-top: 50px;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-family: Lato;
	}
	
	#main_profile_photo img{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 200px;
		height: 200px;
		margin-top: 30px;
	}
	
	#main_profile_sentence{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 200px;
	}
	
	#main_profile_detail{
		width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 70px;
	}
	
	.main_profile_title{
		margin-top: 70px;	
	}
	
	.profile_detail_year{
		margin-top: 22px;
	}
	
	.profile_detail_sentence{
		margin-top: 5px;
	}
	
	#profile_detail_message{
		margin-top :50px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 1000px;
		line-height: 2em;
	}
	
/*	footer*/
	#footer_container{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 100px;
		margin-bottom: 50px;
	}
	
	#footer_container p{
		font-size: 12px;
	}
}