@charset "utf-8";
@media screen and (max-width: 480px) {
.header {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 100%;
}
.logo-01 {
	float: left;
	height: auto;
	width: 60%;
	margin-left: 0%;
}
.logo-01 img {
	height: auto;
	width: 100%;
}

.logo-02 {
	float: left;
	height: auto;
	width: 30%;
	margin-left: 2%;
	padding-left: 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 1%;
}
.logo-02 img {
	height: auto;
	width: 100%;
}

.l {
	float: right;
	height: auto;
	width: 50%;
	text-align: right;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 0%;
	padding-bottom: 2%;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	position: relative;
	visibility: visible;
	z-index: 999;
	margin-right: 4%;
}
.l img {
	margin-left: 7%;
	height: auto;
	width: 15%;
}
.box-menu {
	background-color: #2F3B8A;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	position: relative;
	visibility: visible;
	z-index: 99;
	margin-top: -12%;
}
.banner {
	float: left;
	height: auto;
	width: 100%;
	display: none;
}
.banner-m {
	float: left;
	height: auto;
	width: 100%;
}
}