
table.company {
	width: 100%;
	table-layout: fixed;
    margin: 0 auto;
	font-size:15px;
    border-collapse: separate;
    border-spacing: 0px 15px;
	height:auto;
}
 
table.company th.midasi , th.midasi2 {
	width:20%;
    text-align: center;
}

table.company th,
table.company td {
    padding: 10px;
}
 
table.company th.midasi {
    background: #0080c8;
    vertical-align: middle;

    color: #fff;
    font-weight: normal;
    font-size: 15px;
	white-space: nowrap;
}



table.company td {
	width:80%;
    padding-left: 35px;
	height:auto;
	text-align:left;
}

ul.list_a {
	width: 100%;
	clear: both;
}


ul.list_a li {
	width:28%;
	float: left;
	white-space: nowrap;
}

ul.list_a li:nth-child(3n-1) {
	margin:0 10% 0 2%;
}

ul.list_b {
	width: 100%;
	clear: both;
}


ul.list_b li {
	width:45%;
	float: left;
	white-space: nowrap;
}

ul.list_b li:nth-child(2n-1) {
	margin-right:8%;
}

@media only screen and (max-width: 480px) { 
	table.company { 
	margin: 0 -10px;
	}
	
	table.company tr {
		display:block;
		margin-bottom: 10px;
	}
	
	table.company th {
		display:block;
		width: 100% !important;
	}
	
	table.company td {
		display: inline-block;
		text-align:left;
		height: auto;
		padding-left:10px;
		box-sizing: border-box;
		width: 100%; 
	}
	
	table.company ul , table.company ul li {
		width:100%;
	}
	
	ul.list_b li {
	width:100%;
}
	
}

@media only screen and (max-width: 767px) {
	ul.list_a li {
	width:45%;
}

ul.list_a li:nth-child(2n-1) {
	margin-right:2%;
}

	ul.list_a li:nth-child(3n-1) {
	margin:0;
	}

}