@charset "utf-8";
/* CSS Document */

#top-title{
padding: 8% 0%;
}

.tit01{width:30%;
margin-bottom: 3%;}

.line{
	width:1%;
	float: right;}




.comp-pic{width:50%;
margin:0% auto;
padding: 5% 0%;}
	


#comp{background:#003d74;
color:#fff;
}


#comp2{background:url(../img/bg-logo.png) no-repeat;
background-size: 60% 20%;
background-position: bottom left;}

#comp3{background:url(../img/line.png) no-repeat;
background-size: 2% 100%;
background-position: right;}

.table01{border:solid 1px #fff;
width:90%;
margin:5% auto}
.table01 th,td{padding:2%;}



#wroks{padding:5% 0%;
background:#f0f0f0;}

.work-tit{width:25%;}

#wroks li{width:45%;
float:left;
padding: 2%;}


@media only screen and (min-width: 640px) {
	
.comp-pic{width:27%;
	float: left;
	margin:5% 0%;
	padding-right: 2%;}	
	
.table01{width:65%;
	float: left;
	}

	
	
	
.tit01{width:20%;
	float: left;}	
.tit02{width:70%;
	float: right;}	
	
	
.work-tit{width:15%;
	margin-top: 5%;}

#wroks li{width:29%;
float:left;
padding: 2%;}	
	
	
#comp2{background:url(../img/bg-logo.png) no-repeat;
background-size: 30% 20%;
background-position: bottom left;}	
	
	

}