@charset "utf-8";
.graph {
	position: relative;
	line-height: 1.5;
}
.graph:not(:first-child) {
	margin-top: 20px;
}
.graph .gr-wrap {
	border: 1px solid #ccc;
	padding: 10px 10px 8px 10px;
	margin: 2px 0 10px 0;
	background-color: #f6f6f6;
}
.gr-wrap .gr-legend {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
}
.gr-wrap .gr-legend > div {
	margin-left: 10px;
}
.gr-wrap .gr-legend .ttl-rt {
	position: absolute;
	top: 10px;
	left: 10px;
}
.lg-cl {
	display: inline-block;
	width: 15px;
	height: 15px;
}
.lg-tx {
	font-size: .6em;
	vertical-align: text-top;
}
.lg-cl.gr {
	background-color: #ccc;
}
.lg-cl.bl {
	background-color: #003f65;
}
.gr-cap {
	font-size: .6em;
	margin: 0;
}
.gr-cap.rt {
	position: absolute;
	top: 390px;
	right: 25px;
}