@charset "utf-8";
/* h5 {
	margin-top: 20px;
	padding: 5px 0;
	font-size: var(--sw-text-size-l);
	font-weight: bold;
	border-bottom:solid 3px var(--sw-border-color-1);
} */

.inner {
	padding: var(--sw-inner-padding);
}

/* --------------------------------------------------
   チャート
-------------------------------------------------- */
.chartLegend li {
	/* flex: 0 0 11.5rem; */
}
/* @media screen and (max-width: 1000px) {
	.chartLegend li {
		flex: 1 0 11.5rem;
	}
} */
@media screen and (max-width: 450px) {
	.chartLegend li {
		flex: 1 0 100%;
	}
}
.chartLegend.custom-117 li:last-child {
	margin-top: 10px;
	flex-basis: 100%;
}

/* --------------------------------------------------
   表示期間
-------------------------------------------------- */
.graphTerm {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}
.graphTerm > li > label {
	display: flex;
	align-items: center;
	font-size: var(--sw-text-size-s);
	color: var(--sw-corporate-color);

	position: relative;
	/* display: block; */
	border: 1px solid var(--sw-corporate-color);
	border-radius: 20px;
	padding: 3px 20px;
	text-align: center;
}
.graphTerm > li > label input[type='radio'] {
	position: absolute;
	opacity: 0;
}
.graphTerm > li > label:has(input[type='radio']:checked) {
	background-color: var(--sw-corporate-color);
	color: var(--sw-text-color-0);
}

/* --------------------------------------------------
   その他
-------------------------------------------------- */
.notes {
	margin-top: 18px;
	font-size: var(--sw-text-size-ss);
	/* color:#2d2d2d; #333333に統一*/
}
a.disclaimer {
	display: block;
	margin-top: 15px;
	font-size: var(--sw-text-size-ss);
	/* color:#333333; デフォルトと同じ色*/
	text-decoration: underline;
}
.provid {
	text-align:right;
	margin-top: 5px;
	padding-top: 5px;
	font-size: var(--sw-text-size-ss);
	color: var(--sw-text-color-4);
	border-top: dotted 1px var(--sw-border-color-1);
}