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

	.pc{
		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{
		text-align: center;
		font-size: 40px;
		margin-top: 100px;
	}
	
	/*	Profile*/
	
	#main_profile_name{
		display: flex;
		justify-content: space-between;
		width: 250px;
		margin-top: 30px;
		font-size: 18px;
		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: 160px;
		height: 160px;
		margin-top: 30px;
	}
	
	#main_profile_sentence{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 220px;
	}
	
	#main_profile_sentence p{
		display: block;
		text-align: left;
	}
	
	#main_profile_detail{
		margin-left: auto;
		margin-right: auto;
		width :300px;
	}
	
	.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: 300px;
		line-height: 2em;
	}
	
	/*	footer*/
	#footer_container{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 80px;
		margin-bottom: 30px;
	}
	
	#footer_container p{
		font-size: 10px;
	}
}