/* 数字で知るサイサン
=========================================================================
=========================================================================*/
#title {
	padding-top: 121px;
	width: 100%;
	height: 438px;
	text-align: center;
	background: url(../img/special/our_data_title_bg.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
}

#title .title_01 {
	position: relative;
	display: block;
	margin: 0 auto 34px;
	width: 466px;
}

#title .title_01::before {
	content: "";
	position: absolute;
	top: -44px;
	left: -86px;
	width: 232px;
	height: 116px;
	background: url(../img/special/our_data_title_02.png) center top no-repeat;
	background-size: cover;
}

#title h1 {
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1em;
	color: #FFF;
}

/* コンテンツ内容
=========================================================================*/
#contents {
	padding: 59px 15px 100px;
}

#contents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 900px;
}

@media screen and (max-width: 930px) {
	#contents ul {
		width: 100%;
	}
}

#contents ul li {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
	padding: 42px 0 28px;
	width: calc(442 / 900 * 100%);
	background: #E3EFF1;
	border-radius: 5px;
	text-align: center;
}

#contents ul li.large {
	width: 100%;
}

#contents ul li.small {
	width: calc(288 / 900 * 100%);
}

#contents .widget {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin-bottom: 20px;
}

#contents .data {}

#contents figure {}

#contents h2 {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding: 0 1.0em;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1em;
	color: #17A73C;
}

#contents h2::after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #00A73C;
}

#contents p.value {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #00A73C;
}

#contents p.value .unit {
	font-family: "游ゴシック Medium", YuGothic, YuGothicM, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "Hiragino Sans", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", メイリオ, Meiryo, sans-serif;
}

#contents p.value .count {
	position: relative;
}

#contents h3 {
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: ;
	color: #000;
	z-index: 2;
}

#contents h3 span {
	position: relative;
	padding: 0 1.0em;
}

#contents h3 span::after {
	content: "";
	position: absolute;
	bottom: -0.25em;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 14px;
	background: #F8FD6B;
	z-index: -1;
}

#contents p.note {
	margin-top: 5px;
	font-size: 11px;
	font-size: 1.1rem;
	color: #333;
}

/*--- data_01：社員数 ---*/
#contents .data_01 h2 {
	position: absolute;
	top: 28px;
	left: calc(80 / 760 * 100%);
}

#contents .data_01 .widget {
	align-items: flex-end;
}

#contents .data_01 p.value {
	font-size: 160px;
	font-size: 16.0rem;
	line-height: 0.55em;
}

#contents .data_01 p.value .unit {
	font-size: 50px;
	font-size: 5.0rem;
}

#contents .data_01 p.note {
	margin-top: -20px;
	text-align: right;
}

#contents .data_01 .widget figure {
	padding-left: calc(60 / 760 * 100%);
}

#contents .data_01 .widget figure svg {
	width: 233px;
}

#contents .data_01 h3 span:first-child {
	position: relative;
	padding: 0 0 0 1.0em;
}

#contents .data_01 h3 span:last-child {
	position: relative;
	padding: 0 1.0em 0 0;
}

/* data_01：アニメーション */
@keyframes animate-svg-fill-1 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_01 .widget figure.scrollin .fig_01-1 {
	animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both
}

@keyframes animate-svg-fill-2 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_01 .widget figure.scrollin .fig_01-2 {
	animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both
}

@keyframes animate-svg-fill-3 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_01 .widget figure.scrollin .fig_01-3 {
	animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both
}

@keyframes animate-svg-fill-4 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_01 .widget figure.scrollin .fig_01-4 {
	animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both
}

@keyframes animate-svg-fill-5 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_01 .widget figure.scrollin .fig_01-5 {
	animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both
}

/*--- data_02：創業 ---*/
#contents .data_02 h2 {
	margin-bottom: 10px;
}

#contents .data_02 .widget {
	align-items: flex-end;
}

#contents .data_02 p.value {
	margin-bottom: 10px;
	font-size: 81px;
	font-size: 8.1rem;
}

#contents .data_02 p.value .unit {
	font-size: 30px;
	font-size: 3.0rem;
}

#contents .data_02 .widget figure {
	padding-left: calc(30 / 353 * 100%);
}

#contents .data_02 .widget figure svg {
	width: 107px;
}

/* data_02：アニメーション */
@keyframes animate_data_02 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_02 .widget figure.scrollin .fig_02-1 {
	animation: animate_data_02 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both
}

#contents .data_02 .widget figure.scrollin .fig_02-2 {
	animation: animate_data_02 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both
}

#contents .data_02 .widget figure.scrollin .fig_02-3 {
	animation: animate_data_02 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both
}

#contents .data_02 .widget figure.scrollin .fig_02-4 {
	animation: animate_data_02 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.0s both
}

/*--- data_03：売上高推移 ---*/
#contents .data_03 h2 {
	margin-bottom: 10px;
}

#contents .data_03 .widget {
	align-items: flex-end;
}

#contents .data_03 p.value {
	font-size: 110px;
	font-size: 11.0rem;
	letter-spacing: -0.02em;
	line-height: 0.55em;
}

#contents .data_03 p.value .unit {
	font-size: 74px;
	font-size: 7.4rem;
}

#contents .data_03 p.note {}

#contents .data_03 .widget figure {
	padding-left: calc(35 / 326 * 100%);
}

#contents .data_03 .widget figure svg {
	width: 92px;
}

/* data_03：アニメーション */
@keyframes data_03-1 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_03 .widget figure.scrollin .fig_03-1 {
	animation: data_03-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both
}

@keyframes data_03-2 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_03 .widget figure.scrollin .fig_03-2 {
	animation: data_03-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both
}

@keyframes data_03-3 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_03 .widget figure.scrollin .fig_03-3 {
	animation: data_03-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both
}

@keyframes data_03-4 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_03 .widget figure.scrollin .fig_03-4 {
	animation: data_03-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both
}

@keyframes data_03-5 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_03 .widget figure.scrollin .fig_03-5 {
	animation: data_03-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both
}

/*--- data_04：男女比 ---*/
#contents .data_04 h2 {
	position: absolute;
	top: 40px;
	left: calc(60 / 440 * 100%);
}

#contents .data_04 .widget {
	margin-bottom: 0;
	align-items: center;
}

#contents .data_04 p.value {
	font-size: 78px;
	font-size: 7.8rem;
}

#contents .data_04 p.value .unit {
	padding: 0 0.1em;
	font-family: 'Roboto', sans-serif;
	font-size: 70px;
	font-size: 7.0rem;
}

#contents .data_04 p.value .count_01::after {
	content: "女性";
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-family: "游ゴシック Medium", YuGothic, YuGothicM, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "Hiragino Sans", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", メイリオ, Meiryo, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
}

#contents .data_04 p.value .count_02::after {
	content: "男性";
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-family: "游ゴシック Medium", YuGothic, YuGothicM, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "Hiragino Sans", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", メイリオ, Meiryo, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
}

#contents .data_04 .widget figure {
	padding-left: calc(36 / 340 * 100%);
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

#contents .data_04 .widget figure.scrollin {
	opacity: 1;
}

#contents .data_04 .widget figure svg {
	width: 172px;
}

/* data_04：アニメーション */
@keyframes data_04-stroke-1 {
	0% {
		stroke-dashoffset: 331.3912353515625px;
		stroke-dasharray: 331.3912353515625px;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

#contents .data_04 .widget figure.scrollin .data_04-21 {
	animation: data_04-stroke-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both;
	animation-fill-mode: forwards;
	stroke-dashoffset: 331.3912353515625px;
	stroke-dasharray: 331.3912353515625px;
}


/*--- data_05：業界一位（電力供給量） ---*/
#contents .data_05 h2 {
	margin-bottom: 40px;
}

#contents .data_05 .widget {
	align-items: flex-end;
}

#contents .data_05 p.value {
	font-size: 119px;
	font-size: 11.9rem;
	letter-spacing: -0.05em;
}

#contents .data_05 p.value .count {
	padding-left: 0.05em;
}

#contents .data_05 p.value .unit {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 1px;
}

#contents .data_05 p.value .unit.unit_02 {
	padding-left: 0.30em;
}

#contents .data_05 .widget figure {
	padding-left: calc(40 / 323 * 100%);
}

#contents .data_05 .widget figure svg {
	width: 180px;
}

/* data_05：アニメーション */
@keyframes data_05-1 {
	0% {
		fill: transparent;
		transform: translateY(10%);
	}

	100% {
		fill: rgb(14, 100, 45);
		transform: translateY(0);
	}
}

#contents .data_05 .widget figure.scrollin .fig_05-1 {
	animation: data_05-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.0s both
}

@keyframes data_05-2 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_05 .widget figure.scrollin .fig_05-2 {
	animation: data_05-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.0s both
}

@keyframes data_05-3 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_05 .widget figure.scrollin .fig_05-3 {
	animation: data_05-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both
}


/*--- data_06：平均年齢 ---*/
#contents .data_06 h2 {
	margin-bottom: 30px;
}

#contents .data_06 .widget {
	margin-bottom: 30px;
	align-items: flex-end;
}

#contents .data_06 p.value {
	font-size: 82px;
	font-size: 8.2rem;
}

#contents .data_06 p.value .count_02 {
	font-size: 61px;
	font-size: 6.1rem;
	letter-spacing: -0.02em;
}

#contents .data_06 p.value .unit {
	font-size: 24px;
	font-size: 2.4rem;
}

#contents .data_06 .widget figure {
	padding-left: calc(33 / 389 * 100%);
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

#contents .data_06 .widget figure.scrollin {
	opacity: 1;
}

#contents .data_06 .widget figure svg {
	width: 151px;
}

/* data_06：アニメーション */
#contents .data_06 .fig_06-2 {
	stroke: #17A73C;
	stroke-width: 12;
	fill-opacity: 0;
}

@keyframes data_06-1 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_06 .widget figure.scrollin .fig_06-1 {
	animation: data_06-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

/* 60代〜 */
#contents .data_06 .widget figure.scrollin .fig_06-2 {
	animation: data_06-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
	animation-fill-mode: forwards;
	stroke-dashoffset: 65.2px;
	stroke-dasharray: 65.2px;
}

@keyframes data_06-stroke-1 {
	0% {
		stroke-dashoffset: 65.2px;
		stroke-dasharray: 65.2px;
	}

	100% {
		stroke-dashoffset: 0
	}
}

/* 50代 */
#contents .data_06 .fig_06-3 {
	stroke: #17A73C;
	stroke-width: 12;
	fill-opacity: 0;
}

#contents .data_06 .widget figure.scrollin .fig_06-3 {
	animation: data_06-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
	animation-fill-mode: forwards;
	stroke-dashoffset: 105.48px;
	stroke-dasharray: 105.48px;
}

@keyframes data_06-stroke-3 {
	0% {
		stroke-dashoffset: 105.48px;
		stroke-dasharray: 105.48px;
	}

	100% {
		stroke-dashoffset: 0
	}
}

/* 40代 */
#contents .data_06 .fig_06-4 {
	stroke: #17A73C;
	stroke-width: 12;
	fill-opacity: 0;
}

#contents .data_06 .widget figure.scrollin .fig_06-4 {
	animation: data_06-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
	animation-fill-mode: forwards;
	stroke-dashoffset: 93.97px;
	stroke-dasharray: 93.97px;
}

@keyframes data_06-stroke-4 {
	0% {
		stroke-dashoffset: 93.97px;
		stroke-dasharray: 93.97px;
	}

	100% {
		stroke-dashoffset: 0
	}
}

/* 30代 */
#contents .data_06 .widget figure.scrollin .fig_06-5 {
	animation: data_06-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
	animation-fill-mode: forwards;
	stroke-dashoffset: 85.34px;
	stroke-dasharray: 85.34px;
}

@keyframes data_06-stroke-5 {
	0% {
		stroke-dashoffset: 85.34px;
		stroke-dasharray: 85.34px;
	}

	100% {
		stroke-dashoffset: 0
	}
}

/* 20代 */
#contents .data_06 .widget figure.scrollin .fig_06-6 {
	animation: data_06-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
	animation-fill-mode: forwards;
	stroke-dashoffset: 102.6px;
	stroke-dasharray: 102.6px;
}

@keyframes data_06-stroke-6 {
	0% {
		stroke-dashoffset: 102.6px;
		stroke-dasharray: 102.6px;
	}

	100% {
		stroke-dashoffset: 0
	}
}

/*--- data_07：業界一位（海外拠点数） ---*/
#contents .data_07 h2 {
	margin-bottom: 20px;
}

#contents .data_07 .widget {
	flex-direction: row-reverse;
	align-items: flex-end;
}

#contents .data_07 p.value {
	font-size: 119px;
	font-size: 11.9rem;
	letter-spacing: -0.05em;
}

#contents .data_07 p.value .count {
	line-height: 1.0em;
}

#contents .data_07 p.value .unit {
	font-size: 24px;
	font-size: 2.4rem;
}

#contents .data_07 p.value .unit.unit_02 {
	padding-left: 0.20em;
}

#contents .data_07 .widget figure {
	padding-right: calc(30 / 320 * 100%);
}

#contents .data_07 .widget figure svg {
	width: 173px;
}

/* data_07：アニメーション */
@keyframes data_07-1 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-1 {
	animation: data_07-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both
}

@keyframes data_07-2 {
	0% {
		fill: transparent;
		transform: translateY(-5px);
	}

	100% {
		fill: rgb(50, 182, 238);
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-2 {
	animation: data_07-2 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both
}

@keyframes data_07-3 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(255, 255, 255)
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-3 {
	animation: data_07-3 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both
}

@keyframes data_07-4 {
	0% {
		fill: transparent;
		transform: translateY(-5px);
	}

	100% {
		fill: rgb(50, 182, 238)
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-4 {
	animation: data_07-4 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both
}

@keyframes data_07-5 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(255, 255, 255)
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-5 {
	animation: data_07-5 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both
}

@keyframes data_07-6 {
	0% {
		fill: transparent;
		transform: translateY(-5px);
	}

	100% {
		fill: rgb(50, 182, 238)
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-6 {
	animation: data_07-6 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 1.0s both
}

@keyframes data_07-7 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(255, 255, 255)
	}
}

#contents .data_07 .widget figure.scrollin .fig_07-7 {
	animation: data_07-7 0.25s cubic-bezier(0.47, 0, 0.745, 0.715) 1.0s both
}

/*--- data_08：産休後復職率 ---*/
#contents .data_08 h2 {
	margin-bottom: 10px;
}

#contents .data_08 .widget {
	flex-wrap: wrap-reverse;
	align-items: flex-end;
	margin-bottom: 5px;
}

#contents .data_08 p.value {}

#contents .data_08 p.value .count {
	font-size: 100px;
	font-size: 10.0rem;
}

#contents .data_08 p.value .unit {
	font-family: 'Roboto', sans-serif;
	font-size: 61px;
	font-size: 6.1rem;
}

#contents .data_08 p.value .unit.unit_02 {}

#contents .data_08 .widget figure {
	margin-bottom: 20px;
	width: 100%;
}

#contents .data_08 .widget figure svg {
	width: 121px;
}

/* data_08：アニメーション */
@keyframes animate_data_08 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_08 .widget figure.scrollin .fig_01-1 {
	animation: animate_data_08 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both
}

#contents .data_08 .widget figure.scrollin .fig_01-2 {
	animation: animate_data_08 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both
}

#contents .data_08 .widget figure.scrollin .fig_01-3 {
	animation: animate_data_08 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both
}

#contents .data_08 .widget figure.scrollin .fig_01-4 {
	animation: animate_data_08 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both
}

/*--- data_09：平均残業時間 ---*/
#contents .data_09 h2 {
	margin-bottom: 30px;
}

#contents .data_09 .widget {
	flex-wrap: wrap-reverse;
	align-items: flex-end;
	margin-bottom: 17px;
}

#contents .data_09 .widget .data {
	width: 100%;
}

#contents .data_09 p.value {
	font-size: 62px;
	font-size: 6.2rem;
}

#contents .data_09 p.value .count {
	font-size: 82px;
	font-size: 8.2rem;
	letter-spacing: -0.05em;
}

#contents .data_09 p.value .count_02 {
	font-size: 61px;
	font-size: 6.1rem;
	letter-spacing: inherit;
}

#contents .data_09 p.value .unit {
	font-size: 24px;
	font-size: 2.4rem;
}

#contents .data_09 .widget figure {
	margin-bottom: 40px;
	position: relative;
	width: 97px;
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

#contents .data_09 .widget figure.scrollin {
	opacity: 1;
}

.data_09 figure .data_09_02 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.data_09 figure .data_09_03 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

/* data_09：アニメーション */
.data_09 figure .fig_01-1 {
	opacity: 0;
}

@keyframes animate_data_09-1 {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

#contents .data_09 .widget figure.scrollin .fig_01-1 {
	animation: animate_data_09-1 1.0s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

#contents .data_09 .widget figure.scrollin .data_09_02 {
	animation: animate_data_09-2 0.75s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes animate_data_09-2 {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(350deg);
	}
}

#contents .data_09 .widget figure.scrollin .data_09_03 {
	animation: animate_data_09-3 0.85s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes animate_data_09-3 {
	0% {
		transform: rotate(230deg);
	}

	100% {
		transform: rotate(250deg);
	}
}

/*--- data_10：最年少管理職 ---*/
#contents .data_10 h2 {
	margin-bottom: 15px;
}

#contents .data_10 .widget {
	flex-wrap: wrap-reverse;
	align-items: flex-end;
	margin-bottom: 10px;
}

#contents .data_10 p.value {}

#contents .data_10 p.value .count {
	font-size: 92px;
	font-size: 9.2rem;
}

#contents .data_10 p.value .unit {
	font-size: 25px;
	font-size: 2.5rem;
}

#contents .data_10 p.value .unit.unit_02 {}

#contents .data_10 .widget figure {
	margin-bottom: 30px;
	width: 100%;
}

#contents .data_10 .widget figure svg {
	width: 58px;
}

/* data_10：アニメーション */
@keyframes animate_data_10 {
	0% {
		fill: transparent
	}

	100% {
		fill: rgb(14, 100, 45)
	}
}

#contents .data_10 .widget figure.scrollin .fig_10-1 {
	animation: animate_data_10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both
}

#contents .data_10 .widget figure.scrollin .fig_10-2 {
	animation: animate_data_10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both
}

#contents .data_10 .widget figure.scrollin .fig_10-3 {
	animation: animate_data_10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both
}

/* More SAISAN!
=========================================================================
=========================================================================*/
#more_sisan {
	padding: 80px 15px;
	width: 100%;
	height: 373px;
	text-align: center;
	background: url(../img/common/more_sisan_bg.jpg) center top no-repeat;
	background-size: cover;
}

#more_sisan h2 {
	margin: 0 auto 64px;
	width: 195px;
}

#more_sisan ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 748px
}

@media screen and (max-width: 778px) {
	#more_sisan ul {
		width: 100%;
	}
}

#more_sisan ul li {
	position: relative;
	overflow: hidden;
	width: calc(178 / 748 * 100%);
	background: #FFF;
}


/*  スマホ（767px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:767px) {

	#title {
		margin-top: 60px;
		padding-top: 90px;
		height: 325px;
		background: url(../img/special/our_data_title_bg@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#title .title_01 {
		margin: 0 auto 38px;
		width: 324px;
	}

	#title .title_01::before {
		top: -30px;
		left: -18px;
		width: 161px;
		height: 79px;
	}

	#title h1 {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.647058em;
	}

	/* コンテンツ内容
	=========================================================================*/
	#contents {
		padding: 14px 15px 40px;
	}

	#contents ul li {
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		width: 100%;
	}

	#contents ul li.small {
		width: 100%;
	}

	#contents .widget {
		flex-wrap: nowrap;
	}

	#contents .data {}

	#contents figure {}

	#contents h2 {
		margin-bottom: 0;
		padding: 0;
		font-size: 20px;
		font-size: 2.0rem;
	}

	#contents p.value {}

	#contents p.value .unit {}

	#contents p.value .count {}

	#contents h3 {
		position: relative;
		display: inline-block;
		font-weight: bold;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: ;
		color: #000;
		z-index: 2;
	}

	#contents h3 span {
		display: block;
		padding: 0px;
	}

	#contents h3 span::after {
		bottom: -0.15em;
		width: 230px;
	}

	#contents p.note {
		font-size: 10px;
		font-size: 1.0rem;
	}

	/*--- data_01：社員数 ---*/
	#contents .data_01 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_01 .widget {
		flex-wrap: wrap-reverse;
		align-items: flex-start;
	}

	#contents .data_01 p.value {
		font-size: 68px;
		font-size: 6.8rem;
		line-height: 1.0em;
	}

	#contents .data_01 p.value .unit {
		font-size: 26px;
		font-size: 2.6rem;
	}

	#contents .data_01 p.note {
		margin-top: -20px;
	}

	#contents .data_01 .widget figure {
		margin-top: 20px;
		margin-bottom: 10px;
		padding-left: 0;
	}

	#contents .data_01 .widget figure svg {
		width: 218px;
	}

	#contents .data_01 h3 span:first-child {
		padding: 0;
	}

	#contents .data_01 h3 span:last-child {
		padding: 0;
		width: auto;
	}

	#contents .data_01 h3 span::after {
		width: 100%;
	}

	#contents .data_01 h3 span:last-child::after {
		width: 50%;
	}

	/*--- data_02：創業 ---*/
	#contents .data_02 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_02 .widget {
		margin-top: 20px;
		align-items: flex-end;
	}

	#contents .data_02 p.value {
		margin-bottom: 10px;
		font-size: 68px;
		font-size: 6.8rem;
	}

	#contents .data_02 p.value .unit {
		font-size: 26px;
		font-size: 2.6rem;
	}

	#contents .data_02 .widget figure {
		padding-left: calc(16 / 349 * 100%);
	}

	#contents .data_02 .widget figure svg {
		width: 94px;
	}

	/*--- data_03：売上高推移 ---*/
	#contents .data_03 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_03 .widget {
		margin-top: 20px;
		align-items: flex-end;
	}

	#contents .data_03 p.value {
		font-size: 91px;
		font-size: 9.1rem;
	}

	#contents .data_03 p.value .unit {
		font-size: 62px;
		font-size: 6.2rem;
	}

	#contents .data_03 p.note {}

	#contents .data_03 .widget figure {
		padding-left: calc(19 / 349 * 100%);
	}

	#contents .data_03 .widget figure svg {
		width: 85px;
	}

	/*--- data_04：男女比 ---*/
	#contents .data_04 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_04 .widget {
		margin-top: 20px;
		align-items: center;
	}

	#contents .data_04 p.value {
		margin-top: 30px;
		font-size: 78px;
		font-size: 7.8rem;
	}

	#contents .data_04 p.value .unit {
		font-size: 70px;
		font-size: 7.0rem;
	}

	#contents .data_04 p.value .count_01::after {
		bottom: -10px;
		font-size: 15px;
		font-size: 1.5rem;
	}

	#contents .data_04 p.value .count_02::after {
		bottom: -10px;
		font-size: 15px;
		font-size: 1.5rem;
	}

	#contents .data_04 .widget figure {
		padding-left: calc(23 / 349 * 100%);
	}

	#contents .data_04 .widget figure svg {
		width: 134px;
	}

	/*--- data_05：業界一位（電力供給量） ---*/
	#contents .data_05 h2 {
		margin-bottom: 40px;
	}

	#contents .data_05 .widget {
		align-items: flex-end;
	}

	#contents .data_05 p.value {
		font-size: 109px;
		font-size: 10.9rem;
	}

	#contents .data_05 p.value .count {}

	#contents .data_05 p.value .unit {
		font-size: 26px;
		font-size: 2.6rem;
	}

	#contents .data_05 p.value .unit.unit_02 {
		padding-left: 0.20em;
	}

	#contents .data_05 .widget figure {
		padding-left: calc(25 / 349 * 100%);
	}

	#contents .data_05 .widget figure svg {
		width: 154px;
	}

	/*--- data_06：平均年齢 ---*/
	#contents .data_06 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_06 .widget {
		margin-bottom: 20px;
		margin-top: 20px;
		align-items: flex-end;
	}

	#contents .data_06 p.value {
		font-size: 62px;
		font-size: 6.2rem;
	}

	#contents .data_06 p.value .count_02 {
		font-size: 41px;
		font-size: 4.1rem;
		letter-spacing: -0.02em;
	}

	#contents .data_06 p.value .unit {
		font-size: 26px;
		font-size: 2.6rem;
	}

	#contents .data_06 .widget figure {
		padding-left: calc(17 / 349 * 100%);
	}

	#contents .data_06 .widget figure svg {
		width: 140px;
	}

	/*--- data_07：業界一位（海外拠点数） ---*/
	#contents .data_07 h2 {
		margin-bottom: 40px;
	}

	#contents .data_07 .widget {
		flex-direction: row-reverse;
		align-items: flex-end;
	}

	#contents .data_07 p.value {
		font-size: 109px;
		font-size: 10.9rem;
	}

	#contents .data_07 p.value .count {}

	#contents .data_07 p.value .unit {
		font-size: 26px;
		font-size: 2.6rem;
	}

	#contents .data_07 p.value .unit.unit_02 {
		padding-left: 0.20em;
	}

	#contents .data_07 .widget figure {
		padding-right: calc(29 / 349 * 100%);
	}

	#contents .data_07 .widget figure svg {
		width: 142px;
	}

	/*--- data_08：産休後復職率 ---*/
	#contents .data_08 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_08 .widget {
		flex-wrap: wrap;
		align-items: flex-end;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	#contents .data_08 p.value {
		margin-bottom: 20px;
	}

	#contents .data_08 p.value .count {
		font-size: 71px;
		font-size: 7.1rem;
	}

	#contents .data_08 p.value .unit {
		font-size: 40px;
		font-size: 4.0rem;
	}

	#contents .data_08 .widget figure {
		margin-bottom: 0;
		padding-left: calc(18 / 349 * 100%);
		width: auto;
	}

	#contents .data_08 .widget figure svg {
		width: 122px;
	}

	/*--- data_09：平均残業時間 ---*/
	#contents .data_09 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_09 .widget {
		flex-wrap: wrap;
		align-items: flex-end;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#contents .data_09 .widget .data {
		width: auto;
	}

	#contents .data_09 p.value {
		font-size: 62px;
		font-size: 6.2rem;
	}

	#contents .data_09 p.value .count {
		font-size: 71px;
		font-size: 7.1rem;
	}

	#contents .data_09 p.value .count_02 {
		font-size: 50px;
		font-size: 5.0rem;
	}

	#contents .data_09 p.value .unit {
		font-size: 24px;
		font-size: 2.4rem;
	}

	#contents .data_09 .widget figure {
		margin-bottom: 0;
		margin-left: calc(14 / 349 * 100%);
		width: auto;
	}

	#contents .data_09 .widget figure svg {
		width: 97px;
	}

	#contents .data_09 .data_09_02 {}

	#contents .data_09 .data_09_03 {}

	/*--- data_10：最年少管理職 ---*/
	#contents .data_10 h2 {
		position: absolute;
		top: 42px;
		left: 26px;
		min-width: 100px;
	}

	#contents .data_10 .widget {
		flex-wrap: wrap;
		align-items: flex-end;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	#contents .data_10 p.value {}

	#contents .data_10 p.value .count {
		font-size: 92px;
		font-size: 9.2rem;
	}

	#contents .data_10 p.value .unit {
		font-size: 25px;
		font-size: 2.5rem;
	}

	#contents .data_10 p.value .unit.unit_02 {}

	#contents .data_10 .widget figure {
		margin-bottom: 0;
		padding-left: calc(41 / 349 * 100%);
		width: auto;
	}

	#contents .data_10 .widget figure svg {
		width: 77px;
	}

	/* More SAISAN!
	=========================================================================
	=========================================================================*/
	#more_sisan {
		padding: 45px 15px 33px;
		height: auto;
	}

	#more_sisan h2 {
		margin: 0 auto 38px;
		width: 104px;
	}

	#more_sisan ul li {
		position: relative;
		overflow: hidden;
		margin-bottom: 5px;
		width: calc(178 / 359 * 100%);
		background: #FFF;
	}

}

/*  スマホ（480px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:480px) {

	#title .title_01 {
		width: 324px;
		width: calc(324 / 375 * 100%);
	}

	/*--- data_01：社員数 ---*/
	#contents .data_01 p.value {
		font-size: 20vw;
	}

	#contents .data_01 p.value .unit {
		font-size: 9vw;
	}

	/*--- data_02：創業 ---*/
	#contents .data_02 p.value {
		font-size: 20vw;
	}

	#contents .data_02 p.value .unit {
		font-size: 9vw;
	}

	/*--- data_03：売上高推移 ---*/
	#contents .data_03 p.value {
		font-size: 28vw;
	}

	#contents .data_03 p.value .unit {
		font-size: 20vw;
	}

	/*--- data_04：男女比 ---*/
	#contents .data_04 p.value {
		font-size: 25vw;
	}

	#contents .data_04 p.value .unit {
		font-size: 19vw;
	}

	#contents .data_04 p.value .count_01::after {
		font-size: 4.5vw;
	}

	#contents .data_04 p.value .count_02::after {
		font-size: 4.5vw;
	}

	/*--- data_05：業界一位（電力供給量） ---*/
	#contents .data_05 p.value {
		font-size: 32vw;
	}

	#contents .data_05 p.value .unit {
		font-size: 7vw;
	}

	/*--- data_06：平均年齢 ---*/
	#contents .data_06 p.value {
		font-size: 19vw;
	}

	#contents .data_06 p.value .count_02 {
		font-size: 13vw;
	}

	#contents .data_06 p.value .unit {
		font-size: 8vw;
	}

	/*--- data_07：業界一位（海外拠点数） ---*/
	#contents .data_07 p.value {
		font-size: 32vw;
	}

	#contents .data_07 p.value .unit {
		font-size: 8vw;
	}

	/*--- data_08：産休後復職率 ---*/
	#contents .data_08 p.value .count {
		font-size: 22vw;
	}

	#contents .data_08 p.value .unit {
		font-size: 12vw;
	}

	/*--- data_09：平均残業時間 ---*/
	#contents .data_09 p.value {
		font-size: 17vw;
	}

	#contents .data_09 p.value .count {
		font-size: 22vw;
	}

	#contents .data_09 p.value .count_02 {
		font-size: 17vw;
	}

	#contents .data_09 p.value .unit {
		font-size: 7vw;
	}

	/*--- data_10：最年少管理職 ---*/
	#contents .data_10 p.value .count {
		font-size: 28vw;
	}

	#contents .data_10 p.value .unit {
		font-size: 8vw;
	}

}