#mainv {

	position: relative;
	margin: 0 0 30px;
}

#mainv div {
	margin: 0 auto;
	text-align: center;
}

#mainv div a {
	transition: .3s;
}

#mainv div a:hover {
	opacity: .7;
}

#mainv div img {
	max-width: 1380px;
	width: 100%;
	margin: 0 auto;
}


#top_banner {

	width: 100%;
	text-align: center;
	margin: 0 auto 30px;
}


#top_contents {
	background: #fafafa;
}

#top_contents .inner{
	max-width: 1100px;
	width: 94%;
	margin: 0 auto;
	padding: 60px 0;
}

#top_contents .inner ul{
	margin: 0 auto ;
	overflow: hidden;
	
}

#top_contents .inner ul li{
	width: 23%;
	float: left;
	margin-left:2%;
	line-height: 150%;
	font-size: .85rem;
	transition: .3s;

}


#top_contents .inner ul li a {
	transition: .3s;
	display: block;
}

#top_contents .inner ul li a:hover {
	opacity: .7;
}



#top_contents .inner ul li img{
	max-width: 100%;
	margin-bottom: 5px;
	width: auto;
}

#top_contents .inner ul li div{
	height: 3.5rem;
	display: table;
	font-size: 1.2rem;
	line-height: 140%;
	font-weight: bold;
	padding-bottom: 5px;
}

#top_contents .inner ul li div span{
	display: table-cell;
	vertical-align: middle;


}

#top_contents .inner ul li span.img {
	text-align: right;
	display: block;
	padding-top: 20px;
}

#top_contents .inner ul li span.img img{
	width: 78px;
	height: 14px;
}

#top_contents .inner li{
	margin-bottom: 4%;	
	
}

#top_contents .inner p{
	height: 3.5rem;
}


@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 980px) {

#mainv {
	position: relative;
	margin: 0 0 -2px;
}

#top_contents .inner{
	width: 100%;
	margin: 0 auto;
	padding: 30px 4%;
	box-sizing: border-box;
}

#mainv div img {
	width: 100%;
}

	
#top_banner {
	margin: 5% auto 5%;
}

#top_contents .inner ul{
	margin: 0 auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#top_contents .inner ul li{
	width: 47.5%;
	margin-left: 5%;
	margin-bottom: 30px;
}

#top_contents .inner ul li div img{
	width: 100%;
}

#top_contents .inner ul li a img{
	width: 100%;
}

#top_contents .inner ul li:nth-child(2n+1){
	margin-left: 0;
}

#top_contents .inner ul li div{
	height: auto;
	font-size: .9rem;
	padding-bottom: 5px;
}

#top_contents .inner ul li span.img {
	text-align: right;
}

	#top_contents .inner p{
	height: 100%;
}

	
}

@media only screen and (max-width: 752px) {
	

#top_banner img {
	width: 100%;
}


	
}

@media only screen and (max-width: 480px) {

}