@charset "utf-8";
@media screen and (min-width: 1024px){
.header {
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/line-all.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 15px;
}
.header-top {
	float: left;
	height: auto;
	width: 100%;
}

.header-top-01 {
	float: left;
	height: auto;
	width: 30%;
	background-color: #8dc63f;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../images/bg-linet-top.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 11rem;
}
.header-top-01 img {
	height: auto;
	width: 5rem;
	margin-right: 5%;
	margin-left: 5%;
}
.header-top-02 {
	float: right;
	width: 60%;
	background-image: linear-gradient(to right, #FFF , #e1e1e1);
	padding-bottom: 37px;
}
.menu {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 50px;
}

.menu ul {
	float: left;
	width: 100%;
}
.menu ul li {
	float: left;
	list-style-type: none;
	margin-right: 3%;
	margin-left: 3%;
}
.menu ul li a {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #333;
	line-height: 120%;
	text-decoration: none;
}
.menu ul li a:hover {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #8dc63f;
	line-height: 120%;
	text-decoration: none;
}
.menu-m {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 50px;
	display: none;
}

.banner {
	float: left;
	height: auto;
	width: 100%;
}
.banner-m {
	float: left;
	height: auto;
	width: 100%;
	display: none;
}

.bg-banner {
	float: left;
	height: 6.5em;
	width: 100%;
	margin-top: -6%;
	position: relative;
	z-index: 9;
	background-image: url(../images/bg-banner.png);
	background-repeat: repeat-x;
	background-position: center top;
}
}