@media only screen and (max-width: 1000px) {
nav ul {width: auto; overflow-x:auto; white-space:nowrap}
}

@media only screen and (max-width: 991px) {
.list-inner .box { width:48%}
video { width:50% !important; height:auto !important; padding:0; margin:0 !important}
}

@media only screen and (max-width: 767px) {
.top ul li span { display:none;}
.top ul li:last-of-type span { display: inline-block;}
.top ul li { padding:0 .5rem;}
.top .address { padding:0 1rem;}
.logo img { width:150px;}
.box { width:48%}
.box a .box-title { font-size:1.125rem;}
aside { width:100%; padding:0 2rem}
.list-inner { width:100%;}
aside ul { display:none}
aside select { display:block}
.box img {height:auto}
}

@media only screen and (max-width: 767px) {
.up-content { padding-bottom:1rem; }
.up-content img { width:100%; margin-right:0; margin-bottom:1rem; float:left; display:block;}
.bottom-content { width:100%; display:block; clear:both; float:left;}
.bottom-content video { float:left; width:100% !important}
.bottom-content form { width:100%; float:left; padding:0 0 1rem;}
}

@media only screen and (max-width: 500px) {
.list-inner .box { width:80%}
}

@media only screen and (max-width: 400px) {
	.box { width:80%}
}

@media only screen and (max-width: 370px) {
.top ul li { padding:0 .2rem;}
.logo img { width:120px;}
.top .address { font-size:1rem;}
.copyright a { display:block; text-align:center; clear:both; padding-top:1rem}
}