/* プログレスバーのようなもの */


div.bar {
	width: 100%;
	margin: 0.5rem;
	height: 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--line-color);
	position: relative;
}

div.bar > div {
	transform-origin: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--light-color);
	border-radius: 0.5rem;
	transform: scaleX(0);
	transition: transform 0.5s;
}


p.bar {
	text-align: center;
	margin: 0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
}