@media screen and (max-width:1024px){
	header{
		margin-bottom:120px !important;
	}
	
header > dl{
	background-color:#1766bb;
	padding:0;
	width:100%;
	flex-wrap:wrap;

}

/* footer */
footer section{
	padding:20px 0;
}
footer section div ul{
	margin:0 auto;
	position:relative;
	width:90%;
}
footer section div ul li{
	width:100%;
}
footer section div ul li.pc_only{
	display:none;
}
footer section div ul li:after{
	background-image:url(../images/footer_img.png);
	background-repeat:no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:100px;
	position:absolute;
	bottom:43px;
	right:30px;
	vertical-align:middle;
	width:100px;
}
footer section div ul li a{
	padding:25px 100px 25px 0;
}
footer dl{
	padding:20px 0;
}
footer dl dd{
	display:inline-block;
	width:23%;
}




}




@media screen and (max-width:800px){
/* footer */
footer > .foot > ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1100px;
}
footer > .foot > ul > li,
footer .foot > ul > li:last-child{
	float:none;
	min-width:unset;
	padding:20px 10px;
	width:33%;
}
footer > .foot > ul > li > ul > li a{
	font-size:13px;
	padding-left:2.5%;
}
footer .foot > ul > li ul li a:before{
	margin-right:5px;
}




}




@media screen and (max-width:700px){
/* header */
header > nav{
	width:100%;
}
header > nav > ul{
	display:block;
}
header > nav > ul > li{
	display:block;
	height:unset;
	position:unset;
}
header > nav > ul > li > ul{
	background-color:unset;
	box-shadow:none;
	display:none;
	padding:0;
	position:unset;
}
header > nav > ul > li > ul > li,
header > nav > ul > li:hover > ul > li,
header > nav > ul > li:hover > ul > li:nth-child(4n-3),
header > nav > ul > li:hover > ul.border-bottom-none > li{
	border:none;
	width:unset;
}
header > nav > ul > li > ul > li a{
	color:#333;
	font-size:15px;
	font-weight:bold;
	line-height:35px;
	padding:0 40px;
	text-align:left;
}
#smart_nav span{
	padding:0;
}



/* footer */
footer section div ul{
	display:block;
}
footer section{
	padding:20px 4%;
}
footer section div{
	font-size:15px;
}
footer section div ul{
	width:100%;
}
footer section div ul li{
	position:relative;
	width:100%;
}
footer section div ul li a{
	font-size:15px;
	padding:15px 0 15px 15px;
	text-align:left;
}
footer section div ul li:after{
	background-image:url(../images/footer_img.png);
	background-repeat:no-repeat;
	background-size:contain;
	content:'';
	display:inline-block;
	height:50px;
	position:absolute;
	bottom:34px;
	right:15px;
	vertical-align:middle;
	width:50px;
}
footer section div ul li.pc_only{
	display:none;
}
footer dl{
	padding:10px 0 0;
}
footer dl dd{
	margin-bottom:1%;
	width:23%;
}




}




@media screen and (max-width:480px){
/* footer */
footer dl{
	flex-wrap:wrap;
	margin:0;
}
footer dl dd{
	margin-bottom:2%;
	width:48%;
}
footer > .foot > ul > li,
footer .foot > ul > li:last-child{
	padding:20px 10px;
	width:100%;
}
footer .foot > ul > li ul li a{
	line-height:30px;
}


}