/* DIN Next Bold */
@font-face {
  font-family: 'DIN Next';
  src: url('/assets/fonts/DINNextLTPro-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans CJK JP */
/*
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/assets/fonts/NotoSansCJKjp-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('/assets/fonts/NotoSansCJKjp-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('/assets/fonts/NotoSansCJKjp-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
*/

.data-items__wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: min(4vw, 76px);
	padding: 0 min(5vw, 94px) min(5vw, 94px);
	font-family: 'Noto Sans JP';
}
.data-items__wrap article {
	padding-bottom: min(1vw, 18px);
}
.data-items__wrap article .stats {
	width: 100%;
	aspect-ratio: 1.2 / 1;
	background: no-repeat center top 80% / auto 75% #eff5f9;
	position: relative;
}
.data-items__wrap article .stats.stats-sales {
	background-image: url(/assets/img/company/data/stats-sales.png);
}
.data-items__wrap article .stats.stats-employees {
	background-image: url(/assets/img/company/data/stats-employees.png);
}
.data-items__wrap article .stats.stats-shareholders {
	background-image: url(/assets/img/company/data/stats-shareholders.png);
}
.data-items__wrap article .stats.stats-founded {
	background-image: url(/assets/img/company/data/stats-founded.png);
}
.data-items__wrap article .stats.stats-offices {
	background-image: url(/assets/img/company/data/stats-offices.png);
}
.data-items__wrap article .stats.stats-marketshare {
	background-image: url(/assets/img/company/data/stats-marketshare.png);
}
.data-items__wrap article .stats.stats-holidays {
	background-image: url(/assets/img/company/data/stats-holidays.png);
}
.data-items__wrap article .stats.stats-paidleave {
	background-image: url(/assets/img/company/data/stats-paidleave.png);
}
.data-items__wrap article .stats::before {
	content: attr(data-title);
	text-align: center;
	font-size: min(2.4vw, 46px);
	font-weight: 700;
	display: block;
	line-height: 1;
	padding: min(2vw, 38px) 0 0;
}
.data-items__wrap article .stats div {
	text-align: center;
	width: max-content;
	position: absolute;
	top: calc(50% + min(3vw, 58px));
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
}
.data-items__wrap article .stats div p {
	font-size: min(2.2vw, 40px);
	font-weight: 900;
}
.data-items__wrap article .stats div p span {
	font-size: min(9.6vw, 186px);
	font-family: 'DIN Next';
	display: inline-block;
}
.data-items__wrap article .stats.stats-sales p:nth-of-type(1) {}
.data-items__wrap article .stats.stats-sales p:nth-of-type(1) span {
	font-size: min(7.2vw, 136px);
}
.data-items__wrap article .stats.stats-sales p:nth-of-type(2) {
	font-size: min(1.6vw, 30px);
	margin-top: min(0.3vw, 5px);
}
.data-items__wrap article .stats.stats-sales p:nth-of-type(2) span {
	font-size: min(4.4vw, 82px);
}
.data-items__wrap article .stats.stats-sales p::before {
	content: attr(data-period);
	display: block;
	font-weight: 700;
	margin-bottom: min(0.5vw, 9px);
}
.data-items__wrap article .stats.stats-employees p::after {
	content: attr(data-period);
	display: block;
	text-align: right;
	font-size: min(1.3vw, 24px);
	margin-top: max(-1.4vw, -26px);
}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(1) {}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(1)::before {
	content: attr(data-holder);
	display: block;
}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(2) {}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(2)::before {
	content: attr(data-holder);
}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(2) span {
	font-size: min(3.6vw, 68px);
}
.data-items__wrap article .stats.stats-offices p {
	font-size: min(3.2vw, 62px);
}
.data-items__wrap article .stats.stats-offices p span {
	font-size: min(15.6vw, 308px);
}
.data-items__wrap article .stats.stats-marketshare p {
	font-size: min(3.2vw, 62px);
}
.data-items__wrap article .stats.stats-marketshare p span {
	font-size: min(11.6vw, 226px);
}
.data-items__wrap article .stats.stats-holidays p {
	font-size: min(3.2vw, 62px);
}
.data-items__wrap article .stats.stats-holidays p span {
	font-size: min(11.6vw, 226px);
}
.data-items__wrap article .stats.stats-paidleave p span:nth-of-type(1) {
	font-size: min(11.6vw, 226px);
}
.data-items__wrap article .stats.stats-paidleave p span:nth-of-type(2) {
	font-size: min(2vw, 38px);
	line-height: 1.3;
	text-align: left;
	width: 4em;
	text-indent: 0.3em;
}
.data-items__wrap article .stats.stats-paidleave p span:nth-of-type(2)::first-line {
	font-size: min(3vw, 56px);
}
.data-items__wrap article .stats +p {
	text-align: center;
	font-size: min(1.25vw, 22px);
	font-weight: 700;
	line-height: 2;
	margin-top: min(1.4vw, 26px);
}

.sec-data__action .action-item__wrap {
	background: #eff5f9;
	padding-bottom: min(3vw, 56px);
}
.sec-data__action .action-item__img {
	margin: min(1vw, 20px) auto 0;
}
.sec-data__action .action-item__ttl {
	padding: min(4vw, 80px) 0 0;
	margin: 0;
}
.sec-data__action .action-item__ttl::after {
	display: none;
}
.sec-data__action .action-item__txt-ttl {
	margin-top: min(1.2vw, 24px);
}
.sec-data__action .action-item__txt {}

@media screen and (max-width: 768px) {
.data-items__wrap {
	grid-template-columns: 1fr;
	gap: 9.6vw;
	padding: 0 6vw 14vw;
}
.data-items__wrap article {
	padding-bottom: 0;
}
.data-items__wrap article .stats {}
.data-items__wrap article .stats.stats-sales {}
.data-items__wrap article .stats.stats-employees {}
.data-items__wrap article .stats.stats-shareholders {}
.data-items__wrap article .stats.stats-founded {}
.data-items__wrap article .stats.stats-offices {}
.data-items__wrap article .stats.stats-marketshare {}
.data-items__wrap article .stats.stats-holidays {}
.data-items__wrap article .stats.stats-paidleave {}
.data-items__wrap article .stats::before {
	font-size: 4.6vw;
	padding: 4.6vw;
}
.data-items__wrap article .stats div {
	top: calc(50% + 4.5vw);
}
.data-items__wrap article .stats div p {
	font-size: 4.5vw;
}
.data-items__wrap article .stats div p span {
	font-size: 20vw;
}
.data-items__wrap article .stats.stats-sales p:nth-of-type(1) {}
.data-items__wrap article .stats.stats-sales p:nth-of-type(1) span {
	font-size: 17vw;
}
.data-items__wrap article .stats.stats-sales p:nth-of-type(2) {
	font-size: 3.4vw;
	margin-top: 0vw;
}
.data-items__wrap article .stats.stats-sales p:nth-of-type(2) span {
	font-size: 10vw;
}
.data-items__wrap article .stats.stats-sales p::before {
	margin-bottom: 1.4vw;
}
.data-items__wrap article .stats.stats-employees p::after {
	font-size: 2.8vw;
	margin-top: -2vw;
}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(1) {
	font-size: 6vw;
}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(1)::before {
	font-size: 4.4vw;
}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(2) {}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(2)::before {}
.data-items__wrap article .stats.stats-shareholders p:nth-of-type(2) span {
	font-size: 8vw;
}
.data-items__wrap article .stats.stats-offices p {
	font-size: 6.6vw;
}
.data-items__wrap article .stats.stats-offices p span {
	font-size: 31vw;
}
.data-items__wrap article .stats.stats-marketshare p {
	font-size: 7vw;
}
.data-items__wrap article .stats.stats-marketshare p span {
	font-size: 25vw;
}
.data-items__wrap article .stats.stats-holidays p {
	font-size: 7vw;
}
.data-items__wrap article .stats.stats-holidays p span {
	font-size: 26vw;
}
.data-items__wrap article .stats.stats-paidleave p span:nth-of-type(1) {
	font-size: 25vw;
}
.data-items__wrap article .stats.stats-paidleave p span:nth-of-type(2) {
	font-size: 4.3vw;
}
.data-items__wrap article .stats.stats-paidleave p span:nth-of-type(2)::first-line {
	font-size: 7.6vw;
}
.data-items__wrap article .stats +p {
	font-size: 2.9vw;
	margin-top: 4.4vw;
}
.sec-data__action .action-items {
	padding: 0 6vw;
}
.sec-data__action .action-item__wrap {
	padding-bottom: 6.4vw;
}
.sec-data__action .action-item__img {
	margin: 2vw auto 0;
	width: 64vw;
}
.sec-data__action .action-item__ttl {
	padding: 8.2vw 0 0;
}
.sec-data__action .action-item__ttl::after {}
.sec-data__action .action-item__txt-ttl {
	margin: 4vw 0 1vw;
}
.sec-data__action .action-item__txt {}
}