@media screen and (max-width: 1199px) {
	/*=======================================================
		common
	=======================================================*/
	section,#menu_area {
		width: 920px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 418px;
		background-size: 1468px;
	}

}

@media screen and (max-width: 979px) {
	/*=======================================================
		common
	=======================================================*/
	section,#menu_area {
		width: 620px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 290px;
		background-size: 1018px;
	}
	
	/*=======================================================
		menu_area
	=======================================================*/
	#menu_area {
		width: 680px;
		margin-top: 15px;
	}
	
	#menu_area ul li a {
		font-size: 17px;
	}
	
	/*=======================================================
		main_area
	=======================================================*/	
	#left_area {
		width: 100%;
	}
	
	/* right_area */
	#right_area {
		width: 100%;
	}
	
	#right_area ul li {
		text-align: center;
	}
	
	/* mes_section */
	.mes_section {
		padding-left: 0;
		padding-right: 0;
	}
	
	.msg_img_area {
		width: 130px;
		margin-right: 20px;
	}
	
	.msg_img_area img {
		width: 100%;
	}
		
	.msg_name_area {
		width: 440px;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 679px) {
	#btn_sns_area {
		right: 100px;
	}
	
	/*=======================================================
		common
	=======================================================*/
	section,#menu_area {
		width: 340px;
	}
	
	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 170px;
		background-size: 600px;
	}
	
	/*=======================================================
		main_area
	=======================================================*/	
	#menu_area {
		width: 400px;
		margin-top: 5px;
	}
	
	#menu_area ul li {
		width: 100% !important;
		margin: 5px 0;
		float: none;
	}
	
	#menu_area ul li a {
		padding: 2px 0;
	}
		
	/*=======================================================
		main_area
	=======================================================*/
	/* mes_section */	
	.msg_img_area {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.msg_img_area img {
		width: auto;
	}
			
	.msg_name_area {
		float: none;
		width: 100%;
		text-align: center;
	}
		
	.msg_name_area p {
		text-align: left;
	}
	
	.mes_section h2 {
		font-size: 16px;
	}
	
	.mes_section h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	/* team_section */
	.team_section h4 {
		width: 80%;
	}
	
	.team_section {
		margin-bottom: 20px;
	}
	
	.team_section ul li a {
		pointer-events: none;
	}
	
	/*=======================================================
		footer
	=======================================================*/
	#pagetop_area a {
		width: 50px;
		height: 50px;
		background-size: cover;
	}
	
	#pagetop_area a img {
		width: 100%;
	}
	
	#footer {
	}
	
	#footer p {
		line-height: 50px;
		font-size: 10px;
	}
}