/**
 *
 * page-numbers.scss
 *
 *
 */
.numbers-main {
	background-color: var(--color-bg12);
}

@media screen and (min-width: 1024px) {
	.numbers-main {
		padding-bottom: 16rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-main {
		padding-bottom: 12rem ;
	}
}

/* ------------------------------------------------------------
 numbers-hero
------------------------------------------------------------ */
.numbers-hero {
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.numbers-hero {
		padding: 20rem 0 16rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero {
		padding: 8rem 0 0 ;
	}
}

.numbers-hero__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.numbers-hero__inner {
		display: flex;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__inner {
		padding: 6rem 0 0 ;
	}
}

/* ----------------------------------------
 numbers-hero__contents
---------------------------------------- */
.numbers-hero__contents {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.numbers-hero__contents {
		width: 42.12963vw;
		height: 80rem ;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-hero__ja {
		width: 34.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__ja {
		width: 18rem ;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-hero__en {
		width: 34.4rem ;
		margin-top: 3.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__en {
		width: 20rem ;
		margin-top: 1rem ;
	}
}

.numbers_hero__txt {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.numbers_hero__txt {
		margin-top: 7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers_hero__txt {
		margin-top: 1.8rem ;
	}
}

/* ----------------------------------------
 numbers-hero__illust
---------------------------------------- */
.numbers-hero__illust {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust {
		--base-width: 1000;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 57.87037vw;
		padding-bottom: 3.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust {
		--base-width: 390;
		margin-top: 9.6rem ;
		margin-bottom: -3.2rem ;
	}
}

/* ---------- numbers-hero__illust__illust ---------- */
.numbers-hero__illust__illust {
	position: relative;
	z-index: 10;
	width: 100%;
}

.numbers-hero__illust__illust div:not(.-unique1) {
	position: absolute;
}

.numbers-hero__illust__illust div.-unique1 {
	position: relative;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust__illust div.-unique1 {
		max-width: 75.4rem ;
		width: 75.4%;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust__illust div.-unique1 {
		max-width: 39.13rem ;
		width: 77.17949%;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust__illust div.-unique1 img {
		-webkit-transform: translateX(0.9rem);
		transform: translateX(0.9rem);
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust__illust div.-unique1 img {
		-webkit-transform: translateX(-1.9rem);
		transform: translateX(-1.9rem);
	}
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust__illust div.-unique2 {
		--width: 285;
		--top: -193;
		--left: 157;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust__illust div.-unique2 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust__illust div.-unique3 {
		--width: 176;
		--top: -171;
		--right: 252;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust__illust div.-unique3 {
		--width: 93;
		--top: -88;
		--right: 93;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust__illust div.-unique4 {
		--width: 265;
		--top: 82;
		--left: -6;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust__illust div.-unique4 {
		--width: 141;
		--top: -70;
		--left: 18;
	}
}

/* ---------- numbers-hero__illust__num ---------- */
.numbers-hero__illust__num {
	font-family: var(--font-serif);
	font-weight: 400;
	line-height: var(--line-height-noraml);
	opacity: 0.05;
}

@media screen and (min-width: 1024px) {
	.numbers-hero__illust__num {
		font-size: var(--font-size160);
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__illust__num {
		display: none;
	}
}

.numbers-hero__illust__num.-unique1 {
	--top: -27;
	--left: -17;
}

.numbers-hero__illust__num.-unique2 {
	--top: 99;
	--right: 80;
}

.numbers-hero__illust__num.-unique3 {
	--left: -140;
	--bottom: 3;
}

.numbers-hero__illust__num.-unique4 {
	--right: 373;
	--bottom: -93;
}

/* ----------------------------------------
 numbers-hero__bg
---------------------------------------- */
.numbers-hero__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.numbers-hero__bg .-line-x,
.numbers-hero__bg .-line-y {
	position: absolute;
}

.numbers-hero__bg .-line-y {
	top: 0;
	width: 0;
	height: 100%;
	border-left: var(--solid5);
}

@media screen and (min-width: 1024px) {
	.numbers-hero__bg .-line-y:nth-of-type(1) {
		left: 15.50926%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(2) {
		left: 31.01852%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(3) {
		left: 46.52778%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(4) {
		left: 62.03704%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(5) {
		left: 77.5463%;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__bg .-line-y:nth-of-type(1) {
		left: 17.94872%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(2) {
		left: 35.89744%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(3) {
		left: 53.84615%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(4) {
		left: 71.79487%;
	}
	.numbers-hero__bg .-line-y:nth-of-type(5) {
		display: none;
	}
}

.numbers-hero__bg .-line-x {
	left: 0;
	height: 0;
	border-top: var(--solid5);
}

@media screen and (min-width: 1024px) {
	.numbers-hero__bg .-line-x {
		width: 93.05556vw;
	}
	.numbers-hero__bg .-line-x:nth-of-type(1) {
		top: 33.333%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(2) {
		top: 66.666%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(3), .numbers-hero__bg .-line-x:nth-of-type(4), .numbers-hero__bg .-line-x:nth-of-type(5), .numbers-hero__bg .-line-x:nth-of-type(6), .numbers-hero__bg .-line-x:nth-of-type(7), .numbers-hero__bg .-line-x:nth-of-type(8) {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-hero__bg .-line-x {
		width: 89.74359vw;
	}
	.numbers-hero__bg .-line-x:nth-of-type(1) {
		top: 10.9375%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(2) {
		top: 21.875%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(3) {
		top: 32.8125%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(4) {
		top: 43.75%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(5) {
		top: 54.6875%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(6) {
		top: 65.625%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(7) {
		top: 76.5625%;
	}
	.numbers-hero__bg .-line-x:nth-of-type(8) {
		top: 87.5%;
	}
}

/* ------------------------------------------------------------
 numbers-list
------------------------------------------------------------ */
@media screen and (max-width: 1023px) {
	.numbers-list {
		margin-top: 8rem ;
	}
}

.numbers-list__column {
	display: grid;
	gap: 1px;
	background-color: var(--color-line);
	padding-top: 1px;
	padding-bottom: 1px;
}

@media screen and (min-width: 1024px) {
	.numbers-list__column {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* ----------------------------------------
 numbers-list__item
---------------------------------------- */
.numbers-list__item {
	background-color: var(--color-bg12);
}

@media screen and (min-width: 1024px) {
	.numbers-list__item {
		height: 64rem ;
		padding: 7.4rem 0 0 ;
	}
	.numbers-list__item.-col-2 {
		grid-column: span 3;
	}
	.numbers-list__item.-col-3 {
		grid-column: span 2;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item {
		padding: 6rem 0 ;
	}
}

/* ---------- numbers-list__item__title ---------- */
.numbers-list__item__title {
	text-align: center;
}

/* ---------- numbers-list__item__figure ---------- */
.numbers-list__item__figure {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.numbers-list__item__figure {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		height: 22rem ;
	}
}

/* ---------- numbers-list__item__caption ---------- */
.numbers-list__item__caption {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.numbers-list__item__caption {
		margin-top: 6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item__caption {
		margin-top: 4rem ;
	}
}

/* ----- numbers-list__item__txt ----- */
.numbers-list__item__txt {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.numbers-list__item__txt span {
	display: block;
}

.numbers-list__item__txt__num,
.numbers-list__item__txt__num2 {
	font-family: var(--font-serif);
	margin-top: -0.18em;
	margin-bottom: -0.1em;
}

@media screen and (min-width: 1024px) {
	.numbers-list__item__txt__num {
		font-size: var(--font-size96);
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item__txt__num {
		font-size: var(--font-size64);
	}
}

.numbers-list__item__txt__num2 {
	font-size: var(--font-size64);
}

.numbers-list__item__txt__unit2 + .numbers-list__item__txt__num2 {
	margin-left: 1rem ;
}

.numbers-list__item__txt__unit,
.numbers-list__item__txt__unit2 {
	font-family: var(--font-mincho);
	margin-bottom: 0.1rem ;
}

@media screen and (min-width: 1024px) {
	.numbers-list__item__txt__unit {
		font-size: var(--font-size48);
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item__txt__unit {
		font-size: var(--font-size36);
	}
}

.numbers-list__item__txt__unit2 {
	font-size: var(--font-size36);
}

/* ----- numbers-list__item__small ----- */
.numbers-list__item__small {
	font-weight: 400;
	line-height: var(--line-height-noraml);
	margin-top: 1.5rem ;
}

@media screen and (min-width: 1024px) {
	.numbers-list__item__small {
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item__small {
		font-size: var(--font-size14);
	}
}

/* ----------------------------------------
 numbers-list__item--1
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--1 .numbers-list__item__figure {
		width: 21.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--1 .numbers-list__item__figure {
		width: 17.6rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--2
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--2 .numbers-list__item__figure {
		width: 49.4rem ;
		height: auto;
		margin-top: -0.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--2 .numbers-list__item__figure {
		width: 35rem ;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-list__item--2 .numbers-list__item__figure img {
		-webkit-transform: translateX(0.5rem);
		transform: translateX(0.5rem);
	}
}

/* ----------------------------------------
 numbers-list__item--3
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--3 .numbers-list__item__figure {
		width: 55rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--3 .numbers-list__item__figure {
		width: 35rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--4
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--4 .numbers-list__item__figure {
		width: 42.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--4 .numbers-list__item__figure {
		width: 26.4rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--5
---------------------------------------- */
.numbers-list__item--5 .numbers-list__item__figure {
	width: 20.9rem ;
}

/* ----------------------------------------
 numbers-list__item--6
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--6 .numbers-list__item__figure {
		width: 23.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--6 .numbers-list__item__figure {
		width: 23.7rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--7
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--7 .numbers-list__item__figure {
		width: 38.9rem ;
		height: auto;
		margin-top: -1.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--7 .numbers-list__item__figure {
		width: 24.8rem ;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-list__item--7 .numbers-list__item__figure img {
		-webkit-transform: translateX(1.1rem);
		transform: translateX(1.1rem);
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--7 .numbers-list__item__figure img {
		-webkit-transform: translateX(1rem);
		transform: translateX(1rem);
	}
}

/* ----------------------------------------
 numbers-list__item--8
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--8 .numbers-list__item__figure {
		width: 30.8rem ;
		height: auto;
		margin-top: -3.9rem ;
		margin-bottom: -2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--8 .numbers-list__item__figure {
		width: 30.8rem ;
		margin-top: -1rem ;
		margin-bottom: -1rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--9
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--9 .numbers-list__item__figure {
		width: 24rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--9 .numbers-list__item__figure {
		width: 21.7rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--10
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--10 .numbers-list__item__figure {
		width: 44.5rem ;
		height: auto;
		margin-top: -1rem ;
		margin-bottom: -1.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--10 .numbers-list__item__figure {
		width: 35rem ;
	}
}

@media screen and (min-width: 1024px) {
	.numbers-list__item--10 .numbers-list__item__figure img {
		-webkit-transform: translateX(-3.2rem);
		transform: translateX(-3.2rem);
	}
}

/* ----------------------------------------
 numbers-list__item--11
---------------------------------------- */
.numbers-list__item--11 .numbers-list__item__figure {
	width: 22.6rem ;
}

@media screen and (min-width: 1024px) {
	.numbers-list__item--11 .numbers-list__item__figure img {
		margin-bottom: -2.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--11 .numbers-list__item__figure {
		margin-top: -0.5rem ;
		margin-bottom: -2.2rem ;
	}
}

/* ----------------------------------------
 numbers-list__item--12
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.numbers-list__item--12 .numbers-list__item__figure {
		width: 32.9rem ;
		height: auto;
	}
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--12 .numbers-list__item__figure {
		width: 23.9rem ;
	}
}

.numbers-list__item--12 .numbers-list__item__figure img {
	-webkit-transform: translateX(0.5rem);
	transform: translateX(0.5rem);
}

/* ----------------------------------------
 numbers-list__item--13
---------------------------------------- */
.numbers-list__item--13 .numbers-list__item__figure {
	width: 18rem ;
}

@media screen and (max-width: 1023px) {
	.numbers-list__item--13 .numbers-list__item__figure {
		margin-top: -1.3rem ;
	}
}

.numbers-list__item--13 .numbers-list__item__figure img {
	-webkit-transform: translateX(-1rem);
	transform: translateX(-1rem);
}
/*# sourceMappingURL=sourcemaps/page-numbers.css.map */