@charset "UTF-8";

#pagettl .ttl .ja {
	letter-spacing: 0.04em;
}

/* ---------------------------------------
  infographics
-----------------------------------------*/
@media screen and (max-width: 768px) {
	.scrollWrap {
		overflow-x: scroll;
		overflow-y: hidden;
		position: relative;
	}

	.scrollWrap::-webkit-scrollbar {
		display: none;
	}

	.scrollItem {
		position: relative;
	}

	.scrollItem::before {
		content: "";
		display: block;
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		bottom: 0;
		left: -8vw;
		margin: 0 auto;
		background: url(../img/about/iconScroll.png) no-repeat center center / 32vw auto;
		transition: all 0.2s ease-out 0.2s;
		animation: scrollAnimation 1s linear infinite;
		z-index: 10;
		pointer-events: none;
	}

	.scrollWrap.scrolled .scrollItem::before {
		opacity: 0;
	}

}


@keyframes scrollAnimation {
	0% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(2.4vw)
	}

	50% {
		transform: translateX(0);
	}

	75% {
		transform: translateX(-2.4vw);
	}

	100% {
		transform: translateX(0);
	}
}

/* infographics
--------------------------------*/
#sec_infographics {
	padding: 70px 0 200px;
	background: url(../img/infographics/infographics_bg_pc.png), linear-gradient(90deg, rgba(6, 74, 150, 1) 0.04%, rgba(65, 180, 190, 1) 100%);
	background-size: cover;
	/* margin-bottom: 20px; */
	margin-bottom: 0;
}

#sec_infographics::before {
	content: "";
	width: 100%;
	height: 200px;
	background-color: #fff;
	transform: skewY(-5deg);
	position: absolute;
	/* bottom: -115px; */
	bottom: -98px;
	left: 0;
}

#sec_infographics > .note {
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 0.075em;
	margin-bottom: .5em;
}

#sec_infographics .box {
	width: 764px;
	background-color: #fff;
	-webkit-clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 25px);
	clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 25px);
}


#sec_infographics .box > * + * {
	margin-top: 14px;
}

#sec_infographics .box .img {
	width: 100%;
	text-align: center;
}

#sec_infographics .box .txtwrap {
	position: relative;
}


#sec_infographics .box .ttl {
	color: #074a97;
	font-weight: 700;
	font-size: 3.4rem;
	line-height: 1.25;
	letter-spacing: 0.05em;
}

#sec_infographics .box .ttl.en {
	font-weight: 600;
	font-size: 5.4rem;
	line-height: 1;
	letter-spacing: 0;
}

#sec_infographics .box .txt {
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.08em;
	text-align: justify;
}

#sec_infographics .box .txt .note {
	display: block;
	text-align: right;
	font-size: 1.2rem;
	line-height: 1.75;
	letter-spacing: 0.065em;
	margin-top: .5em;
}

#sec_infographics .box .num {
	color: #074a97;
	font-weight: 700;
	font-size: 4rem;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

#sec_infographics .box .num.en,
#sec_infographics .box .num .en {
	font-weight: 600;
	font-size: 9rem;
}

#sec_infographics .box .num .counter {
	display: inline-block;
	font-size: 12rem;
	line-height: 1;
	letter-spacing: -0.05em;
	vertical-align: -.015em;
}

#sec_infographics .box .num .counter span {
	font-size: 75%;
}

#sec_infographics .box .num .counter:nth-of-type(2) {
	font-size: 9rem;
}

#sec_infographics .box .num .percent {
	font-size: 5.4rem;
}

#sec_infographics .box .num .decimal {
	font-family: 'Manrope', sans-serif;
	font-weight: 600;
	font-size: 9rem;
	letter-spacing: -0.05em;
}

/*box1*/
#sec_infographics .box1 {
	padding: 36px 36px 40px;
}

#sec_infographics .box1 .txtwrap {
	padding-top: 100px;
}

#sec_infographics .box1 .img02 {
	position: absolute;
	left: 0;
	top: 0;
}

#sec_infographics .box1 .num .counter {
	animation-delay: 3s !important;
}

#sec_infographics .box1 .txt {
	margin-top: 4px;
}

/*box2*/
#sec_infographics .box2 {
	padding: 36px 38px 40px;
}

#sec_infographics .box2 .ttl {
	font-size: 2.8rem;
}

#sec_infographics .box2 .ttl .en {
	display: inline-block;
	font-size: 2.4rem;
	line-height: 34px;
	letter-spacing: 0;
	padding: 0 .5em;
	border-radius: 17px;
	background-color: #eaebf5;
	margin-bottom: .2em;
}

#sec_infographics .box2 .num {
	max-width: 290px;
	margin-left: -10px
}

#sec_infographics .box2 .txt {
	margin-top: 4px;
}

#sec_infographics .box2 .graph_wrap {
	position: relative;
	margin: 20px auto 0;
}

#sec_infographics .box2 .graph_wrap .graph_ttl {
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	background-color: #074a97;
	margin-bottom: 50px;
	line-height: 32px;
}

#sec_infographics .box2 .graph_wrap .graph {
	height: 315px;
	position: relative;
}

#sec_infographics .box2 .graph .bars {
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 457px;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

#sec_infographics .box2 .graph .bar-group {
	display: block;
	position: relative;
	width: 33px;
	margin-left: 11px;
	bottom: 1px;
	font-size: 1px;
}

#sec_infographics .box2 .graph .bar-group .bar {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #eaebf5;
	position: relative;
}

#sec_infographics .box2 .graph .bar-group > .txtup {
	text-align: center;
	position: absolute;
	color: #000;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.05em;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, -5px);
	margin: 0 auto;
	width: auto;
}

#sec_infographics .box2 .graph .bar-group > .txtup span {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.01em;
}

#sec_infographics .box2 .graph .bar-group .txtup small {
	font-size: 75%;
}

#sec_infographics .box2 .graph .bar-group .bar .plus,
#sec_infographics .box2 .graph .bar-group .bar .minus {
	width: 100%;
	position: absolute;
	bottom: 100%;
	left: 0;
}

#sec_infographics .box2 .graph .bar-group .bar .plus {

	background-color: #074a97;
}

#sec_infographics .box2 .graph .bar-group .bar .minus {
	border: 1px dashed #b2b2b2;
	border-bottom: none;
}

#sec_infographics .box2 .graph .bar-group .bar .com {
	font-size: 1.4rem;
	width: 1em;
	line-height: 1;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin: 0 auto;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}

#sec_infographics .box2 .graph .bar-group.kokubu .plus {
	transform: scaleY(0);
	transform-origin: bottom;
}

#sec_infographics .box2 .graph .bar-group.kokubu .plus {
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform .3s 2s cubic-bezier(.79, .17, .15, .96);
}

#sec_infographics .box2.is-show .graph .bar-group.kokubu .plus {
	transform: scaleY(1);
}

#sec_infographics .box2 .graph .bar-group.kokubu .com {
	color: #074a97;
	font-weight: 700;
}

#sec_infographics .box2 .graph .bar-group.kokubu .circle {
	width: 88px;
	height: 88px;
	background: linear-gradient(120deg, rgba(6, 74, 150, 1) 0.04%, rgba(65, 180, 190, 1) 100%);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, 10px);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
}

#sec_infographics .box2 .graph .bar-group.kokubu .circle {
	opacity: 0;
	transition: 1s ease;
	transition-delay: 2.3s;
}

#sec_infographics .box2.is-show .graph .bar-group.kokubu .circle {
	opacity: 1;
}

#sec_infographics .box2 .graph .bar-group.kokubu .circle .txt {
	color: #fff;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
}

#sec_infographics .box2 .graph .bar-group.kokubu .circle .txt span {
	display: block;
	font-weight: 400;
}

#sec_infographics .box2 .graph .bar-group.kokubu .circle .txtup {
	color: #fff;
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: -0.05em;
	margin-bottom: 4px;
}

#sec_infographics .box2 .graph .bar-group.kokubu .circle .txtup small {
	font-size: 75%;
}

#sec_infographics .box2 .graph .y-axis {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 457px;
	height: 100%;
}

#sec_infographics .box2 .graph .y-axis li {
	border-bottom: 1px solid #d9d9d9;
	display: block;
	height: calc(100% / 7);
	width: 100%;
	position: relative;
}

#sec_infographics .box2 .graph .y-axis li:last-child {
	border-bottom: 2px solid #000;
	z-index: 2;
}

#sec_infographics .box2 .graph .y-axis li:first-child {
	height: 0;
}

#sec_infographics .box2 .graph .y-axis li:first-child::before {
	display: none;
}

#sec_infographics .box2 .graph .y-axis li span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.5;
	position: absolute;
	left: -33px;
	width: 33px;
	bottom: -1em;
	text-align: right;
	letter-spacing: 0;
	padding-right: .7em;
}

#sec_infographics .box2 .graph .y-axis li span strong {
	font-weight: 500;
	font-size: 2.4rem;
}




/*box3*/
#sec_infographics .box3 {
	padding: 100px 40px 40px;
}

#sec_infographics .box3 .txtwrap {
	width: 706px;
	position: absolute;
	left: 40px;
	top: 55px;
}

#sec_infographics .box3 .txtwrap .txt {
	width: 332px;
}

#sec_infographics .box3 .num .counter {
	font-size: 13.2rem;
	letter-spacing: 0;
}

#sec_infographics .box3 .num .decimal {
	font-size: 9.9rem;
}

#sec_infographics .box3 .ttlwrap{
	width: 325px;
}

#sec_infographics .box3 .ttl {
	font-size: 4rem;
	letter-spacing: 0.1em;
	margin-bottom: .15em;
}

#sec_infographics .box3 .graph_wrap {
	width: 100%;
	position: relative;
	margin-top: 0;
}

#sec_infographics .box3 .graph_wrap .arw {
	position: absolute;
	left: 0;
	top: 0;
	width: 955px;
	height: 265px;
}

#sec_infographics .box3 .graph_wrap .arw img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	transform-origin: left bottom;
	transition: 1.5s ease;
	transition-delay: .5s;
}

#sec_infographics .box3.is-show .graph_wrap .arw img {
	width: 100%;
	height: auto;
}

#sec_infographics .box3 .graph_wrap .graph {
	height: 343px;
	position: relative;
}

#sec_infographics .box3 .graph .bars {
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 20px;
	width: 100%;
	max-width: 1046px;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#sec_infographics .box3 .graph .bar-group {
	display: block;
	position: relative;
	width: 53px;
	height: 100%;
	font-size: 1px;
}

#sec_infographics .box3 .graph .bar-group .bar {
	width: 100%;
	height: 0;
	height: 0;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleY(0);
	transform-origin: bottom;
	z-index: 2;
	background: linear-gradient(-90deg, rgba(6, 74, 150, 1) 0.04%, rgba(65, 180, 190, 1) 100%);
	background-size: 1046px auto;
}

#sec_infographics .box3.is-show .graph .bar-group .bar {
	height: 100%;
	transform: scaleY(1);
}


#sec_infographics .box3 .graph .bar-group .txtup {
	text-align: center;
	position: absolute;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.05em;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, -5px) scaleY(0);
	margin: 0 auto;
	width: auto;
	background: linear-gradient(-90deg, rgba(6, 74, 150, 1) 0.04%, rgba(65, 180, 190, 1) 100%);
	background-size: 1046px auto;

	-webkit-background-clip: text !important;
	color: transparent !important;

	opacity: 0;
	transform-origin: bottom;
}

#sec_infographics .box3.is-show .graph .bar-group .txtup {
	transform: translate(-50%, -5px) scaleY(1);
	opacity: 1;
}

#sec_infographics .box3 .graph .bar-group .year {
	text-align: center;
	color: #000;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 20px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -20px;
}

#sec_infographics .box3 .graph .bar1 .bar {
	transition: transform .3s .6s cubic-bezier(.79, .17, .15, .96);
	background-position: 0 0;
}

#sec_infographics .box3 .graph .bar1 .bar .txtup {
	transition: transform .4s .9s cubic-bezier(.08, .92, .35, 1), opacity .4s .9s;
	background-position: 0 0;
}

#sec_infographics .box3 .graph .bar2 .bar {
	transition: transform .3s .64s cubic-bezier(.79, .17, .15, .96);
	background-position: 9.3% 0;
}

#sec_infographics .box3 .graph .bar2 .bar .txtup {
	transition: transform .4s .94s cubic-bezier(.08, .92, .35, 1), opacity .4s .94s;
	background-position: 9.3% 0;
}

#sec_infographics .box3 .graph .bar3 .bar {
	transition: transform .3s .68s cubic-bezier(.79, .17, .15, .96);
	background-position: 18.6% 0;
}

#sec_infographics .box3 .graph .bar3 .bar .txtup {
	transition: transform .4s .98s cubic-bezier(.08, .92, .35, 1), opacity .4s .98s;
	background-position: 18.6% 0;
}

#sec_infographics .box3 .graph .bar4 .bar {
	transition: transform .3s .72s cubic-bezier(.79, .17, .15, .96);
	background-position: 27.9% 0;
}

#sec_infographics .box3 .graph .bar4 .bar .txtup {
	transition: transform .4s 1.02s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.02s;
	background-position: 27.9% 0;
}

#sec_infographics .box3 .graph .bar5 .bar {
	transition: transform .3s .76s cubic-bezier(.79, .17, .15, .96);
	background-position: 37.2% 0;
}

#sec_infographics .box3 .graph .bar5 .bar .txtup {
	transition: transform .4s 1.06s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.06s;
	background-position: 37.2% 0;
}

#sec_infographics .box3 .graph .bar6 .bar {
	transition: transform .3s .8s cubic-bezier(.79, .17, .15, .96);
	background-position: 46.8% 0;
}

#sec_infographics .box3 .graph .bar6 .bar .txtup {
	transition: transform .4s 1.1s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.1s;
	background-position: 46.8% 0;
}

#sec_infographics .box3 .graph .bar7 .bar {
	transition: transform .3s .84s cubic-bezier(.79, .17, .15, .96);
	background-position: 56.1% 0;
}

#sec_infographics .box3 .graph .bar7 .bar .txtup {
	transition: transform .4s 1.14s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.14s;
	background-position: 56.1% 0;
}

#sec_infographics .box3 .graph .bar8 .bar {
	transition: transform .3s .88s cubic-bezier(.79, .17, .15, .96);
	background-position: 65.4% 0;
}

#sec_infographics .box3 .graph .bar8 .bar .txtup {
	transition: transform .4s 1.18s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.18s;
	background-position: 65.4% 0;
}

#sec_infographics .box3 .graph .bar9 .bar {
	transition: transform .3s .92s cubic-bezier(.79, .17, .15, .96);
	background-position: 74.7% 0;
}

#sec_infographics .box3 .graph .bar9 .bar .txtup {
	transition: transform .4s 1.22s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.22s;
	background-position: 74.7% 0;
}

#sec_infographics .box3 .graph .bar10 .bar {
	transition: transform .3s .96s cubic-bezier(.79, .17, .15, .96);
	background-position: 84% 0;
}

#sec_infographics .box3 .graph .bar10 .bar .txtup {
	transition: transform .4s 1.26s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.26s;
	background-position: 84% 0;
}

#sec_infographics .box3 .graph .bar11 .bar {
	transition: transform .3s 1s cubic-bezier(.79, .17, .15, .96);
	background-position: 93.3% 0;
}

#sec_infographics .box3 .graph .bar11 .bar .txtup {
	transition: transform .4s 1.3s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.3s;
	background-position: 93.3% 0;
}

#sec_infographics .box3 .graph .bar12 .bar {
	transition: transform .3s 1.04s cubic-bezier(.79, .17, .15, .96);
	background-position: 95% 0;
}

#sec_infographics .box3 .graph .bar12 .bar .txtup {
	transition: transform .4s 1.34s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.34s;
	background-position: 95% 0;
}

#sec_infographics .box3 .graph .bar13 .bar {
	transition: transform .3s 1.04s cubic-bezier(.79, .17, .15, .96);
	background-position: 100% 0;
}

#sec_infographics .box3 .graph .bar13 .bar .txtup {
	transition: transform .4s 1.34s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.34s;
	background-position: 100% 0;
}

#sec_infographics .box3 .graph .bar14 .bar {
	transition: transform .3s 1.08s cubic-bezier(.79, .17, .15, .96);
	background: #cd0016;
}

#sec_infographics .box3 .graph .bar14 .bar .txtup {
	font-size: 3.7rem;
	transition: transform .4s 1.38s cubic-bezier(.08, .92, .35, 1), opacity .4s 1.38s;
	background-position: 100% 0;
}

#sec_infographics .box3 .graph .bar14 .txtup::before {
	content: "";
	width: 106px;
	height: 28px;
	background: url(../img/infographics/box3_bar13_bg.png) no-repeat center / 100% auto;
	position: absolute;
	left: -26px;
	top: -13px;
}

#sec_infographics .box3 .graph .bar14 .txtup span {
	display: block;
	color: #231815;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.05em;
}

/*box4*/
#sec_infographics .box4 {
	padding: 42px 0;
}

#sec_infographics .box4 .txtwrap {
	padding: 115px 38px 0;
}

#sec_infographics .box4 .img01 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#sec_infographics .box4 .ttl,
#sec_infographics .box4 .num {
	margin-left: 40px;
}

#sec_infographics .box4 .num .counter {
	font-size: 9rem;
	margin-top: 4px;
}

#sec_infographics .box4 .img02 {
	text-align: right;
	width: 43px;
	height: 89px;
	position: relative;
	top: -62px;
	left: 74px;
	transition: .8s ease;
	transition-delay: .5s;
}

#sec_infographics .box4 .img02::before {
	content: "";
	width: 0;
	height: 5px;
	background-color: #074a97;
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: .8s ease;
	transition-delay: .5s;
}

#sec_infographics .box4.is-show .img02 {
	width: 230px;
}

#sec_infographics .box4.is-show .img02::before {
	width: 193px;
}

/*box5*/
#sec_infographics .box5 {
	padding: 45px 40px;
	background: #fff url(../img/infographics/box5_bg.png) no-repeat center top / auto 100%;
}


#sec_infographics .box5 .inner > div:nth-child(1) {
	width: 286px;
}


#sec_infographics .box5 .inner > div:nth-child(2) {
	width: 359px;
}

#sec_infographics .box5 .ttl {
	text-align: center;
	font-size: 5.2rem;
}

#sec_infographics .box5 .num {
	text-align: center;
	font-size: 5.7rem;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
}

#sec_infographics .box5 .num .counter {
	font-size: 13rem;
}

#sec_infographics .box5 .imgwrap > ul {
	min-height: 86px;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}

#sec_infographics .box5 .imgwrap ul li {
	opacity: 0;
	transition: .2s ease;
}

#sec_infographics .box5 .imgwrap ul ul {
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: auto;
}

#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap > ul > li {
	width: 113px;
}

#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap > ul > li + li{
	margin-left: 6px;
}

#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap ul ul {
	width: 47px;
}

#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap ul ul li {
	width: 100%;
}

#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap ul ul li + li {
	margin-top: 6px;
}


#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap > ul > li {
	width: 98px;
}

#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap > ul > li + li {
	margin-left: 5px;
}

#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul ul {
	width: 151px;
}

#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul ul li {
	width: 49px;
}

#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul ul li:not(:nth-child(3n + 1)) {
	margin-left: 2px;
}

#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul li:nth-child(n + 4) {
	margin-top: 8px;
}

#sec_infographics .box5.is-show .imgwrap ul li {
	opacity: 1;
}

#sec_infographics .box5.is-show .imgwrap ul li:nth-child(1) {
	transition-delay: .2s !important;
}

#sec_infographics .box5.is-show .imgwrap ul li:nth-child(2) {
	transition-delay: .4s !important;
}

#sec_infographics .box5.is-show .imgwrap ul ul li:nth-child(1) {
	transition-delay: .6s !important;
}

#sec_infographics .box5.is-show .imgwrap ul ul li:nth-child(2) {
	transition-delay: .8s !important;
}

#sec_infographics .box5.is-show .imgwrap ul ul li:nth-child(3) {
	transition-delay: 1.0s !important;
}

#sec_infographics .box5.is-show .imgwrap ul ul li:nth-child(4) {
	transition-delay: 1.2s !important;
}

#sec_infographics .box5.is-show .imgwrap ul ul li:nth-child(5) {
	transition-delay: 1.4s !important;
}

#sec_infographics .box5.is-show .imgwrap ul ul li:nth-child(6) {
	transition-delay: 1.6s !important;
}

#sec_infographics .box5 .txt {
	margin-top: 40px;
}

/*box6*/
#sec_infographics .box6 {
	padding: 45px 0 40px;
}

#sec_infographics .box6 .txtwrap {
	width: 299px;
	margin-left: 40px;
}

#sec_infographics .box6 .num .counter {
	font-size: 10.6rem;
}

#sec_infographics .box6 .imgwrap {
	width: 1150px;
	position: absolute;
	left: 0;
	bottom: 40px;
}

#sec_infographics .box6 .imgwrap ul.flex {
	width: 268px;
	justify-content: center;
	margin-left: 50px;
	margin-bottom: -18px;
}

#sec_infographics .box6 .imgwrap ul.flex li {
	width: 28px;
	margin: 0 10px;
}

#sec_infographics .box6.is-show .imgwrap ul.flex li {
	animation: up-down 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

#sec_infographics .box6.is-show .imgwrap ul.flex li:nth-child(1) {
	animation-delay: .5s;
}


#sec_infographics .box6.is-show .imgwrap ul.flex li:nth-child(2) {
	animation-delay: .95s;
}

#sec_infographics .box6.is-show .imgwrap ul.flex li:nth-child(3) {
	animation-delay: 1.4s;
}

#sec_infographics .box6.is-show .imgwrap ul.flex li:nth-child(4) {
	animation-delay: 1.85s;
}


#sec_infographics .box6.is-show .imgwrap ul.flex li:nth-child(5) {
	animation-delay: 2.3s;
}

@-webkit-keyframes up-down {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

#sec_infographics .box6 .graph_wrap {
	width: 780px;
	align-items: flex-end;
	padding-bottom: 30px;
}

#sec_infographics .box6 .graph_wrap .graph {
	position: relative;
}

#sec_infographics .box6 .graph .graph_ttl {
	color: #074a97;
	font-weight: 700;
	font-size: 3.4rem;
	line-height: 1.25;
	letter-spacing: 0.1em;
	margin-bottom: 1.7em;
}

#sec_infographics .box6 .graph .graph_img {
	position: relative;
}

#sec_infographics .box6.is-show .graph .graph_img img {
	animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay: 1s;
}

@-webkit-keyframes slide-fwd-center {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

#sec_infographics .box6 .graph .graph_img .rate {
	color: #074a97;
	font-size: 4rem;
	line-height: 1;
	letter-spacing: -0.02em;
	position: absolute;
	opacity: 0;
	transition: .3s ease;
	transition-delay: 1.6s;
}

#sec_infographics .box6.is-show .graph .graph_img .rate {
	opacity: 1;
}

#sec_infographics .box6 .graph .graph_img .rate small {
	font-size: 75%;
	font-weight: 700;
}

#sec_infographics .box6 .graph .graph_img .rate span {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	letter-spacing: 0;
}

#sec_infographics .box6 .graph_wrap .graph1 {
	width: 380px;
}

#sec_infographics .box6 .graph_wrap .graph1 .graph_img {
	width: 324px;
	margin-left: auto;
	margin-right: 45px;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate1 {
	color: #074a97;
	font-size: 6.5rem;
	right: -8px;
	top: 66px;
	text-shadow:
		0px 2px 0px #fff,
		0px 2px 0px #fff,
		1px 2px 0px #fff,
		1px 1px 0px #fff,
		2px 1px 0px #fff,
		2px 0px 0px #fff,
		2px 0px 0px #fff,
		2px -0px 0px #fff,
		2px -1px 0px #fff,
		1px -1px 0px #fff,
		1px -2px 0px #fff,
		0px -2px 0px #fff,
		0px -2px 0px #fff,
		-0px -2px 0px #fff,
		-1px -2px 0px #fff,
		-1px -1px 0px #fff,
		-2px -1px 0px #fff,
		-2px -0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 1px 0px #fff,
		-1px 1px 0px #fff,
		-1px 2px 0px #fff,
		-0px 2px 0px #fff;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate1 span {
	display: block;
	font-size: 3rem;
	padding-left: 1.4em;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate2 {
	font-size: 6.5rem;
	bottom: 32px;
	left: 106px;
	text-shadow:
		0px 2px 0px #fff,
		0px 2px 0px #fff,
		1px 2px 0px #fff,
		1px 1px 0px #fff,
		2px 1px 0px #fff,
		2px 0px 0px #fff,
		2px 0px 0px #fff,
		2px -0px 0px #fff,
		2px -1px 0px #fff,
		1px -1px 0px #fff,
		1px -2px 0px #fff,
		0px -2px 0px #fff,
		0px -2px 0px #fff,
		-0px -2px 0px #fff,
		-1px -2px 0px #fff,
		-1px -1px 0px #fff,
		-2px -1px 0px #fff,
		-2px -0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 1px 0px #fff,
		-1px 1px 0px #fff,
		-1px 2px 0px #fff,
		-0px 2px 0px #fff;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate2 span {
	display: block;
	font-size: 3rem;
	padding-left: 1.4em;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate3 {
	top: 142px;
	left: 10px;
	text-shadow:
		0px 2px 0px #fff,
		0px 2px 0px #fff,
		1px 2px 0px #fff,
		1px 1px 0px #fff,
		2px 1px 0px #fff,
		2px 0px 0px #fff,
		2px 0px 0px #fff,
		2px -0px 0px #fff,
		2px -1px 0px #fff,
		1px -1px 0px #fff,
		1px -2px 0px #fff,
		0px -2px 0px #fff,
		0px -2px 0px #fff,
		-0px -2px 0px #fff,
		-1px -2px 0px #fff,
		-1px -1px 0px #fff,
		-2px -1px 0px #fff,
		-2px -0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 1px 0px #fff,
		-1px 1px 0px #fff,
		-1px 2px 0px #fff,
		-0px 2px 0px #fff;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate3 span {
	display: block;
	padding-left: 1em;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate4 {
	top: 42px;
	left: 23px;
	text-shadow:
		0px 2px 0px #fff,
		0px 2px 0px #fff,
		1px 2px 0px #fff,
		1px 1px 0px #fff,
		2px 1px 0px #fff,
		2px 0px 0px #fff,
		2px 0px 0px #fff,
		2px -0px 0px #fff,
		2px -1px 0px #fff,
		1px -1px 0px #fff,
		1px -2px 0px #fff,
		0px -2px 0px #fff,
		0px -2px 0px #fff,
		-0px -2px 0px #fff,
		-1px -2px 0px #fff,
		-1px -1px 0px #fff,
		-2px -1px 0px #fff,
		-2px -0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 1px 0px #fff,
		-1px 1px 0px #fff,
		-1px 2px 0px #fff,
		-0px 2px 0px #fff;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate4 span {
	display: block;
	padding-left: .8em;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate5 {
	top: -49px;
	left: 0;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate6 {
	top: -49px;
	left: 151px;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate5::before,
#sec_infographics .box6 .graph1 .graph_img .graph1_rate6::before {
	content: "";
	width: 2px;
	height: 22px;
	background-color: #074a97;
	position: absolute;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate5::before {
	height: 32px;
	transform: rotate(-17deg);
	right: 7px;
	bottom: -34px;
}

#sec_infographics .box6 .graph1 .graph_img .graph1_rate6::before {
	transform: rotate(2deg);
	left: 3px;
	bottom: -22px;
}

#sec_infographics .box6 .graph_wrap .graph2 {
	width: 400px;
	border-left: 2px solid #074a97;
}


#sec_infographics .box6 .graph2 .graph_img {
	width: 268px;
	margin-left: auto;
	margin-right: 36px;
}

#sec_infographics .box6 .graph2 .graph_img .rate {
	font-size: 3.2rem;
	line-height: 1.2;
}

#sec_infographics .box6 .graph2 .graph_img .rate span {
	font-size: 2rem;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate1 {
	color: #074a97;
	top: 78px;
	right: 34px;
	text-shadow:
		0px 2px 0px #fff,
		0px 2px 0px #fff,
		1px 2px 0px #fff,
		1px 1px 0px #fff,
		2px 1px 0px #fff,
		2px 0px 0px #fff,
		2px 0px 0px #fff,
		2px -0px 0px #fff,
		2px -1px 0px #fff,
		1px -1px 0px #fff,
		1px -2px 0px #fff,
		0px -2px 0px #fff,
		0px -2px 0px #fff,
		-0px -2px 0px #fff,
		-1px -2px 0px #fff,
		-1px -1px 0px #fff,
		-2px -1px 0px #fff,
		-2px -0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 1px 0px #fff,
		-1px 1px 0px #fff,
		-1px 2px 0px #fff,
		-0px 2px 0px #fff;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate1 span {
	display: block;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate2 {
	text-align: center;
	bottom: 24px;
	left: 43px;
	text-shadow:
		0px 2px 0px #fff,
		0px 2px 0px #fff,
		1px 2px 0px #fff,
		1px 1px 0px #fff,
		2px 1px 0px #fff,
		2px 0px 0px #fff,
		2px 0px 0px #fff,
		2px -0px 0px #fff,
		2px -1px 0px #fff,
		1px -1px 0px #fff,
		1px -2px 0px #fff,
		0px -2px 0px #fff,
		0px -2px 0px #fff,
		-0px -2px 0px #fff,
		-1px -2px 0px #fff,
		-1px -1px 0px #fff,
		-2px -1px 0px #fff,
		-2px -0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 0px 0px #fff,
		-2px 1px 0px #fff,
		-1px 1px 0px #fff,
		-1px 2px 0px #fff,
		-0px 2px 0px #fff;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate3 {
	bottom: 79px;
	left: -68px;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate2 span {
	display: block;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate3 span {
	display: block;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate4 {
	top: 0;
	left: -64px;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate4 span {
	display: block;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate5 {
	top: -39px;
	left: 58px;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate3::before,
#sec_infographics .box6 .graph2 .graph_img .graph2_rate4::before,
#sec_infographics .box6 .graph2 .graph_img .graph2_rate5::before {
	content: "";
	width: 2px;
	height: 24px;
	background-color: #074a97;
	position: absolute;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate2::before {
	transform: rotate(9deg);
	left: 54px;
	top: -22px;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate3::before {
	height: 34px;
	transform: rotate(90deg);
	right: -22px;
	top: -6px;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate4::before {
	height: 28px;
	transform: rotate(-54deg);
	right: -19px;
	bottom: -13px;
}

#sec_infographics .box6 .graph2 .graph_img .graph2_rate5::before {
	transform: rotate(-22deg);
	left: 38px;
	bottom: -24px;
}

/*box7*/
#sec_infographics .box7 {
	padding: 45px 38px 42px;
}

#sec_infographics .box7 .ttl {
	font-size: 3.8rem;
	margin-bottom: .3em;
}

#sec_infographics .box7 .graph_wrap {
	width: 240px;
	height: 240px;
	margin: 0 auto;
}

#sec_infographics .box7 .graph_wrap .graph {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

#sec_infographics .box7 .graph_wrap .graph::before {
	content: "";
	width: .6rem;
	height: 2.7em;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	z-index: 1;
}

#sec_infographics .box7 .graph_wrap .graph .num {
	font-weight: 700;
	font-size: 4.7rem;
	letter-spacing: 0.08em;
	margin-top: 6px;
}

#sec_infographics .box7 .graph_wrap .graph .num span {
	color: #7e88bd;
}

#sec_infographics .box7 .graph_wrap .graph .pie_graph {
	transform-origin: center;
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 0;
}

#sec_infographics .box7 .graph_wrap .graph .pie_num {
	fill: none;
	stroke-width: 3;
	stroke-dasharray: 100;
}

#sec_infographics .box7 .graph_wrap .graph #men {
	stroke: #7e88bd;
	stroke-dashoffset: 100;
	transform: scale(1, -1);
	transform-origin: center;
}

#sec_infographics .box7.is-show .graph_wrap .graph #men {
	animation: men_num 1.5s ease-in-out forwards;
	animation-delay: .5s;
}

@keyframes men_num {
	100% {
		stroke-dashoffset: 30;
	}
}

#sec_infographics .box7 .graph_wrap .graph #women {
	stroke: #074a97;
	stroke-dashoffset: 100;
}

#sec_infographics .box7.is-show .graph_wrap .graph #women {
	animation: women_num 1.5s ease-in-out forwards;
	animation-delay: .5s;
}

#sec_infographics .box7 .graph_wrap .graph .img {
	width: 110px;
}

@keyframes women_num {
	100% {
		stroke-dashoffset: 71;
	}
}

/*box8*/
#sec_infographics .box8 {
	padding: 46px 40px 40px;
}

#sec_infographics .box8 .imgwrap {
	position: relative
}

#sec_infographics .box8 .img01 {
	width: 725px;
	position: absolute;
	left: -40px;
	bottom: 0;
	z-index: -1
}

#sec_infographics .box8 .ttl {
	margin-bottom: 72px;
}

#sec_infographics .box8 .num {
	position: relative;
	bottom: -10px;
}

#sec_infographics .box8 .num .counter {
	font-size: 13rem;
}

#sec_infographics .box8 .num .decimal {
	font-size: 9.75rem;
}

#sec_infographics .box8 .txt {
	margin-top: 35px;
}

#sec_infographics .box8 ul.flex {
	justify-content: flex-start;
	align-items: flex-end;
	width: 444px;
	position: absolute;
	right: -28px;
	bottom: 3px;
}

#sec_infographics .box8 ul.flex li {
	margin-right: 28px;
	width: 83px;
	opacity: 0;
	transition: .3s ease;
}

#sec_infographics .box8 ul.flex li:last-child {
	margin-right: 0;
}

#sec_infographics .box8 ul.flex li:nth-child(n + 4) {
	margin-top: 30px;
}

#sec_infographics .box8 ul.flex li:nth-child(5) {
	margin-left: -23px;
}

#sec_infographics .box8.is-show ul.flex li {
	opacity: 1;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(1) {
	transition-delay: .3s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(2) {
	transition-delay: .6s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(3) {
	transition-delay: .9s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(4) {
	transition-delay: 1.2s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(5) {
	transition-delay: 1.5s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(6) {
	transition-delay: 1.8s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(7) {
	transition-delay: 2.1s !important;
}

#sec_infographics .box8.is-show ul.flex li:nth-child(8) {
	transition-delay: 2.4s !important;
}

/*box9*/

#sec_infographics .box9 {
	padding: 40px 40px 30px;
}

#sec_infographics .box9 .ttl {
	font-size: 3.8rem;
}

#sec_infographics .box9 .img01 {
	width: 215px;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

#sec_infographics .box9 .img01 .arw {
	content: "";
	width: 15px;
	height: 65px;
	border-radius: 8px;
	background-color: #074a97;
	position: absolute;
	left: 111px;
	top: 77px;
	transition: .3s ease;
	transition-delay: .5s;
}

#sec_infographics .box9 .img01 .arw::before {
	content: "";
	width: 33px;
	height: 25px;
	background: url(../img/infographics/box9_img01_2.png) no-repeat center bottom / 100% auto;
	position: absolute;
	left: -9px;
	bottom: -6px;
}

#sec_infographics .box9 .graph_wrap {
	position: relative;
	margin-top: 22px;
}

#sec_infographics .box9 .graph_wrap .num {
	font-size: 3.6rem;
	position: absolute;
	right: 0;
	bottom: 70px;
}

#sec_infographics .box9 .graph_wrap .num .counter {
	font-size: 13rem;
}

#sec_infographics .box9 .graph_wrap .num .decimal {
	font-size: 9.75rem;
}

#sec_infographics .box9 .graph_wrap .num .decimal + .en {
	font-size: 4.5rem;
}

#sec_infographics .box9.is-show .img01 .arw {
	height: 75px;
}

/*box10*/
#sec_infographics .box10 {
	padding: 50px 40px;
}

#sec_infographics .box10 .imgwrap {
	width: 335px;
	height: 267px;
	margin-left: 25px;
	position: relative;
	padding: 74px 30px 0 42px;
	margin-bottom: 50px;
}

#sec_infographics .box10 .img01 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#sec_infographics .box10 .ttl {
	font-size: 3.8rem;
}

#sec_infographics .box10 .num {
	font-size: 5.6rem !important;
	text-indent: -.05em;
}

#sec_infographics .box10 .img02 {
	width: 72px;
	position: absolute;
	right: 30px;
	top: 70px;
}

#sec_infographics .box10 .img03 {
	width: 137px;
	position: absolute;
	right: -106px;
	bottom: -3px;
}




@media screen and (min-width: 769px) {

	#sec_infographics .box.ws {
		width: 368px;
	}

	#sec_infographics .box.w50 {
		width: 566px;
	}

	#sec_infographics .w100 {
		width: 100%;
	}

	#sec_infographics .box:nth-child(n + 3),
	#sec_infographics .scrollWrap {
		margin-top: 18px;
	}
}


@media screen and (max-width: 768px) {
	#sec_infographics {
		padding: 7vw 0 24vw;
		background: url(../img/infographics/infographics_bg_sp.png), linear-gradient(90deg, rgba(6, 74, 150, 1) 0.04%, rgba(65, 180, 190, 1) 100%);
		background-size: 100% auto;
		margin-bottom: 4vw;
	}

	#sec_infographics > .note {
		font-size: 2.4vw;
	}

	#sec_infographics .wrap.flex {
		width: 100%;
	}

	#sec_infographics .box {
		width: 84%;
		margin-left: auto;
		margin-right: auto;
		-webkit-clip-path: polygon(6.67vw 0%, 100% 0, 100% calc(100% - 6.67vw), calc(100% - 6.67vw) 100%, 0 100%, 0 6.67vw);
		clip-path: polygon(6.67vw 0%, 100% 0, 100% calc(100% - 6.67vw), calc(100% - 6.67vw) 100%, 0 100%, 0 6.67vw);
	}

	#sec_infographics .box + .box {
		margin-top: 3.33vw;
	}

	#sec_infographics .box > * + * {
		margin-top: 3vw;
	}

	#sec_infographics .box .ttl {
		font-size: 5.73vw;
	}

	#sec_infographics .box .ttl.en {
		font-size: 12.27vw;
	}

	#sec_infographics .box .txt {
		font-size: 3.2vw;
	}

	#sec_infographics .box .txt .note {
		font-size: 2.4vw;
	}

	#sec_infographics .box .num {
		font-size: 8vw;
	}

	#sec_infographics .box .num.en,
	#sec_infographics .box .num .en {
		font-size: 18.67vw;
	}

	#sec_infographics .box .num .counter {
		font-size: 24vw;
	}

	#sec_infographics .box .num .counter span {
		font-size: 75%;
	}

	#sec_infographics .box .num .counter:nth-of-type(2) {
		font-size: 19.5vw;
	}

	#sec_infographics .box .num .percent {
		font-size: 10.8vw;
	}

	/*box1*/
	#sec_infographics .box1 {
		padding: 4.8vw 5.33vw 6.4vw;
	}

	#sec_infographics .box1 .txtwrap {
		padding-top: 16vw;
	}

	#sec_infographics .box1 .img02 {
		width: 70vw;
		left: auto;
		right: 0;
	}

	#sec_infographics .box1 .txt {
		margin-top: 24vw;
		padding: 0 1em;
	}

	/*box2*/
	#sec_infographics .box2 {
		padding: 6.7vw 7vw;
	}

	#sec_infographics .box2 .ttl {
		text-align: center;
		font-size: 8.93vw;
		line-height: 1.3;
	}

	#sec_infographics .box2 .ttl span {
		font-size: 7.33vw;
	}

	#sec_infographics .box2 .ttl .en {
		font-size: 5.2vw;
		line-height: 7.47vw;
		border-radius: 3.73vw;
		margin-right: 2vw;
		vertical-align: middle;
	}

	#sec_infographics .box2 .num {
		max-width: inherit;
		text-align: center;
	}

	#sec_infographics .box2 .txt {
		margin-top: 4px;
	}

	#sec_infographics .box2 .graph_wrap {
		width: 100%;
		margin: 5vw 0 0;
	}

	#sec_infographics .box2 .graph_wrap .graph_ttl {
		font-size: 2.4vw;
		margin-bottom: 7vw;
		line-height: 4.53vw;
	}

	#sec_infographics .box2 .graph_wrap .graph {
		height: 50vw;
	}

	#sec_infographics .box2 .graph .bars {
		width: 59vw;
	}

	#sec_infographics .box2 .graph .bar-group {
		width: 4.67vw;
		margin-left: 1.47vw;
		font-size: .14vw;
	}

	#sec_infographics .box2 .graph .bar-group:first-of-type {
		height: 330em !important;
	}

	#sec_infographics .box2 .graph .bar-group:nth-of-type(2) {
		height: 249em !important;
	}

	#sec_infographics .box2 .graph .bar-group > .txtup {
		font-size: 2.27vw;
	}

	#sec_infographics .box2 .graph .bar-group > .txtup span {
		font-size: 1.7vw;
	}

	#sec_infographics .box2 .graph .bar-group .bar .com {
		font-size: 2vw;
		letter-spacing: 0.05em;
		white-space: nowrap;
		bottom: 1.2vw;
	}

	#sec_infographics .box2 .graph .bar-group.kokubu .circle {
		width: 15.27vw;
		height: 15.27vw;
		transform: translate(-50%, 1.73vw);
		border: 1px solid #fff;
	}

	#sec_infographics .box2 .graph .bar-group.kokubu .circle .txt {
		/* font-size: 1.73vw; */
		font-size: 2.2vw;
	}

	#sec_infographics .box2 .graph .bar-group.kokubu .circle .txtup {
		font-size: 3.2vw;
		margin-bottom: 1.2vw;
	}

	#sec_infographics .box2 .graph .y-axis {
		width: 64vw;
		height: 100%;
	}

	#sec_infographics .box2 .graph .y-axis li {
		height: 5.9vw;
		height: calc(100% / 7);
	}


	#sec_infographics .box2 .graph .y-axis li span {
		font-size: 1vw;
		left: -6vw;
		width: 6.5vw;
	}

	#sec_infographics .box2 .graph .y-axis li span strong {
		font-size: 2.4rem;
	}




	/*box3*/
	#sec_infographics .box3 {
		width: 230vw;
		padding: 12vw 8vw 8vw;
		margin: 3.33vw 0 3.33vw 8vw;
	}

	#sec_infographics .box3 .txtwrap {
		width: 141vw;
		left: 8vw;
		top: 10vw;
	}

	#sec_infographics .box3 .txtwrap .txt {
		width: 66.666vw;
	}
	
	#sec_infographics .box3 .ttlwrap{
		width: 66.5vw;
	}
	
	#sec_infographics .box3 .ttl {
		font-size: 8vw;
	}

	#sec_infographics .box3 .num .counter {
		font-size: 26.4vw;
	}

	#sec_infographics .box3 .num .decimal {
		font-size: 19.8vw;
	}

	#sec_infographics .box3 .graph_wrap .arw {
        top: 7.6vw;
        width: 190.666vw;
        height: 52.8vw;
	}

	#sec_infographics .box3 .graph_wrap .graph {
		height: 77vw;
		position: relative;
	}

	#sec_infographics .box3 .graph .bars {
		padding-bottom: 4vw;
		max-width: inherit;
		width: 209.33vw;
	}

	#sec_infographics .box3 .graph .bar-group {
		width: 10.67vw;
		font-size: .2015vw;
	}

	#sec_infographics .box3 .graph .bar-group .txtup {
		font-size: 2.8vw;
		transform: translate(-50%, -.8vw) scaleY(0);
	}

	#sec_infographics .box3.is-show .graph .bar-group .txtup {
		transform: translate(-50%, -.8vw) scaleY(1);
	}

	#sec_infographics .box3 .graph .bar-group .year {
		font-size: 2.8vw;
		line-height: 4vw;
		bottom: -4vw;
	}

	#sec_infographics .box3 .graph .bar12 .txtup::before {
		width: 20.4vw;
		height: 5.6vw;
		left: -5.2vw;
		top: -2.8vw;
	}

	#sec_infographics .box3 .num .decimal {
		font-size: 7.2rem;
	}

	#sec_infographics .box3 .graph .bar14 .bar .txtup {
		font-size: 7.4vw;
	}

	#sec_infographics .box3 .graph .bar14 .txtup::before {
		width: 21vw;
		height: 5.6vw;
		left: -4.7vw;
		top: -3.4vw;
	}

	#sec_infographics .box3 .graph .bar14 .txtup span {
		font-size: 2.8vw;
	}

	/*box4*/
	#sec_infographics .box4 {
		padding: 8vw 0;
	}

	#sec_infographics .box4 .txtwrap {
		padding: 27vw 8vw 0;
	}


	#sec_infographics .box4 .ttl,
	#sec_infographics .box4 .num {
		margin-left: 8vw;
	}

	#sec_infographics .box4 .num .counter {
		font-size: 20.53vw;
		margin-top: .8vw;
	}

	#sec_infographics .box4 .img02 {
		width: 8.6vw;
		height: 17.8vw;
		top: -13vw;
		left: 18vw;
		transition: .8s ease;
		transition-delay: .5s;
	}

	#sec_infographics .box4 .img02 img {
		width: 8.6vw;
	}

	#sec_infographics .box4 .img02::before {
		height: 1.07vw;
		bottom: -.4vw;
	}

	#sec_infographics .box4.is-show .img02 {
		width: 50vw;
	}

	#sec_infographics .box4.is-show .img02::before {
		width: 42.4vw;
	}

	/*box5*/
	#sec_infographics .box5 {
		padding: 10vw 6.66vw 6.66vw;
		background: #fff url(../img/infographics/box5_bg.png) no-repeat center top / 79.2vw auto;
	}

	#sec_infographics .box5 .inner {
		display: block;
	}

	#sec_infographics .box5 .inner > div:nth-child(1) {
		width: 100%;
	}

	#sec_infographics .box5 .inner > div:nth-child(2) {
		width: 100%;
		margin-top: 8.4vw;
	}

	#sec_infographics .box5 .ttl {
		font-size: 10.4vw;
	}

	#sec_infographics .box5 .num {
		font-size: 11.4vw;
		margin-bottom: 25px;
	}

	#sec_infographics .box5 .num .counter {
		font-size: 26vw;
	}

	#sec_infographics .box5 .imgwrap > ul {
		min-height: inherit;
		justify-content: center;
	}

	#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap > ul > li {
		width: 23.8vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap ul ul {
		width: 9.4vw;
		margin-left: 2.4vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(1) .imgwrap ul ul li + li{
		margin-top: 2vw;
	}
	

	#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap > ul > li {
		width: 19.6vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap > ul > li + li {
		margin-left: 1vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul ul {
		width: 30.2vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul ul li {
		width: 9.8vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul ul li:not(:nth-child(3n + 1)) {
		margin-left: .4vw;
	}

	#sec_infographics .box5 .inner > div:nth-child(2) .imgwrap ul li:nth-child(n + 4) {
		margin-top: 1.6vw;
	}

	#sec_infographics .box5 .txt {
		margin-top: 6vw;
	}


	/*box6*/
	#sec_infographics .box6 {
		padding: 6.67vw 8vw 8vw;
	}

	#sec_infographics .box6 .txtwrap {
		width: 100%;
		margin-left: 0;
	}

	#sec_infographics .box6 .ttl {
		font-size: 7.6vw;
	}

	#sec_infographics .box6 .txt {
		letter-spacing: 0.05em;
	}

	#sec_infographics .box6 .imgwrap {
		width: 84vw;
		position: relative;
		bottom: 0;
		left: -8vw;
	}

	#sec_infographics .box6 .imgwrap ul.flex {
		width: 100%;
		margin-left: 0;
		margin-bottom: -3.6vw;
	}

	#sec_infographics .box6 .imgwrap ul.flex li {
		width: 6.4vw;
		margin: 0 2.2vw;
	}

	#sec_infographics .box6 .graph_wrap {
		width: 100%;
		padding-bottom: 0;
	}

	#sec_infographics .box6 .graph .graph_ttl {
		font-size: 7.6vw;
	}

	#sec_infographics .box6 .graph .graph_img .rate {
		font-size: 8vw;
	}

	#sec_infographics .box6 .graph .graph_img .rate span {
		font-size: 4.8vw;
	}



	#sec_infographics .box6 .graph_wrap .graph1 {
		width: 100%;
		padding: 16vw 0 8vw;
	}

	#sec_infographics .box6 .graph_wrap .graph1 .graph_img {
		width: 62.4vw;
		margin-right: 1.4vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate1 {
		font-size: 12.8vw;
		right: -3.2vw;
		top: 13.2vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate1 span {
		font-size: 6vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate2 {
		font-size: 12.8vw;
		bottom: 6vw;
		left: 20vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate2 span {
		font-size: 6vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate3 {
		top: 27.4vw;
		left: 3vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate4 {
		top: 8.4vw;
		left: 4.6vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate5 {
		top: -9.8vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate6 {
		top: -11.8vw;
		left: 28vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate5::before,
	#sec_infographics .box6 .graph1 .graph_img .graph1_rate6::before {
		width: 2px;
		height: 4.4vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate5::before {
		height: 6vw;
		right: 1.4vw;
		bottom: -6.8vw;
	}

	#sec_infographics .box6 .graph1 .graph_img .graph1_rate6::before {
		left: 3vw;
		bottom: -6.4vw;
	}

	#sec_infographics .box6 .graph_wrap .graph2 {
		width: 100%;
		padding: 8vw 0 14vw;
		border-left: none;
		border-top: 2px solid #074a97;
	}


	#sec_infographics .box6 .graph2 .graph_img {
		width: 52.5vw;
		margin-left: auto;
		margin-right: 1.4vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .rate {
		font-size: 6.4vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .rate span {
		font-size: 4vw;

	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate1 {
		top: 15.6vw;
		right: 6vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate2 {
		bottom: 4.8vw;
		left: 8.3vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate3 {
		bottom: 14.6vw;
		left: -13.6vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate4 {
		left: -12vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate5 {
		top: -9.2vw;
		left: 12.6vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate3::before,
	#sec_infographics .box6 .graph2 .graph_img .graph2_rate4::before,
	#sec_infographics .box6 .graph2 .graph_img .graph2_rate5::before {
		width: 2px;
		height: 5.7vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate3::before {
		right: -4.6vw;
		top: -1.2vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate4::before {
		height: 6.3vw;
		right: -4vw;
		bottom: -2.7vw;
	}

	#sec_infographics .box6 .graph2 .graph_img .graph2_rate5::before {
		transform: rotate(3deg);
		left: 7.8vw;
		bottom: -5.8vw;
	}

	/*box7*/
	#sec_infographics .box7 {
		padding: 7.2vw 8vw 6vw;
	}

	#sec_infographics .box7 .ttl {
		font-size: 7.6vw;
	}

	#sec_infographics .box7 .graph_wrap {
		width: 60vw;
		height: 60vw;
	}

	#sec_infographics .box7 .graph_wrap .graph .img {
		width: 27.2vw;
	}

	#sec_infographics .box7 .graph_wrap .graph::before {
		width: 1.05vw;
		height: 8vw;
	}

	#sec_infographics .box7 .graph_wrap .graph .num {
		font-size: 11.73vw;
		margin-top: 1.2vw;
	}

	#sec_infographics .box7 .graph_wrap .graph .img {
		width: 27.2vw;
	}

	/*box8*/
	#sec_infographics .box8 {
		padding: 5.33vw 8vw 7vw;
	}

	#sec_infographics .box8 .imgwrap {
		/*		padding-top: 24vw;*/
		padding-bottom: 38vw;
	}

	#sec_infographics .box8 .img01 {
		width: 84vw;
		left: -8vw;
	}

	#sec_infographics .box8 .ttl {
		font-size: 7.6vw;
		margin-bottom: 23vw;
		text-align: center;
	}

	#sec_infographics .box8 .num .en {
		margin: 0 2vw;
	}

	#sec_infographics .box8 .txt {
		margin-top: 9vw;
	}

	#sec_infographics .box8 .num .decimal {
		font-size: 6rem;
	}

	#sec_infographics .box8 ul.flex {
		width: 74.67vw;
        right: -7vw;
		bottom: 0.54vw;
	}

	#sec_infographics .box8 ul.flex li {
		margin-right: 3.7vw;
        width: 15.33vw;
	}
	#sec_infographics .box8 ul.flex li:nth-child(4n) {
		margin-right: 0;
	}
	#sec_infographics .box8 ul.flex li:nth-child(n + 4) {
		margin-top: 5.6vw;
	}

	#sec_infographics .box8 ul.flex li:nth-child(5) {
		margin-left: 0;
		margin-left: -4.8vw;
	}

	/*box9*/

	#sec_infographics .box9 {
		padding: 6vw 8vw;
	}

	#sec_infographics .box9 .ttl {
		font-size: 5.46vw;
	}

	#sec_infographics .box9 .img01 {
		width: 30.8vw;
	}

	#sec_infographics .box9 .img01 .arw {
		width: 2.33vw;
		height: 9vw;
		border-radius: 1.15vw;
		left: 15.86vw;
		top: 11.46vw;
	}

	#sec_infographics .box9 .img01 .arw::before {
		width: 4.66vw;
		height: 3.5vw;
		left: -1.165vw;
		bottom: -1.4vw;
	}

	#sec_infographics .box9 .graph_wrap {
		margin-top: 3vw;
	}

	#sec_infographics .box9 .graph_wrap .num {
		font-size: 5.2vw;
		bottom: 9.2vw;
		right: -1.4vw;
	}

	#sec_infographics .box9 .graph_wrap .num .counter {
		font-size: 18.66vw;
	}

	#sec_infographics .box9 .graph_wrap .num .decimal {
		font-size: 13.995vw;
	}

	#sec_infographics .box9 .graph_wrap .num .decimal + .en {
		font-size: 6.5vw;
		margin-left: .6vw;
	}

	#sec_infographics .box9.is-show .img01 .arw {
		height: 10vw;
	}


	/*box10*/
	#sec_infographics .box10 {
		padding: 8vw 8vw 6vw;
	}

	#sec_infographics .box10 .imgwrap {
		width: 52vw;
		height: 42vw;
		margin-left: 0;
		padding: 12vw 6vw 0 6vw;
		margin-bottom: 5vw;
	}


	#sec_infographics .box10 .ttl {
		font-size: 5.87vw;
	}

	#sec_infographics .box10 .num {
		font-size: 8.67vw !important;
		text-indent: -.05em;
	}

	#sec_infographics .box10 .num .counter {
		font-size: 18.67vw;
	}

	#sec_infographics .box10 .img02 {
		width: 11.2vw;
		right: 6vw;
		top: 10vw;
	}

	#sec_infographics .box10 .img03 {
		width: 21.33vw;
		right: -16.4vw;
		bottom: -.1vw;
	}

	#sec_infographics::before {
		height: 10vw;
		bottom: -5vw;
	}

}