#data {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #1c2c43;
	overflow: hidden;
	background: #f3f8fb;
	position: relative;
	line-height: 1.6;
}

#data * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#data a {
	transition: opacity 0.3s;
	text-decoration: none;
}
#data a[href^="tel:"] {
	display: inline-block;
	transition: none;
}
#data a:hover {
	text-decoration: none;
}
#data a:focus-visible {
	outline: none;
}

#data img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

#data .js-fadein {
	opacity: 0;
	transform: translate(0, 20px);
	transition: opacity 1s, transform 1s;
}
#data .scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}

#data .pc-br {
	display: none;
}
#data .sp-br {
	display: inline;
}

#data .inner {
	width: 100%;
	max-width: min(474px, 139.73vw);
	margin: 0 auto;
	padding: 0 min(12px, 3.2vw);
}

/* hero */
#data .sc-hero {
	background-color: #f4f4f5;
	padding-bottom: min(15px, 4vw);
}

#data .sc-hero .hero-inner {
	display: grid;
}

#data .sc-hero .content {
	padding-inline: min(20px, 5.33vw);
	margin-top: max(-20px, -5.33vw);
}

#data .sc-hero .title {
	display: grid;
}

#data .sc-hero .title .en {
	font-family: "Roboto Condensed", sans-serif;
	font-size: min(35px, 9.33vw);
	font-weight: 700;
	color: #316bb4;
	letter-spacing: min(1.7px, 0.45vw);
	line-height: 1;
	margin-bottom: min(0.5px, 0.13vw);
}

#data .sc-hero .title .ja {
	font-size: min(16px, 4.27vw);
	font-weight: 500;
	line-height: 1.8;
}

/* information */
#data .sc-information {
	position: relative;
	padding-top: min(39px, 10.4vw);
	padding-bottom: min(25px, 6.67vw);
}

#data .sc-information.benefits {
	padding-bottom: min(70px, 18.67vw);
}

#data .sc-information .gradient {
	position: absolute;
	display: block;
	top: min(15px, 4vw);
	left: 0;
	background: linear-gradient(90deg, #316bb4 0%, #429ec1 50%, #77dfea 100%);
	width: calc(100% - min(55px, 14.67vw));
	height: min(400px, 106.67vw);
}

#data .sc-information.reverse .gradient {
	left: auto;
	right: 0;
}

#data .sc-information .inner {
	position: relative;
	z-index: 2;
}

#data .sc-information .infor-title {
	text-align: center;
	color: #fff;
	margin-bottom: min(21px, 5.6vw);
}

#data .sc-information .infor-title .en {
	display: block;
	font-family: "adobe-handwriting-ernie", sans-serif;
	font-weight: 400;
	font-size: min(40px, 10.67vw);
	opacity: 0.2;
	line-height: 1;
	rotate: -10deg;
	margin-bottom: max(-29px, -7.73vw);
}

#data .sc-information .infor-title .ja {
	display: block;
	font-weight: 700;
	font-size: min(18px, 4.8vw);
	letter-spacing: min(1.8px, 0.48vw);
}

#data .sc-information .infor-content {
	display: grid;
	gap: min(6px, 1.6vw);
	padding-inline: min(27px, 7.2vw);
}

#data .sc-information .infor-content .col {
	display: grid;
	gap: min(6px, 1.6vw);
}

#data .sc-information .infor-content .box {
	background-color: #fff;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	padding-block: min(23px, 6.13vw);
}

#data .sc-information .infor-content .box .title {
	text-align: center;
	font-size: min(17px, 4.53vw);
	line-height: 1.4;
	letter-spacing: min(1px, 0.27vw);
	font-weight: 500;
	margin-bottom: min(3px, 0.8vw);
}

#data .sc-information .infor-content .box .title .sub {
	display: block;
	font-size: min(13px, 3.47vw);
	letter-spacing: 0;
}

#data .sc-information .note {
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	line-height: 1.6;
	text-align: right;
	padding-inline: min(27px, 7.2vw);
	margin-top: min(6px, 1.6vw);
}

/* worker */
#data .worker .box .chart {
	aspect-ratio: 1 / 1;
	margin-inline: auto;
	position: relative;
}

#data .worker .box .chart:has(#donut-chart) {
	width: min(125px, 33.33vw);
	left: max(-3px, -0.8vw);
}

#data .worker .box .chart canvas {
	width: 100% !important;
	height: 100% !important;
}

#data .worker .chart .chart-num {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: max-content;
	padding-bottom: min(3px, 0.8vw);

}

@-moz-document url-prefix() {
    #data .worker .chart .chart-num {
        line-height: 1;
    }
}

#data .worker .chart .chart-num .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	color: #1c2c43;
	margin-bottom: max(-2px, -0.53vw);
}

#data .worker .chart .chart-num .counter {
	font-family: futura-pt, sans-serif;
	font-size: min(35px, 9.33vw);
	font-weight: 600;
	color: #316bb4;
	line-height: 1;
	letter-spacing: max(-1px, -0.27vw);
}

#data .worker .chart .chart-num .unit {
	font-size: min(12px, 3.2vw);
	font-weight: 700;
	color: #316bb4;
	margin-left: max(-3px, -0.8vw);
}

#data .worker .box-1 .chart .person {
	position: absolute;
	display: block;
}

#data .worker .chart .person .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	color: #1c2c43;
	text-align: center;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
}

#data .worker .chart .person .num {
	text-align: center;
	color: #316bb4;
	margin-top: max(-5px, -1.33vw);
}

#data .worker .chart .person .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(20px, 5.33vw);
}

#data .worker .chart .person .num.large .counter {
	font-size: min(30px, 8vw);
}

#data .worker .chart .person .num .decimal {
	font-size: min(15px, 4vw);
}

#data .worker .chart .person .num.large .decimal {
	font-size: min(25px, 6.67vw);
}

#data .worker .chart .person .num .unit {
	font-weight: 700;
	font-size: min(12px, 3.2vw);
	margin-left: max(-3px, -0.8vw);
}

#data .worker .chart .person .img {
	margin-inline: auto;
}

#data .worker .infor-content .box-1 {
	padding-bottom: min(37px, 9.87vw);
}

#data .worker .box-1 .chart .woman {
	top: -2%;
	left: -35%;
}

#data .worker .box-1 .chart .woman .img {
	max-width: min(37px, 9.87vw);
}

#data .worker .box-1 .chart .man {
	bottom: -27.5%;
	right: -58%;
}

#data .worker .box-1 .chart .man .img {
	max-width: min(82px, 21.87vw);
	margin-top: max(-2px, -0.53vw);
}

#data .worker .box-1 .chart .man .num {
	margin-top: max(-8px, -2.13vw);
}

#data .worker .infor-content .box-2 {
	padding-bottom: min(19px, 5.07vw);
}

#data .worker .bar-chart {
	display: grid;
	gap: min(5px, 1.33vw);
	padding-top: min(17px, 4.53vw);
	padding-left: min(10px, 2.67vw);
	position: relative;
}

#data .worker .bar-chart .row {
	display: grid;
	grid-template-columns: min(56px, 14.93vw) 1fr;
	align-items: center;
	gap: min(5px, 1.33vw);
}

#data .worker .bar-chart .label {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-size: min(12px, 3.2vw);
	line-height: 1;
	white-space: nowrap;
	text-align: right;
}

#data .worker .bar-chart .label span {
	font-size: min(18px, 4.8vw);
}

#data .worker .bar-chart .bar {
	height: min(25px, 6.67vw);
	position: relative;
}

#data .worker .bar-chart .fill {
	height: 100%;
	width: 0;
	background: rgba(49, 107, 180, 0.1);
	position: relative;
}

#data .worker .bar-chart .fill.blue {
	background: linear-gradient(90deg, #217fb2, #01a7ae);
}

#data .worker .bar-chart .value {
	position: absolute;
	right: max(-48px, -12.8vw);
	top: 50%;
	transform: translateY(-50%);
	font-weight: 600;
	opacity: 0;
	min-width: min(60px, 16vw);
}

#data .worker .bar-chart .row:has(.blue) .value {
	color: #316bb4;
	right: max(-66px, -17.6vw);
}

#data .worker .bar-chart .value .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(20px, 5.33vw);
}

#data .worker .bar-chart .row:has(.blue) .value .counter {
	font-size: min(23px, 6.13vw);
}

#data .worker .bar-chart .value .decimal {
	font-size: min(15px, 4vw);
}

#data .worker .bar-chart .row:has(.blue) .value .decimal {
	font-size: min(17px, 4.53vw);
}

#data .worker .bar-chart .value .unit {
	font-size: min(12px, 3.2vw);
    font-weight: 700;
}

#data .worker .bar-chart .circle {
	position: absolute;
	right: min(7px, 1.87vw);
	top: max(-30px, -8vw);
}

/*  */
#data .worker .infor-content .box-3 {
	padding-bottom: min(26px, 6.93vw);
}

#data .worker .box-3 .group {
	display: grid;
	grid-template-columns: min(82px, 21.87vw) max-content min(82px, 21.87vw);
	justify-content: center;
	padding-top: min(26px, 6.93vw);
	gap: min(7px, 1.87vw);
}

#data .worker .box-3 .chart {
	width: min(100px, 26.67vw);
}

#data .worker .box-3 .person {
	text-align: center;
	margin-top: max(-3px, -0.8vw);
}

#data .worker .box-3 .person .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(5px, 1.33vw);
}

#data .worker .box-3 .person.man .text::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2235%22%20viewBox%3D%220%200%2027%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2227%22%20height%3D%2234%22%3E%3Cpath%20d%3D%22M2.208.91a2.73%202.73%200%200%201%202.646.182h.001q.037.022.077.054l8.34%206.523%208.341-6.523a1%201%200%200%201%20.076-.053%202.73%202.73%200%200%201%202.72-.145h.009l.09.049c.897.49%201.437%201.4%201.437%202.424v19.386c0%20.867-.413%201.692-1.107%202.212h-.001L13.85%2033.24l-.002-.002-.026.02c-.012.008-.037.025-.067.042l-.01.007-.01.006-.004.002-.017.01-.006.004h-.003v.002h-.002l-.025.012-.019.005-.006.003a1%201%200%200%201-.129.045l.001.001-.067.015h.001l-.009.002-.007.002v-.001a1%201%200%200%201-.17.017%201%201%200%200%201-.17-.017l-.015-.003-.016-.002v-.001l-.052-.012a1%201%200%200%201-.114-.04l-.021-.009-.08-.025-.035-.036-.022-.014-.023-.012-.029-.021-10.988-8.219A2.78%202.78%200%200%201%20.6%2022.808V3.421A2.73%202.73%200%200%201%202.038.997zm10.62%2032.413.006.003h.003v.002l-.012-.007-.011-.007zM3.368%202.575a.85.85%200%200%200-.407.106.83.83%200%200%200-.438.74v19.387c0%20.264.128.517.338.674v.001l9.449%207.067V9.356l-8.517-6.66a.83.83%200%200%200-.426-.12Z%22%20fill%3D%22%231c2c43%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M0%20.052h27v35H0z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%2216.233%22%20x2%3D%2227%22%20y2%3D%2216.233%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23217fb2%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2301a7ae%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: min(13px, 3.47vw);
	height: min(17px, 4.53vw);
}

#data .worker .box-3 .person.man .img {
	margin-inline: auto;
}

#data .worker .box-3 .person.man .img {
	max-width: min(49px, 13.07vw);
}

#data .worker .box-3 .person .num {
	color: #316bb4;
	padding-top: min(1px, 0.27vw);
	padding-left: min(3px, 0.8vw);
}

#data .worker .box-3 .person .num.large {
	padding-top: min(3px, 0.8vw);
	padding-left: min(8px, 2.13vw);
}

#data .worker .box-3 .person .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(20px, 5.33vw);
	line-height: 1;
}

#data .worker .box-3 .person .num.large .counter {
	font-size: min(30px, 8vw);
}

#data .worker .box-3 .person .num .decimal {
	font-size: min(15px, 4vw);
}

#data .worker .box-3 .person .num.large .decimal {
	font-size: min(25px, 6.67vw);
}

#data .worker .box-3 .person .num .unit {
	font-size: min(12px, 3.2vw);
	font-weight: 700;
}

/*  */
#data .worker .box-4 .group {
	display: grid;
	grid-template-columns: min(82px, 21.87vw) max-content min(82px, 21.87vw);
	justify-content: center;
	padding-top: min(14px, 3.73vw);
	gap: min(5px, 1.33vw);
}

#data .worker .box-4 .circle,
#data .worker .box-2 .circle {
	width: min(100px, 26.67vw);
	aspect-ratio: 1 / 1;
	border-radius: 99999px;
	background-color: #f3f8fb;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#data .worker .box-4 .circle .text,
#data .worker .box-2 .circle .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	margin-bottom: max(-6px, -1.6vw);
}

#data .worker .box-4 .circle .num,
#data .worker .box-2 .circle .num {
	color: #316bb4;
}

#data .worker .box-4 .circle .num .counter,
#data .worker .box-2 .circle .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(40px, 10.67vw);
	line-height: 1;
}

#data .worker .box-4 .circle .num .decimal,
#data .worker .box-2 .circle .num .decimal {
	font-size: min(30px, 8vw);
}

#data .worker .box-4 .circle .num .unit,
#data .worker .box-2 .circle .num .unit {
	font-weight: 700;
	font-size: min(12px, 3.2vw);
}

#data .worker .box-4 .person {
	text-align: center;
	padding-top: min(20px, 5.33vw);
}

#data .worker .box-4 .person .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
}

#data .worker .box-4 .person .num {
	color: #316bb4;
	margin-top: min(5px, 1.33vw);
	margin-left: min(3px, 0.8vw);
}

#data .worker .box-4 .person .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(20px, 5.33vw);
	line-height: 1;
}

#data .worker .box-4 .person .num .decimal {
	font-size: min(15px, 4vw);
}

#data .worker .box-4 .person .num .unit {
	font-weight: 700;
	font-size: min(12px, 3.2vw);
}

/* career */
#data .career .infor-content .box {
	padding-block: min(20px, 5.33vw);
}

#data .career .infor-content .box .title {
	margin-bottom: min(15px, 4vw);
}

#data .career .group {
	display: grid;
	gap: min(25px, 6.67vw);
}

#data .career .group .item {
	display: grid;
	grid-template-columns: max-content max-content;
	gap: min(10px, 2.67vw) min(15px, 4vw);
	justify-content: center;
	align-items: end;
}

#data .career .group .item .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	grid-column: 1 / -1;
	text-align: center;
	font-size: min(14px, 3.73vw);
	font-weight: 500;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(5px, 1.33vw);
}

#data .career .group .item:nth-child(2) .text {
	margin-bottom: max(-2px, -0.53vw);
}

#data .career .group .item:nth-child(2) .text::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2235%22%20viewBox%3D%220%200%2027%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2227%22%20height%3D%2234%22%3E%3Cpath%20d%3D%22M2.208.91a2.73%202.73%200%200%201%202.646.182h.001q.037.022.077.054l8.34%206.523%208.341-6.523a1%201%200%200%201%20.076-.053%202.73%202.73%200%200%201%202.72-.145h.009l.09.049c.897.49%201.437%201.4%201.437%202.424v19.386c0%20.867-.413%201.692-1.107%202.212h-.001L13.85%2033.24l-.002-.002-.026.02c-.012.008-.037.025-.067.042l-.01.007-.01.006-.004.002-.017.01-.006.004h-.003v.002h-.002l-.025.012-.019.005-.006.003a1%201%200%200%201-.129.045l.001.001-.067.015h.001l-.009.002-.007.002v-.001a1%201%200%200%201-.17.017%201%201%200%200%201-.17-.017l-.015-.003-.016-.002v-.001l-.052-.012a1%201%200%200%201-.114-.04l-.021-.009-.08-.025-.035-.036-.022-.014-.023-.012-.029-.021-10.988-8.219A2.78%202.78%200%200%201%20.6%2022.808V3.421A2.73%202.73%200%200%201%202.038.997zm10.62%2032.413.006.003h.003v.002l-.012-.007-.011-.007zM3.368%202.575a.85.85%200%200%200-.407.106.83.83%200%200%200-.438.74v19.387c0%20.264.128.517.338.674v.001l9.449%207.067V9.356l-8.517-6.66a.83.83%200%200%200-.426-.12Z%22%20fill%3D%22%231c2c43%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M0%20.052h27v35H0z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%2216.233%22%20x2%3D%2227%22%20y2%3D%2216.233%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23217fb2%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2301a7ae%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: min(14px, 3.73vw);
	height: min(20px, 5.33vw);
}

#data .career .group .item .img {
	max-width: min(96px, 25.6vw);
	margin-left: min(5px, 1.33vw);
}

#data .career .group .item .num {
	color: #316bb4;
	min-width: min(90px, 24vw);
}

#data .career .group .item .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(40px, 10.67vw);
	line-height: 1;
}

#data .career .group .item .num .counter .decimal {
	font-size: min(30px, 8vw);
}

#data .career .group .item .num .unit {
	font-weight: 700;
	font-size: min(12px, 3.2vw);
	margin-left: max(-2px, -0.53vw);
}

#data .career .desc {
	text-align: center;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(13px, 3.47vw);
	line-height: 1.4;
	margin-top: min(20px, 5.33vw);
}

/* benefits */
#data .benefits .infor-content .box {
	padding-block: min(20px, 5.33vw) min(11px, 2.93vw);
}

#data .benefits .infor-content .box .title {
	margin-bottom: min(12px, 3.2vw);
}

#data .benefits .col-top .box .img {
	max-width: min(100px, 26.67vw);
	margin-inline: auto;
	margin-bottom: min(4px, 1.07vw);
}

#data .benefits .col-top .box .group {
	display: grid;
	grid-template-columns: max-content max-content;
	justify-content: center;
	margin-top: max(-2px, -0.53vw);
	gap: min(14px, 3.2vw);
}

#data .benefits .col-top .box .num {
	text-align: center;
	color: #316bb4;
}

#data .benefits .col-top .box .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(40px, 10.67vw);
	line-height: 1;
	letter-spacing: min(1.4px, 0.37vw);
}

#data .benefits .col-top .box .group .num .counter {
	letter-spacing: max(-1px, -0.27vw);
}

#data .benefits .col-top .box .num .unit {
	font-weight: 700;
	font-size: min(12px, 3.2vw);
	/* margin-left: max(-6px, -1.6vw); */
	position: relative;
	top: max(-2px, -0.53vw);
}

#data .benefits .col-top .box .num .text {
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	color: #1c2c43;
	margin-bottom: max(-5px, -1.33vw);
	margin-left: max(-8px, -2.13vw);
}

#data .benefits .col-bottom .box {
	padding-block: min(26px, 6.93vw) min(12px, 3.2vw);
}

#data .benefits .infor-content .col-bottom .box .title {
	margin-bottom: min(14px, 3.73vw);
}

#data .benefits .col-bottom .box > .img {
	margin-inline: auto;
	max-width: min(72px, 19.2vw);
	margin-bottom: min(6px, 1.6vw);
}

#data .benefits .col-bottom .box .content {
	text-align: center;
}

#data .benefits .col-bottom .box .content .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	line-height: 1.8;
}

#data .benefits .col-bottom .box .content .text.text-sm {
	font-size: min(13px, 3.47vw);
}

#data .benefits .col-bottom .box .content .num {
	color: #316bb4;
	margin-top: max(-5px, -1.33vw);
	margin-bottom: min(7px, 1.87vw);
}

#data .benefits .col-bottom .box .content .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(40px, 10.67vw);
	line-height: 1;
}

#data .benefits .col-bottom .box .content .num .space {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(30px, 8vw);
	line-height: 1;
	letter-spacing: min(1.4px, 0.37vw);
}

#data .benefits .col-bottom .box .content .num .unit {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	font-size: min(12px, 3.2vw);
}

#data .benefits .col-bottom .box .group {
	display: grid;
	grid-template-columns: max-content max-content;
	justify-content: center;
	align-items: center;
	margin-top: max(-3px, -0.8vw);
	padding-bottom: min(10px, 2.67vw);
}

#data .benefits .col-bottom .box .group .img {
	max-width: min(76px, 20.27vw);
	position: relative;
	left: max(-15px, -4vw);
	top: min(3px, 0.8vw);
}

#data .benefits .col-bottom .box .group .text {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 500;
	font-size: min(14px, 3.73vw);
	margin-bottom: max(-5px, -1.33vw);
}

#data .benefits .col-bottom .box .group .num {
	color: #316bb4;
	padding-left: min(3px, 0.8vw);
}

#data .benefits .col-bottom .box .group .num .counter {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: min(40px, 10.67vw);
	line-height: 1;
}

#data .benefits .col-bottom .box .group .num .unit {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	font-size: min(13px, 3.47vw);
}

#data .benefits .col-bottom .box .group .num .num-unit {
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	font-size: min(17px, 4.53vw);
}

@media (min-width: 768px) {
	#data .inner {
		max-width: min(1248px, 86.67vw);
		padding: 0 min(24px, 1.67vw);
	}
	#data .sp-br {
		display: none;
	}
	#data .pc-br {
		display: inline;
	}

	/* hero */
	#data .sc-hero {
		padding-bottom: 0;
		margin-bottom: min(110px, 7.64vw);
	}

	#data .sc-hero .hero-inner {
		grid-template-columns: 37.5% 1fr;
		align-items: center;
	}

	#data .sc-hero .image {
		order: 2;
	}
	#data .sc-hero .content {
		order: 1;
		margin-top: 0;
		padding-top: min(28px, 1.94vw);
		padding-left: min(140px, 9.72vw);
	}

	#data .sc-hero .title .en {
		font-size: min(100px, 6.94vw);
		letter-spacing: min(5px, 0.35vw);
		margin-bottom: min(10px, 0.69vw);
	}

	#data .sc-hero .title .ja {
		font-size: min(26px, 1.81vw);
	}

	/* information */
	#data .sc-information {
		padding-top: min(128px, 8.89vw);
		padding-bottom: min(80px, 5.56vw);
	}

	#data .sc-information.benefits {
		padding-bottom: min(180px, 12.5vw);
	}

	#data .sc-information .gradient {
		top: min(30px, 2.08vw);
		width: calc(100% - (100% - min(640px, 44.44vw)) / 2);
		height: min(360px, 25vw);
	}

	#data .sc-information .infor-title {
		margin-bottom: min(31px, 2.15vw);
	}

	#data .sc-information .infor-title .en {
		font-size: min(80px, 5.56vw);
		line-height: 1.2;
		margin-bottom: max(-53px, -3.68vw);
	}

	#data .sc-information .infor-title .ja {
		font-size: min(36px, 2.5vw);
		letter-spacing: min(3.6px, 0.25vw);
	}

	#data .sc-information .infor-content {
		padding-inline: 0;
		gap: min(12px, 0.83vw);
	}

	#data .sc-information .infor-content .col {
		gap: min(12px, 0.83vw);
	}

	#data .sc-information .infor-content .col-pc-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	#data .sc-information .infor-content .col-pc-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	#data .sc-information .infor-content .box {
		padding-block: min(40px, 2.78vw);
	}

	#data .sc-information .infor-content .box .title {
		font-size: min(26px, 1.81vw);
		line-height: 1.8;
		letter-spacing: min(2.6px, 0.18vw);
		margin-bottom: min(28px, 1.94vw);
	}

	#data .sc-information .infor-content .box .title .sub {
		font-size: min(18px, 1.25vw);
		letter-spacing: 0;
		margin-top: max(-6px, -0.42vw);
	}

	#data .sc-information .note {
		font-size: min(18px, 1.25vw);
		line-height: 1.8;
		padding-inline: min(20px, 1.39vw);
		margin-top: min(12px, 0.83vw);
	}

	/* worker */
	#data .worker .box .chart:has(#donut-chart) {
		width: min(250px, 17.36vw);
		left: max(-5px, -0.35vw);
	}

	/* #data .worker .box .chart:has(#pie-chart) {
		width: min(200px, 13.89vw);
	} */

	#data .worker .chart .chart-num {
		padding-bottom: min(6px, 0.42vw);
		padding-right: min(4px, 0.28vw);
	}

	#data .worker .chart .chart-num .text {
		font-size: min(22px, 1.53vw);
		margin-bottom: min(6px, 0.42vw);
	}

	#data .worker .chart .chart-num .counter {
		font-size: min(70px, 4.86vw);
		letter-spacing: max(-2px, -0.14vw);
	}

	#data .worker .chart .chart-num .unit {
		font-size: min(24px, 1.67vw);
		margin-left: max(-3px, -0.8vw);
	}

	#data .worker .chart .person .text {
		font-size: min(22px, 1.53vw);
	}

	#data .worker .box-1 .chart .woman {
		top: -1%;
		left: -35%;
	}

	#data .worker .box-1 .chart .woman .img {
		max-width: min(74px, 5.14vw);
	}

	#data .worker .chart .person .num {
		margin-top: max(-12px, -0.83vw);
	}

	#data .worker .chart .person .num .counter {
		font-size: min(40px, 2.78vw);
	}

	#data .worker .chart .person .num .decimal {
		font-size: min(30px, 2.08vw);
	}

	#data .worker .chart .person .num .unit {
		font-size: min(24px, 1.67vw);
		margin-left: max(-3px, -0.21vw);
	}

	#data .worker .chart .person .num.large .counter {
		font-size: min(60px, 4.17vw);
	}

	#data .worker .chart .person .num.large .decimal {
		font-size: min(50px, 3.47vw);
	}

	#data .worker .chart .person .num.large .unit {
		margin-left: 0;
	}

	/* #data .worker .infor-content .box-1 {
		padding-bottom: min(69px, 4.79vw);
	} */

	#data .worker .box-1 .chart .man {
		bottom: -27.5%;
		right: -58%;
	}

	#data .worker .box-1 .chart .man .img {
		max-width: min(164px, 11.39vw);
		margin-top: min(5px, 0.35vw);
	}

	#data .worker .box-1 .chart .man .num {
		margin-top: max(-17px, -1.18vw);
	}

	/*  */
	#data .worker .infor-content .box-2 {
		padding-bottom: min(30px, 2.08vw);
	}
	#data .worker .bar-chart {
		gap: min(10px, 0.69vw);
		padding-top: min(27px, 1.88vw);
		padding-left: min(26px, 1.81vw);
		position: relative;
	}

	#data .worker .bar-chart .row {
		grid-template-columns: min(90px, 6.25vw) 1fr;
		gap: min(8px, 0.56vw);
	}

	#data .worker .bar-chart .label {
		font-size: min(16px, 1.11vw);
	}

	#data .worker .bar-chart .label span {
		font-size: min(36px, 2.5vw);
		letter-spacing: max(-1px, -0.07vw);
	}

	#data .worker .bar-chart .bar {
		height: min(50px, 3.47vw);
		margin-right: min(15px, 1.04vw);
	}

	#data .worker .bar-chart .value {
		right: max(-95px, -6.6vw);
		min-width: min(120px, 8.33vw);
	}

	#data .worker .bar-chart .value .counter {
		font-size: min(40px, 2.78vw);
	}

	#data .worker .bar-chart .value .decimal {
		font-size: min(30px, 2.08vw);
	}

	#data .worker .bar-chart .value .unit {
		font-size: min(24px, 1.67vw);
	}

	#data .worker .bar-chart .row:has(.blue) .value .counter {
		font-size: min(44px, 3.06vw);
	}

	#data .worker .bar-chart .row:has(.blue) .value .decimal {
		font-size: min(36px, 2.5vw);
	}

	#data .worker .bar-chart .row:has(.blue) .value {
		right: max(-131px, -9.1vw);
	}

	#data .worker .bar-chart .circle {
		position: absolute;
		right: min(12px, 0.83vw);
		top: max(-55px, -3.82vw);
	}

	/*  */
	#data .worker .box-3 .group {
		grid-template-columns: min(164px, 11.39vw) max-content min(164px, 11.39vw);
		padding-top: min(4px, 0.28vw);
		gap: 0;
	}

	#data .worker .box-3 .chart {
		width: min(200px, 13.89vw);
	}

	#data .worker .box-3 .person .text {
		font-size: min(22px, 1.53vw);
		gap: min(10px, 0.69vw);
	}

	#data .worker .box-3 .person.woman {
		padding-top: min(60px, 4.17vw);
	}

	#data .worker .box-3 .person.woman .text {
		margin-bottom: min(4px, 0.28vw);
	}

	#data .worker .box-3 .person.man .text {
		margin-bottom: min(2px, 0.14vw);
	}

	#data .worker .box-3 .person.man .text::before {
		width: min(25px, 1.74vw);
		height: min(34px, 2.36vw);
		position: relative;
		top: min(3px, 0.21vw);
	}

	#data .worker .box-3 .person.man .img {
		max-width: min(98px, 6.81vw);
	}

	#data .worker .box-3 .person .num {
		color: #316bb4;
		padding-top: min(1px, 0.07vw);
		padding-left: min(3px, 0.21vw);
	}

	#data .worker .box-3 .person .num .counter {
		font-size: min(40px, 2.78vw);
	}

	#data .worker .box-3 .person .num .decimal {
		font-size: min(30px, 2.08vw);
	}

	#data .worker .box-3 .person .num .unit {
		font-size: min(24px, 1.67vw);
	}

	#data .worker .box-3 .person .num.large {
		padding-top: 0px;
		padding-left: min(10px, 0.69vw);
	}

	#data .worker .box-3 .person .num.large .counter {
		font-size: min(60px, 4.17vw);
	}

	#data .worker .box-3 .person .num.large .decimal {
		font-size: min(50px, 3.47vw);
	}

	/*  */
	#data .worker .box-4 .group {
		grid-template-columns: min(164px, 11.39vw) max-content min(164px, 11.39vw);
		padding-top: min(4px, 0.28vw);
		gap: min(6px, 0.42vw);
	}

	#data .worker .box-4 .circle,
	#data .worker .box-2 .circle {
		width: min(200px, 13.89vw);
	}

	#data .worker .box-4 .circle .text,
	#data .worker .box-2 .circle .text {
		font-size: min(22px, 1.53vw);
		margin-bottom: max(-4px, -0.28vw);
	}

	#data .worker .box-4 .circle .num .counter,
	#data .worker .box-2 .circle .num .counter {
		font-size: min(80px, 5.56vw);
	}

	#data .worker .box-4 .circle .num .decimal,
	#data .worker .box-2 .circle .num .decimal {
		font-size: min(60px, 4.17vw);
	}

	#data .worker .box-4 .circle .num .unit,
	#data .worker .box-2 .circle .num .unit {
		font-size: min(24px, 1.67vw);
	}

	#data .worker .box-4 .person {
		padding-top: min(55px, 3.82vw);
	}

	#data .worker .box-4 .person .text {
		font-size: min(22px, 1.53vw);
	}

	#data .worker .box-4 .person .num {
		margin-top: min(5px, 0.35vw);
		margin-left: min(3px, 0.21vw);
	}

	#data .worker .box-4 .person .num .counter {
		font-size: min(40px, 2.78vw);
	}

	#data .worker .box-4 .person .num .decimal {
		font-size: min(30px, 2.08vw);
	}

	#data .worker .box-4 .person .num .unit {
		font-size: min(24px, 1.67vw);
	}

	/* career */
	#data .career .infor-content .box .title {
		margin-bottom: min(35px, 2.43vw);
	}

	#data .career .infor-content .box {
		padding-bottom: min(25px, 1.74vw);
	}

	#data .career .group {
		gap: min(110px, 7.64vw);
		grid-template-columns: repeat(2, max-content);
		justify-content: center;
	}

	#data .career .group .item {
		grid-template-columns: max-content max-content;
		gap: min(20px, 1.39vw) min(56px, 3.89vw);
	}

	#data .career .group .item .text {
		justify-content: flex-start;
		font-size: min(22px, 1.53vw);
		gap: min(7px, 0.49vw);
		margin-left: min(6px, 0.42vw);
	}

	#data .career .group .item:nth-child(2) .text {
		margin-bottom: max(-2px, -0.14vw);
		margin-left: max(-15px, -1.04vw);
	}

	#data .career .group .item:nth-child(2) .text::before {
		width: min(27px, 1.88vw);
		height: min(35px, 2.43vw);
		position: relative;
		top: min(2px, 0.14vw);
	}

	#data .career .group .item:nth-child(2) .num {
		position: relative;
		left: min(10px, 0.69vw);
	}

	#data .career .group .item .img {
		max-width: min(190px, 13.19vw);
		margin-left: 0;
	}

	#data .career .group .item .num {
		min-width: min(175px, 12.15vw);
	}

	#data .career .group .item .num .counter {
		font-size: min(80px, 5.56vw);
	}

	#data .career .group .item .num .counter .decimal {
		font-size: min(60px, 4.17vw);
	}

	#data .career .group .item .num .unit {
		font-size: min(24px, 1.67vw);
		margin-left: max(-2px, -0.53vw);
	}

	#data .career .desc {
		font-size: min(18px, 1.25vw);
		line-height: 1.8;
		margin-top: min(62px, 4.31vw);
	}

	/* benefits */
	#data .benefits .infor-content .box {
		padding-bottom: min(16px, 1.11vw);
	}
	#data .benefits .infor-content .box .title {
		margin-bottom: min(34px, 2.36vw);
	}

	#data .benefits .col-top .box .img {
		max-width: min(200px, 13.89vw);
		margin-bottom: min(23px, 1.6vw);
	}

	#data .benefits .col-top .box .group {
		gap: min(20px, 1.39vw);
		margin-top: max(-20px, -1.39vw);
	}

	#data .benefits .col-top .box .num .counter {
		font-size: min(80px, 5.56vw);
		letter-spacing: min(1.4px, 0.1vw);
	}

	#data .benefits .col-top .box .num .unit {
		font-size: min(24px, 1.67vw);
		margin-left: 0;
		top: max(-4px, -0.28vw);
	}

    #data .benefits .col-top .box .num .unit.c_unit {
        margin-left: -13px;
    }

	#data .benefits .col-top .box .num .text {
		font-size: min(22px, 1.53vw);
	}

	#data .benefits .infor-content .col-bottom .box .title {
		margin-bottom: min(45px, 3.13vw);
	}

	#data .benefits .col-bottom .box {
		padding-bottom: min(27px, 1.88vw);
	}

	#data .benefits .col-bottom .box > .img {
		max-width: min(144px, 10vw);
		margin-bottom: min(18px, 1.25vw);
	}

	#data .benefits .col-bottom .box .content .text {
		font-size: min(22px, 1.53vw);
	}

	#data .benefits .col-bottom .box .content .text.text-sm {
		font-size: min(18px, 1.25vw);
	}

	#data .benefits .col-bottom .box .content .num {
		color: #316bb4;
		margin-top: max(-5px, -0.35vw);
		margin-bottom: min(15px, 1.04vw);
	}

	#data .benefits .col-bottom .box .content .num .counter {
		font-size: min(80px, 5.56vw);
	}

	#data .benefits .col-bottom .box .content .num .space {
		font-size: min(60px, 4.17vw);
		letter-spacing: 0;
	}

	#data .benefits .col-bottom .box .content .num .unit {
		font-size: min(24px, 1.67vw);
	}

	#data .benefits .col-bottom .box .group {
		margin-top: max(-5px, -0.35vw);
		padding-bottom: min(30px, 2.08vw);
		gap: min(20px, 1.39vw);
	}

	#data .benefits .col-bottom .box .group .img {
		max-width: min(152px, 10.56vw);
		left: max(-34px, -2.36vw);
		top: min(5px, 0.35vw);
	}

	#data .benefits .col-bottom .box .group .text {
		font-size: min(22px, 1.53vw);
		margin-bottom: max(-5px, -0.35vw);
	}

	#data .benefits .col-bottom .box .group .num {
		padding-left: 0;
		position: relative;
		left: max(-12px, -0.83vw);
	}

	#data .benefits .col-bottom .box .group .num .counter {
		font-size: min(80px, 5.56vw);
	}

	#data .benefits .col-bottom .box .group .num .unit {
		font-size: min(24px, 1.67vw);
	}

	#data .benefits .col-bottom .box .group .num .num-unit {
		font-size: min(34px, 2.36vw);
		position: relative;
		top: min(4px, 0.28vw);
	}
}