@charset "UTF-8";
:root{
	--timePassageArrow: 40px;
	--scaleColor: #777;
}
/*経年用矢印*/
.timePassage .imgwrap-inner:not(:last-of-type){
	position: relative;
}
.timePassage .imgwrap-inner:not(:last-of-type)::after{
	position: absolute;
	top: 0;
    right: calc(var(--timePassageArrow)/2 *-1);
    bottom: 0;
	margin: auto;
	display: block;
	width: var(--timePassageArrow);
	height: var(--timePassageArrow);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fd4e31' d='M4 15V9h8V4.16L19.84 12L12 19.84V15z'/%3E%3C/svg%3E") no-repeat center center / contain;
	content: "";
	z-index: 1;
}
/*拡大単位*/
.scale-wrap:has(>span){
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding-top: 10px;
}
.scale-wrap span{
	position: relative;
	display: block;
	margin-top: -0.3em;
	padding: 0 0.2em;
    color: var(--scaleColor);
    font-size: 12px;
    font-weight: 700;
}
.scale-wrap span::after{
	position: absolute;
	bottom: -0.3em;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	padding-top: 0.3em;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color:  var(--scaleColor);
	content: "";
}