@charset "utf-8";

.header_wrap {
	margin-bottom: 30px;
}

.header_wrap h2 {
	float: left;
	line-height: 1;
}

.header_wrap ul {
	float: right;
	padding-top: 60px;
}

.header_wrap li {
	float: left;
	margin-right: 20px;
}

.header_wrap li.last {
	margin-right: 0;
}

.tabs {
	margin-bottom: 50px;
	padding-left: 20px;
	background: url(../img/bg_tab.gif) repeat-x;
}

.tabs li {
	width: 337px;
	float: left;
	margin-right: 7px;
}

.summary {
	margin-bottom: 50px;
}

.summary h3 {
	text-align: center;
	margin-bottom: 45px;
}

.summary p {
	margin-left: 20px;
}

.career {
	margin-left: 20px;
}

.subject {
	margin-bottom: 75px;
}

.graph {
	margin: 40px 0 34px;
}

.ttl002 span {
	vertical-align: super;
	font-size: 77%;
}

.size {
	width: 100%;
}

.size th {
	background: #EBF4FA;
	text-align: center;
	padding: 10px 0;
	width: 138px;
}

.size th.sum {
	background: #DDE7EE;
}

.size td {
	text-align: center;
	padding: 10px 0;
}

.size td.sum {
	background: #eee;
}

.company { width: 100%; }

.company th {
	width: 173px;
	vertical-align: middle;
	padding-left: 20px;
}

.company .ratio {
	width: 93px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

.company .name {
	padding: 10px;
	font-size: 92%;
}

.sub2017 th {
	background-color: #FEEAB4;
}

.sub2017 .ratio {
	background-color: #8E8673;
}

.sub01 th { background: #d8cbe0; }
.sub01 .ratio { background: #a484b7; }

.sub02 th { background: #d7e2c1; }
.sub02 .ratio { background: #a0bd6b; }

.sub03 th { background: #ced8eb; }
.sub03 .ratio { background: #8ba4d4; }

.sub04 th { background: #cadef1; }
.sub04 .ratio { background: #81b2e2; }

.sub05 th { background: #ccdfdf; }
.sub05 .ratio { background: #86b5b5; }

.sub06 th { background: #cfdd84; }
.sub06 .ratio { background: #8db04a; }

.sub07 th { background: #fcdc97; }
.sub07 .ratio { background: #fdae00; }

.sub08 th { background: #f1d6be; }
.sub08 .ratio { background: #e39f63; }

.sub09 th { background: #d7dfa7; }
.sub09 .ratio { background: #a1b628; }

.sub10 th { background: #f5ebd1; }
.sub10 .ratio { background: #edd393; }

.sub11 th { background: #d7cbcf; }
.sub11 .ratio { background: #ca848e; }

.sub12 th { background: #E1C3D9; }
.sub12 .ratio { background: #D097BC; }

.sub13 th { background: #E7C0DC; }
.sub13 .ratio { background: #D79CC7; }

.sub14 th { background: #C4DEDD; }
.sub14 .ratio { background: #81BBB9; }

.sub15 th { background: #F8E5B3; }
.sub15 .ratio { background: #C7AB47; }

.sub16 th { background: #D0CDCA; }
.sub16 .ratio { background: #908781; }

.sub17 th { background: #D1E7E4; }
.sub17 .ratio { background: #85C2DA; }

.sub18 th { background: #F8C5AC; }
.sub18 .ratio { background: #F5AE75; }

.sub19 th { background: #d2d5eb; }
.sub19 .ratio { background: #a4a2d0; }

.tab_cont { display: none; }

.actv { display: block; }

.category {
	color: #0081cc;
}

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

	.header_wrap { margin-bottom: 12px; }

	.header_wrap h2 {
		float: none;
	}

	.header_wrap ul {
		float: none;
		padding-top: 15px;
	}

	.header_wrap li {
		margin-right: 18px;
	}

	.tabs {
		margin: 0 -15px 25px;
		padding: 0 15px;
		background: url(../img/bg_tab.gif) repeat-x left bottom;
	}

	.tabs li {
		width: 144px;
		margin-right: 2px;
	}

	.tabs li.last {
		margin-right: 0;
	}

	.summary h3 {
		margin-bottom: 15px;
	}

	.career {
		margin-left: 0;
	}

	.subject {
		margin-bottom: 40px;
	}

	.ttl001 {
		font-size: 100%;
	}

	.toggle {
		background: url(../img_sp/icon_plus.gif) right 5px no-repeat;
		background-size: 17px 17px;
	}

	.toggle.on {
		background: url(../img_sp/icon_minus.gif) right 5px no-repeat;
		background-size: 17px 17px;
	}

	.ttl002 {
		font-size: 92%;
	}

	#course { display: none; }

	.company th {
		width: 66px;
		font-size: 92%;
	}

	.company .ratio {
		width: 45px;
	}

}

.va_middle{
	vertical-align: middle;
}