.chartNumberBlock {
	position: relative;
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	padding-bottom: 50px;
}

.chartNumberBlock img {
	width: 100%;
	height: auto;
	display: block;
}


.chartNumber {
	position: absolute;
	font-weight: 700;
	color: #d43c00;
	font-size: 22px;
	line-height: 1;
}

/* ------- ここから数字ごとの位置調整 ------- */

.chartNumberTop1,
.chartNumberTop2,
.chartNumberTop3,
.chartNumberTop4,
.chartNumberTop5,
.chartNumberTop6 {
	font-size: 1.4em;
}

.chartNumberBottom1,
.chartNumberBottom2,
.chartNumberBottom3,
.chartNumberBottom4,
.chartNumberBottom5,
.chartNumberBottom6 {
	font-size: 1.1em;
}

.chartNumberNote1,
.chartNumberNote2,
.chartNumberNote3,
.chartNumberNote4,
.chartNumberNote5,
.chartNumberNote6 {
	font-size: 0.5em;
}

.chartNumberBottom1,
.chartNumberNote1,
.chartNumberBottom2,
.chartNumberNote2,
.chartNumberBottom4,
.chartNumberNote4,
.chartNumberBottom5,
.chartNumberNote5,
.chartNumberTop6,
.chartNumberBottom6,
.chartNumberNote6 {
	color: #F47A1F;
}

.chartNumberTop3,
.chartNumberBottom3,
.chartNumberNote3 {
	color: #3A505A;
}

.chartNumberTop1,
.chartNumberTop2,
.chartNumberTop4,
.chartNumberTop5,
.chartNumberTop6 {
	color: #fff;
}

.chartNumberTop1 {
	top: 47.4%;
	left: 10.6%;
}

.chartNumberBottom1 {
	left: 36.8%;
}

.chartNumberNote1 {
	left: 9.4%;
}

.chartNumberTop2 {
	top: 18.3%;
	left: 35.0%;
}

.chartNumberBottom2 {
	left: 10.4%;
}

.chartNumberNote2 {
	left: 36.4%;
}

.chartNumberTop3 {
	top: 3.5%;
	left: 70.2%;
}

.chartNumberBottom3 {
	left: 74.5%;
}

.chartNumberNote3 {
	right: 11.1%;
}

.chartNumberBottom1,
.chartNumberBottom2,
.chartNumberBottom3 {
	bottom: 10px;
}

.chartNumberNote1,
.chartNumberNote2,
.chartNumberNote3 {
	bottom: -15px;
}

.answer .chartNumberBlock {
	padding-bottom: 0;
}

.chartNumberTop4 {
	top: 63%;
	left: 15%;
}

.chartNumberBottom4 {
	left: 15%;
}

.chartNumberNote4 {
	left: 14%;
}

.chartNumberTop5 {
	top: 56%;
	left: 42%;
}

.chartNumberBottom5 {
	left: 42%;
}

.chartNumberNote5 {
	left: 41%;
}

.chartNumberTop6 {
	top: 43%;
	left: 67%;
}

.chartNumberBottom6 {
	left: 69%;
}

.chartNumberNote6 {
	left: 68%;
}

.chartNumberBottom4,
.chartNumberBottom5,
.chartNumberBottom6 {
	top: 77%;
}

.chartNumberNote4,
.chartNumberNote5,
.chartNumberNote6 {
	top: 81%;
}

.chartNumberNote7 {
	bottom: 11.5%;
	text-align: left;
}

.chartNumberNote8 {
	bottom: 9%;
}

.chartNumberDay {
	bottom: 6.5%;
}

.chartNumberNote7,
.chartNumberNote8,
.chartNumberDay {
	font-size: 20px;
	color: #777777;
	font-weight: normal;
	left: 10.8%;

}


@media (max-width: 768px) {

	.chartNumberBottom1,
	.chartNumberBottom2,
	.chartNumberBottom3 {
		bottom: 25px;
	}

	.chartNumberNote1,
	.chartNumberNote2,
	.chartNumberNote3 {
		bottom: 10px;
	}

	.chartNumberNote7,
	.chartNumberNote8,
	.chartNumberDay {
		font-size: 10px;
	}
}