@charset "utf-8";
/* CSS Document */

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1600px or less */
@media screen and (max-width: 1600px) {
	
	.wrapper-resize {
		width:80%;
		height:auto;
		margin:0 auto;
	}

}
/* for 1366px or less */
@media screen and (max-width: 1366px) {
	.content-aria {
		margin-top:23%;
	}
}
/* for 1280px or less */
@media screen and (max-width: 1280px) {
	.content-aria {
		margin-top:19%;
	}
	.wrapper-resize {
		width:84%;
	}
}
/* for 1147px or less */
@media screen and (max-width: 1147px) {
	
	.header-bottom {
		height:120px;
	}
	.logo {
		padding:19px 0px 0px 10px;
		float: none;
		margin:0 auto;
		text-align:center;
	}
	nav {
		float:none;
		margin:10px auto;
	}
}
/* for 1024px or less */
@media screen and (max-width: 1024px) {
	.img-style02 {
		width:30%;
	}
}


/* for 861px or less */
@media screen and (max-width: 861px) {
	.header-shadow {
		display:none !important;
	}
	.nav > li > a {
		display: block;
		border-bottom: 1px solid #CCC;
	}
}
/* for 840px or less */
@media screen and (max-width: 840px) {
	nav {
		width:100% !important;
	}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.img-style02 {
		display:none;
	}
	.left-content {
		width:100%;
		margin-right:0%;
		float:left;
	}
	.right-content {
		width:100%;
		float:none;
	}
}
/* for 677px or less */
@media screen and (max-width: 677px) {
	footer p {
		line-height:30px;
		text-align:center;
	}
	.footer-left {
		float:none !important;
	}
	.footer-right  {
		float:none !important;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.wrapper-resize {
		width:90%;
		height:auto;
		margin:0 auto;
	}
	.img-style01 {
		float:left;
		margin:0px 20px 20px 0px;
		width:100%;
		height:auto;
	}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.header-top-right-content span {
		display:none;
	}
	.ph {
		display:none;
	}
}