@charset "utf-8";

div.company{
	width:calc(100% - 20px);
	max-width:1080px;
	margin:80px auto;
	box-sizing:border-box;
}

h1.company{
	height:auto;
	text-align:center;
	margin:0 auto 40px auto;
	font-size:2em;
	font-weight:bold;
	color:#006494;
	line-height: 1.5em;
}
	
	div.company > div{
		background-color:#f5fdff;
		padding:40px 60px;
		box-sizing:border-box;
	}
	
	div.company table{
		width:100%;
		border-collapse:collapse;
	}
	
		div.company table th,
		div.company table td{
			border:1px #ccc solid;
			padding:20px;
			box-sizing:border-box;
			background-color:#fff;
		}
		
		
		div.company table th{
			width:200px;
			font-weight:bold;
		}
		
		div.company table td{
		}
		
	

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:800px){
div.company{
	margin:40px auto;
}
}
@media screen and (max-width:700px){
	div.company > div{
		padding:20px;
	}
	
	div.company > div > table,
	div.company > div > table tbody,
	div.company > div > table tr,
	div.company > div > table th,
	div.company > div > table td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	
	div.company > div > table th{
		padding:10px;
	}
	
	div.company > div > table td{
		margin:0 0 30px 0;
		padding:10px;
	}
}

@media screen and (max-width:400px){
h1.company{
	margin:20px auto 40px auto;
	font-size:1.5em;
}

div.company{
	width:100%;
	padding:10px;
}

	div.company > div{
		padding:20px;
	}
}