@media screen and (max-width: 1199px) {
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 980px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 455px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area h2 {
		border-radius: 10px;
	}
	
	/*=======================================================
		comment_area
	=======================================================*/
	#comment_area h2 {
		border-radius: 10px;
	}
}

@media screen and (max-width: 979px) {
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 640px;
		margin: 0 auto 20px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 297px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area h2 {
		height: 60px;
		background-size: cover;
		margin-bottom: 20px;
	}
	
	/*=======================================================
		comment_area
	=======================================================*/
	#comment_area h2 {
		height: 60px;
		background-size: cover;
		margin-bottom: 20px;
	}
	
	/*=======================================================
		bnr_area
	=======================================================*/
	#bnr_area ul {
		width: 90%;
	}
}

@media screen and (max-width: 639px) {
	#btn_sns_area {
		right: 110px;
	}
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 400px;
	}
	
	.inner_white_box ul li {
		width: 80%;
		margin: 0 auto 5px;
		float: none;
	}
	
	.inner_white_box ul li a {
		pointer-events: none;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 186px;
	}
	
	/*=======================================================
		about_area
	=======================================================*/
	#about_area h2 {
		height: 45px;
	}
	
	/*=======================================================
		comment_area
	=======================================================*/
	#comment_area h2 {
		height: 45px;
	}
	
	#comment_area dl {
	}
	
	#comment_area dl dt {
		width: 100%;
		float: none;
	}
	
	#comment_area dl dt img {
	}
	
	#comment_area dl dd {
		width: 95%;
		float: none;
		margin-bottom: 25px;
	}
	
	#comment_area #comment_q_ttl dt {
		width: 19%;
		float: left;
		border-radius: 0px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	
	#comment_area #comment_q_ttl dd {
		width: 76%;
		float: left;
		border-radius: 0px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-bottom: 10px;
	}
			
	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 100px;
	}
	
	#footer p {
		line-height: 100px;
		font-size: 10px;
	}
	
	#pagetop_area {
		bottom: 0;
		right: 0;
	}
	
	#pagetop_area a {
		width: 80px;
		height: 80px;
		background-size: cover;
	}
	
	#pagetop_area a img {
		width: 100%;
	}
}

@media screen and (max-width: 399px) {
	#btn_sns_area {
		right: 100px;
	}
	
	/*=======================================================
		common
	=======================================================*/
	section {
		width: 320px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 149px;
	}
}