@charset 'UTF-8';

/* 円グラフ */
.grid-box-graph {
	max-width: 250px;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}
.grid-item-graph:nth-child(1),.grid-item-graph:nth-child(2) {
	grid-row: 1/2;
	grid-column: 1/2;
}
	/* グラフ表示のためのCSS */
.chart-area {/*円グラフがスマホでつぶれないようにする*/
	position: relative;
	z-index: -1;
	max-width: 250px;/* 幅はグラフの大きさに合わせて調整する */
	height: 230px;/* 高さはグラフの大きさに合わせて調整する */
}
/* /円グラフ */

h4 {font-size: clamp(1.5rem, 1.295rem + 1.03vw, 2rem);}
h4 span {
	font-size: 1.2em;
	background: linear-gradient(transparent 80%, yellow 20%);
}