/**
 * User
 */
.l-header .header-navigation .navigation-list .item-04 a {
	background-color: #FFFFFF; 
	cursor: default;
}
.l-header .header-navigation .navigation-list .item-04 a:hover, .l-header .header-navigation .navigation-list .item-04 a:focus, .l-header .header-navigation .navigation-list .item-04 a:active {
	opacity: 1;
}
@media screen and (min-width: 64em) {
	.l-header .header-navigation .navigation-list .item-04 {
		position: relative;
	}
	.l-header .header-navigation .navigation-list .item-04::after {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 2px;
		content: "";
		background-color: #80A31B;
	}
}

.intro-header {
	position: relative;
	z-index: 1;
	padding: 53.3% 0 0 0;
	background-color: #FFF8E8;
	background-image: url(../img/top_intro_bg_sp.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}
.intro-heading {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 0 20px 0 20px;
	font-weight: 700;
	font-size: 5vw; 
	line-height: 1.5;
	text-align: center;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.intro-medal {
	overflow: hidden; 
	position: relative;
	z-index: 2;
	margin: -15vw 20px 0 20px;
}
.intro-medal .list-items {
	display: -ms-flexbox;
	display: flex;
	margin: -10px -5px 0 -5px; 

	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.intro-medal .list-item {
	width: 50%;
	margin: 10px 0 0 0;
	padding: 0 5px 0 5px;
}
.intro-medal .list-item img {
	width: 100%;
}
.intro-lead {
	padding: 40px 20px 40px 20px;
	font-size: 1.6rem; 
	line-height: 1.75;
	text-align: center;
}
@media screen and (min-width: 64em) {
	.intro-header {
		height: 251px;
		padding: 0;
		background-image: url(../img/top_intro_bg_pc.png);
		background-position: center center;
		background-size: 1200px auto;
	}
	.intro-heading {
		padding: 0 0 25px 0;
		font-size: 3.2rem;
	}
	.intro-medal {
		margin: -99px 0 0 0;
	}
	.intro-medal .list-items {
		margin: -10px -15px 0 -15px;
	}
	.intro-medal .list-item {
		width: auto;
		margin: 10px 0 0 0;
		padding: 0 15px 0 15px;
	}
	.intro-medal .list-item img {
		width: auto;
	}
}

.sec-industry {
	background-color: #F5F5F5;
}
.sec-industry .industry-inner {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden; 
	max-width: 950px;
	margin: 0 auto 0 auto;
	padding: 40px 20px 50px 20px;

	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-industry .industry-img {
	width: 100%;
	margin: 0 auto 0 auto;
}
.sec-industry .industry-img-inner {
	position: relative;
	width: 100%;
	padding: 92.2% 0 0 0;
}
.sec-industry .industry-contents {
	opacity: 0;
	transform: translate(50px, 0);
	width: 100%;
	margin: 40px 0 0 0;
	transition: all 0.5s ease-out 1.0s;
}
.sec-industry .industry-summary {
	margin: 10px 0 0 0;
	font-size: 1.4rem; 
	line-height: 1.71429;
}
.sec-industry .industry-breakdown {
	margin: 20px 0 0 0;
}
.sec-industry .industry-note {
	margin: 20px 0 0 0;
	color: #A8A9AA;
	font-size: 1.2rem; 
	line-height: 1.66667;
}
.sec-industry .industry-heading {
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	position: absolute;
	top: 8.5%;
	left: 23.3%;
	z-index: 3;
	width: 71.5%;
	height: 77.6%;
	padding: 10px 0 0 0;
	font-weight: 700;
	font-size: 5.625vw; 
	line-height: 1.5;
	text-align: center;
	transition: opacity 0.5s ease-out 1.0s;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-industry .industry-buil-01, .sec-industry .industry-buil-02, .sec-industry .industry-buil-03, .sec-industry .industry-buil-04, .sec-industry .industry-buil-05, .sec-industry .industry-buil-06, .sec-industry .industry-buil-07 {
	position: absolute;
	z-index: 2;
}
.sec-industry .industry-buil-01 img, .sec-industry .industry-buil-02 img, .sec-industry .industry-buil-03 img, .sec-industry .industry-buil-04 img, .sec-industry .industry-buil-05 img, .sec-industry .industry-buil-06 img, .sec-industry .industry-buil-07 img {
	transform: translate(0, -1000px); 
	width: 100%;
	vertical-align: bottom;
	transition: all 0.3s ease-out;
}
.sec-industry .industry-buil-01::before, .sec-industry .industry-buil-02::before, .sec-industry .industry-buil-03::before, .sec-industry .industry-buil-04::before, .sec-industry .industry-buil-05::before, .sec-industry .industry-buil-06::before, .sec-industry .industry-buil-07::before {
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	transition: all 0.3s ease-out;
}
.sec-industry .industry-buil-01 {
	top: 1.7%;
	left: 7.4%;
	width: 7%;
}
.sec-industry .industry-buil-01 img {
	transition-delay: 0s;
}
.sec-industry .industry-buil-01::before {
	width: 168.8%;
	height: 41.4%;
	background-image: url(../img/top_industry_buil_01_bg.png);
	transition-delay: 0.1s;
}
.sec-industry .industry-buil-02 {
	top: 30.4%;
	left: 12.4%;
	width: 3.5%;
}
.sec-industry .industry-buil-02 img {
	transition-delay: 0.1s;
}
.sec-industry .industry-buil-02::before {
	width: 168.8%;
	height: 31.3%;
	background-image: url(../img/top_industry_buil_02_bg.png);
	transition-delay: 0.2s;
}
.sec-industry .industry-buil-03 {
	top: 55.4%;
	left: 0;
	width: 7.6%;
}
.sec-industry .industry-buil-03 img {
	transition-delay: 0.2s;
}
.sec-industry .industry-buil-03::before {
	width: 162.9%;
	height: 46.2%;
	background-image: url(../img/top_industry_buil_03_bg.png);
	transition-delay: 0.3s;
}
.sec-industry .industry-buil-04 {
	top: 82.8%;
	left: 21.1%;
	width: 8.5%;
}
.sec-industry .industry-buil-04 img {
	transition-delay: 0.1s;
}
.sec-industry .industry-buil-04::before {
	width: 148.7%;
	height: 42.3%;
	background-image: url(../img/top_industry_buil_04_bg.png);
	transition-delay: 0.2s;
}
.sec-industry .industry-buil-05 {
	top: 0;
	left: 92.4%;
	width: 4.6%;
}
.sec-industry .industry-buil-05 img {
	transition-delay: 0.3s;
}
.sec-industry .industry-buil-05::before {
	width: 171.4%;
	height: 30.8%;
	background-image: url(../img/top_industry_buil_05_bg.png);
	transition-delay: 0.4s;
}
.sec-industry .industry-buil-06 {
	top: 23.8%;
	left: 71.1%;
	width: 6.1%;
}
.sec-industry .industry-buil-06 img {
	transition-delay: 0.5s;
}
.sec-industry .industry-buil-06::before {
	width: 167.9%;
	height: 55.6%;
	background-image: url(../img/top_industry_buil_06_bg.png);
	transition-delay: 0.6s;
}
.sec-industry .industry-buil-07 {
	top: 80%;
	left: 88.7%;
	width: 7.6%;
}
.sec-industry .industry-buil-07 img {
	transition-delay: 0.3s;
}
.sec-industry .industry-buil-07::before {
	width: 165.7%;
	height: 46.2%;
	background-image: url(../img/top_industry_buil_07_bg.png);
	transition-delay: 0.4s;
}
.sec-industry .industry-graph {
	position: absolute;
	top: 8.5%;
	left: 23.3%;
	z-index: 1;
	width: 71.5%;
	height: 77.6%;
}
.sec-industry .industry-graph svg {
	width: 100%;
	height: 100%;
}
.sec-industry .industry-graph svg .pie {
	transform: rotate(90deg) scale(-1, 1);
	transition: all 1s ease-out 0.5s; 

	fill: transparent;
	stroke: #F5F5F5;
	stroke-width: 50;
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	transform-origin: 50%;
}
.is_ua_gte_IE10 .sec-industry .industry-graph svg .pie {
	opacity: 1;
}
.sec-industry .industry-graph svg .overlay {
	transition: all 1s linear 0.5s; 

	fill: #F5F5F5;
}
.is_ua_gte_IE10 .sec-industry .industry-graph svg {
	opacity: 0; 
	transition: opacity 1s ease-out 0.5s;
}
.sec-industry.is-animation .industry-heading {
	opacity: 1;
}
.sec-industry.is-animation .industry-buil-01 img, .sec-industry.is-animation .industry-buil-02 img, .sec-industry.is-animation .industry-buil-03 img, .sec-industry.is-animation .industry-buil-04 img, .sec-industry.is-animation .industry-buil-05 img, .sec-industry.is-animation .industry-buil-06 img, .sec-industry.is-animation .industry-buil-07 img {
	transform: translate(0, 0);
}
.sec-industry.is-animation .industry-buil-01::before, .sec-industry.is-animation .industry-buil-02::before, .sec-industry.is-animation .industry-buil-03::before, .sec-industry.is-animation .industry-buil-04::before, .sec-industry.is-animation .industry-buil-05::before, .sec-industry.is-animation .industry-buil-06::before, .sec-industry.is-animation .industry-buil-07::before {
	opacity: 1;
}
.sec-industry.is-animation .industry-graph svg .pie {
	stroke-dashoffset: 1000;
}
.is_ua_gte_IE10 .sec-industry.is-animation .industry-graph svg .pie {
	opacity: 0;

	stroke-dashoffset: 0;
}
.sec-industry.is-animation .industry-graph svg .overlay {
	fill: #FFFFFF;
}
.is_ua_gte_IE10 .sec-industry.is-animation .industry-graph svg {
	opacity: 1;
}
.sec-industry.is-animation .industry-contents {
	opacity: 1;
	transform: translate(0, 0);
}
@media screen and (min-width: 64em) {
	.sec-industry .industry-inner {
		padding: 70px 0 70px 0; 

		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.sec-industry .industry-img {
		width: 460px;
		height: 424px;
		margin: 0 0 0 16px;
		padding: 0;
	}
	.sec-industry .industry-contents {
		width: 326px;
		margin: 0 auto 0 50px;
	}
	.sec-industry .industry-heading {
		font-size: 2.4rem;
	}
	.sec-industry .industry-buil-01 img, .sec-industry .industry-buil-02 img, .sec-industry .industry-buil-03 img, .sec-industry .industry-buil-04 img, .sec-industry .industry-buil-05 img, .sec-industry .industry-buil-06 img, .sec-industry .industry-buil-07 img {
		transform: translate(0, -700px);
	}
}

.sec-job .job-inner {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden; 
	max-width: 950px;
	margin: 0 auto 0 auto;
	padding: 40px 20px 50px 20px;

	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-job .job-img {
	width: 100%;
	margin: 0 auto 0 auto;
}
.sec-job .job-img-inner {
	position: relative;
	width: 100%;
	padding: 86.9% 0 0 0;
}
.sec-job .job-contents {
	opacity: 0;
	transform: translate(-50px, 0);
	width: 100%;
	margin: 40px 0 0 0;
	transition: all 0.5s linear 1.0s;
}
.sec-job .job-summary {
	margin: 10px 0 0 0;
	font-size: 1.4rem; 
	line-height: 1.71429;
}
.sec-job .job-breakdown {
	margin: 20px 0 0 0;
}
.sec-job .job-note {
	margin: 20px 0 0 0;
	color: #A8A9AA;
	font-size: 1.2rem; 
	line-height: 1.66667;
}
.sec-job .job-heading {
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	position: absolute;
	top: 10.7%;
	left: 7.5%;
	z-index: 3;
	width: 74.4%;
	height: 85.7%;
	padding: 10px 0 0 0;
	font-weight: 700;
	font-size: 5.625vw; 
	line-height: 1.5;
	text-align: center;
	transition: opacity 0.5s ease-out 1.0s;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-job .job-human-01, .sec-job .job-human-02, .sec-job .job-human-03, .sec-job .job-human-04, .sec-job .job-human-05, .sec-job .job-human-06, .sec-job .job-human-07, .sec-job .job-human-08 {
	position: absolute;
	z-index: 2;
}
.sec-job .job-human-01 img, .sec-job .job-human-02 img, .sec-job .job-human-03 img, .sec-job .job-human-04 img, .sec-job .job-human-05 img, .sec-job .job-human-06 img, .sec-job .job-human-07 img, .sec-job .job-human-08 img {
	transform: translate(0, -1000px); 
	width: 100%;
	vertical-align: bottom;
	transition: all 0.3s ease-out;
}
.sec-job .job-human-01::before, .sec-job .job-human-02::before, .sec-job .job-human-03::before, .sec-job .job-human-04::before, .sec-job .job-human-05::before, .sec-job .job-human-06::before, .sec-job .job-human-07::before, .sec-job .job-human-08::before {
	opacity: 0;
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translate(-50%, 0);
	content: "";
	background-image: url(../img/top_job_human_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	transition: all 0.3s ease-out;
}
.sec-job .job-human-01 {
	top: 7.6%;
	left: 8.1%;
	width: 4.5%;
}
.sec-job .job-human-01 img {
	transition-delay: 0s;
}
.sec-job .job-human-01::before {
	width: 115%;
	height: 21.2%;
	transition-delay: 0.1s;
}
.sec-job .job-human-02 {
	top: 72.7%;
	left: 0.7%;
	width: 3.6%;
}
.sec-job .job-human-02 img {
	transition-delay: 0.1s;
}
.sec-job .job-human-02::before {
	width: 143.8%;
	height: 22.6%;
	transition-delay: 0.2s;
}
.sec-job .job-human-03 {
	top: 91.4%;
	left: 8.8%;
	width: 2.7%;
}
.sec-job .job-human-03 img {
	transition-delay: 0.2s;
}
.sec-job .job-human-03::before {
	width: 191.7%;
	height: 21.2%;
	transition-delay: 0.3s;
}
.sec-job .job-human-04 {
	top: 0;
	left: 64.5%;
	width: 4.5%;
}
.sec-job .job-human-04 img {
	transition-delay: 0.4s;
}
.sec-job .job-human-04::before {
	width: 115%;
	height: 21.9%;
	transition-delay: 0.5s;
}
.sec-job .job-human-05 {
	top: 69.5%;
	left: 52.5%;
	width: 6.1%;
}
.sec-job .job-human-05 img {
	transition-delay: 0.5s;
}
.sec-job .job-human-05::before {
	width: 85.2%;
	height: 21.2%;
	transition-delay: 0.6s;
}
.sec-job .job-human-06 {
	top: 87.8%;
	left: 77.8%;
	width: 4.8%;
}
.sec-job .job-human-06 img {
	transition-delay: 0.1s;
}
.sec-job .job-human-06::before {
	width: 109.5%;
	height: 22.6%;
	transition-delay: 0.2s;
}
.sec-job .job-human-07 {
	top: 40.6%;
	left: 94.1%;
	width: 3.2%;
}
.sec-job .job-human-07 img {
	transition-delay: 0.3s;
}
.sec-job .job-human-07::before {
	width: 164.3%;
	height: 17.9%;
	transition-delay: 0.4s;
}
.sec-job .job-human-08 {
	top: 79.2%;
	left: 94.6%;
	width: 5.9%;
}
.sec-job .job-human-08 img {
	transition-delay: 0.2s;
}
.sec-job .job-human-08::before {
	width: 88.5%;
	height: 20.6%;
	transition-delay: 0.3s;
}
.sec-job .job-graph {
	position: absolute;
	top: 10.7%;
	left: 7.5%;
	z-index: 1;
	width: 74.4%;
	height: 85.7%;
}
.sec-job .job-graph svg {
	width: 100%;
	height: 100%;
}
.sec-job .job-graph svg .pie {
	transform: rotate(90deg) scale(-1, 1);
	transition: all 1s ease-out 0.5s; 

	fill: transparent;
	stroke: #FFFFFF;
	stroke-width: 50;
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	transform-origin: 50%;
}
.is_ua_gte_IE10 .sec-job .job-graph svg {
	opacity: 0; 
	transition: opacity 1s ease-out 0.5s;
}
.sec-job.is-animation .job-heading {
	opacity: 1;
}
.sec-job.is-animation .job-graph svg .pie {
	stroke-dashoffset: 1000;
}
.is_ua_gte_IE10 .sec-job.is-animation .job-graph svg {
	opacity: 1;
}
.sec-job.is-animation .job-human-01 img, .sec-job.is-animation .job-human-02 img, .sec-job.is-animation .job-human-03 img, .sec-job.is-animation .job-human-04 img, .sec-job.is-animation .job-human-05 img, .sec-job.is-animation .job-human-06 img, .sec-job.is-animation .job-human-07 img, .sec-job.is-animation .job-human-08 img {
	transform: translate(0, 0);
}
.sec-job.is-animation .job-human-01::before, .sec-job.is-animation .job-human-02::before, .sec-job.is-animation .job-human-03::before, .sec-job.is-animation .job-human-04::before, .sec-job.is-animation .job-human-05::before, .sec-job.is-animation .job-human-06::before, .sec-job.is-animation .job-human-07::before, .sec-job.is-animation .job-human-08::before {
	opacity: 1;
}
.sec-job.is-animation .job-contents {
	opacity: 1;
	transform: translate(0, 0);
}
@media screen and (min-width: 64em) {
	.sec-job .job-inner {
		padding: 70px 0 70px 0; 

		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.sec-job .job-img {
		width: 442px;
		height: 384px;
		margin: 0;
		padding: 0;

		-ms-flex-order: 2;
		order: 2;
	}
	.sec-job .job-contents {
		width: 326px;
		margin: 0 36px 0 100px;

		-ms-flex-order: 1;
		order: 1;
	}
	.sec-job .job-heading {
		font-size: 2.4rem;
	}
	.sec-job .job-human-01 img, .sec-job .job-human-02 img, .sec-job .job-human-03 img, .sec-job .job-human-04 img, .sec-job .job-human-05 img, .sec-job .job-human-06 img, .sec-job .job-human-07 img, .sec-job .job-human-08 img {
		transform: translate(0, -700px);
	}
}

.sec-region {
	background-color: #F5F5F5;
}
.sec-region .region-inner {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden; 
	max-width: 950px;
	margin: 0 auto 0 auto;
	padding: 50px 20px 50px 20px;

	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-region .region-heading {
	margin: 0 0 20px 0;
	font-weight: 700;
	font-size: 2.4rem; 
	text-align: center;
}
.sec-region .region-majority {
	width: 100%;
}
.sec-region .region-summary {
	margin: 10px 0 0 0;
	font-size: 1.4rem; 
	line-height: 1.71429;
}
.sec-region .region-graph-circle {
	position: relative;
	transform: scale(0);
	width: 240px;
	height: 240px;
	margin: 20px auto 0 auto;
	border-radius: 50%;
	background-color: #7ECADC;
	transition: all 0.3s ease-out;
}
.sec-region .region-graph-circle .graph-label {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%; 
	text-align: center;

	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-region .region-graph-circle .graph-label dt {
	font-size: 1.6rem; 
	line-height: 2.25;
}
.sec-region .region-graph-circle .graph-label dd {
	margin: -10px 0 0 0;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 3rem; 
	line-height: 1.6;
}
.sec-region .region-graph-bar {
	display: -ms-flexbox;
	display: flex;
	max-width: 356px;
	margin: 0 auto 0 auto; 

	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.sec-region .region-graph-bar .graph-label {
	transform: translate(0, 130%); 
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1.6rem;
	text-align: center;
}
.sec-region .region-graph-bar .graph-y {
	display: -ms-flexbox;
	display: flex;
	width: 10%;
	padding: 0 10px 0 0;
	text-align: right; 

	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-order: 1;
	order: 1;
}
.sec-region .region-graph-bar .graph-y p {
	font-size: 1.2rem;
}
.sec-region .region-graph-bar .graph-y p::after {
	margin: 0 0 0 5px;
	color: #C4C5C5; 
	content: "-";
}
.sec-region .region-graph-bar .graph-x {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0 0 0 10%;

	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-order: 3;
	order: 3;
}
.sec-region .region-graph-bar .graph-x p {
	font-size: 1.2rem; 

	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}
.sec-region .region-graph-bar .graph-bar {
	position: relative;
	width: 90%;
	margin: 10px 0 10px 0;

	-ms-flex-order: 2;
	order: 2;
}
.sec-region .region-graph-bar .graph-bar::before {
	display: block;
	width: 100%;
	padding: 76.2% 0 0 0; 
	content: "";
}
.sec-region .region-graph-bar .graph-bar-inner {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%; 

	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.sec-region .region-graph-bar .graph-bar p {
	position: relative;
	width: 8.1%;
}
.sec-region .region-graph-bar .graph-bar p::before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%; 
	content: "";
}
.sec-region .region-graph-bar .graph-bar .item-01::before, .sec-region .region-graph-bar .graph-bar .item-02::before, .sec-region .region-graph-bar .graph-bar .item-03::before, .sec-region .region-graph-bar .graph-bar .item-04::before, .sec-region .region-graph-bar .graph-bar .item-05::before, .sec-region .region-graph-bar .graph-bar .item-06::before, .sec-region .region-graph-bar .graph-bar .item-07::before, .sec-region .region-graph-bar .graph-bar .item-08::before, .sec-region .region-graph-bar .graph-bar .item-09::before {
	transform: scale(1, 0);
	transition: all 0.3s ease; 

	transform-origin: 100% 100%;
}
.sec-region .region-graph-bar .graph-bar .item-01::before {
	height: 86%;
	background-color: #FF3F4E;
}
.sec-region .region-graph-bar .graph-bar .item-02::before {
	height: 47%;
	background-color: #FF848E;
}
.sec-region .region-graph-bar .graph-bar .item-03::before {
	height: 39%;
	background-color: #FFDA00;
}
.sec-region .region-graph-bar .graph-bar .item-04::before {
	height: 29%;
	background-color: #FFEC7C;
}
.sec-region .region-graph-bar .graph-bar .item-05::before {
	height: 27%;
	background-color: #88CA00;
}
.sec-region .region-graph-bar .graph-bar .item-06::before {
	height: 23%;
	background-color: #C5E583;
}
.sec-region .region-graph-bar .graph-bar .item-07::before {
	height: 20%;
	background-color: #52B8FF;
}
.sec-region .region-graph-bar .graph-bar .item-08::before {
	height: 19%;
	background-color: #A2D9FF;
}
.sec-region .region-graph-bar .graph-bar .item-09::before {
	height: 16%;
	background-color: #B0BCBF;
}
.sec-region.is-animation .region-graph-circle {
	transform: scale(1);
}
.sec-region.is-animation .region-graph-bar .graph-bar .item-01::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-02::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-03::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-04::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-05::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-06::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-07::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-08::before, .sec-region.is-animation .region-graph-bar .graph-bar .item-09::before {
	transform: scale(1);
}
@media screen and (min-width: 64em) {
	.sec-region .region-inner {
		padding: 70px 0 70px 0;

		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.sec-region .region-heading {
		width: 100%;
	}
	.sec-region .region-majority {
		width: 326px;
		margin: 0 50px 0 100px;
	}
	.sec-region .region-other {
		width: 356px;
	}
}

.sec-other .other-inner {
	max-width: 750px;
	margin: 0 auto 0 auto;
	padding: 50px 20px 50px 20px;
}
.sec-other .other-heading {
	font-weight: 700;
	font-size: 2.4rem; 
	text-align: center;
}
.sec-other .other-data {
	margin: 40px 0 0 0;
}
.sec-other .other-data .list-items {
	display: -ms-flexbox;
	display: flex;
	margin: -30px -30px 0 -30px; 

	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.sec-other .other-data .list-item {
	margin: 30px 0 0 0;
	padding: 0 30px 0 30px;
}
.sec-other .other-data .item-graph {
	position: relative;
}
.sec-other .other-data .item-graph .graph-label {
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 5px 0 0 1em;
	font-weight: 700;
	font-size: 5.625vw; 
	letter-spacing: 1em;
	transition: opacity 0.5s ease-out 0.5s;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-other .other-data .item-graph svg {
	width: 100%;
	height: 100%;
}
.sec-other .other-data .item-graph svg .pie {
	transform: rotate(90deg) scale(-1, 1);
	transition: all 1s ease-out; 

	fill: transparent;
	stroke: #FFFFFF;
	stroke-width: 50;
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	transform-origin: 50%;
}
.is_ua_gte_IE10 .sec-other .other-data .item-graph svg {
	opacity: 0; 
	transition: opacity 1s ease-out;
}
.sec-other .other-data .item-table {
	margin: 20px 20px 0 20px;
}
.sec-other .other-summary {
	margin: 40px 0 0 0;
	font-size: 1.6rem; 
	line-height: 1.75;
	text-align: center;
}
.sec-other.is-animation .item-graph .graph-label {
	opacity: 1;
}
.sec-other.is-animation .item-graph svg .pie {
	stroke-dashoffset: 1000;
}
.is_ua_gte_IE10 .sec-other.is-animation .item-graph svg {
	opacity: 1;
}
@media screen and (min-width: 64em) {
	.sec-other .other-inner {
		padding: 70px 0 100px 0;
	}
	.sec-other .other-data .list-items {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}
	.sec-other .other-data .list-item {
		width: 33.33%;
	}
	.sec-other .other-data .item-graph .graph-label {
		font-size: 1.6rem;
	}
	.sec-other .other-summary {
		margin: 60px 0 0 0;
	}
}

.sec-function {
	background-color: #80A81B;
}
.sec-function .function-inner {
	max-width: 870px;
	margin: 0 auto;
	padding: 50px 20px 50px 20px;
}
.sec-function .function-heading {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 2.4rem; 
	line-height: 1.14286;
	text-align: center;
}
.sec-function .function-menu {
	overflow: hidden; 
	margin: 30px 0 0 0;
	background-color: #FFFFFF;
}
.sec-function .function-menu .list-items {
	display: -ms-flexbox;
	display: flex;
	margin: 0 -1px 0 -1px;
	font-size: 1.2rem; 
	text-align: center;

	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.sec-function .function-menu .list-item {
	min-height: 60px;
	padding: 0 1px 0 1px; 

	-ms-flex: 1;
	flex: 1;
}
.sec-function .function-menu a {
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #FFFFFF; 
	background-color: #B7CD7C;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-function .function-menu a:hover, .sec-function .function-menu a:focus, .sec-function .function-menu a:active {
	text-decoration: none;
}
.sec-function .function-menu a.is-current {
	color: inherit; 
	background-color: #FFFFFF;
}
.sec-function .function-contents {
	display: none;
	background-color: #FFFFFF;
}
.sec-function .function-contents.is-current {
	display: block;
}
.sec-function .function-contents-inner {
	padding: 20px;
}
.sec-function .function-contents-inner:after {
	display: block;
	clear: both; 
	content: "";
}
.sec-function .function-contents-img {
	float: left;
}
.sec-function .function-contents-img img {
	width: 40px;
	height: auto;
}
.sec-function .function-contents-txt {
	margin: 0 0 0 60px;
	font-size: 1.4rem;
}
.sec-function .function-contents-btn {
	clear: both;
	margin: 20px 0 0 0;
}
.sec-function .function-contents-btn .btn {
	width: 100%;
	height: 55px;
	font-size: 2rem;
}
@media screen and (min-width: 64em) {
	.sec-function .function-inner {
		padding: 70px 0 70px 0;
	}
	.sec-function .function-heading {
		font-size: 3.2rem;
	}
	.sec-function .function-menu {
		margin: 40px 0 0 0;
	}
	.sec-function .function-menu .list-items {
		font-size: 1.6rem;
	}
	.sec-function .function-contents-inner {
		padding: 20px;
	}
	.sec-function .function-contents-img {
		position: relative;
		width: 120px;
		height: 120px;
	}
	.sec-function .function-contents-img img {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		transform: translate(-50%, -50%); 
		width: auto;
	}
	.sec-function .function-contents-txt {
		margin: 35px 0 0 120px;
	}
	.sec-function .function-contents-btn {
		margin: 10px 0 0 120px;
		text-align: right;
	}
	.sec-function .function-contents-btn .btn {
		max-width: 176px;
		height: 40px;
		font-size: 1.2rem;
	}
}

.tbl-breakdown {
	width: 100%;
	font-size: 1.2rem; 
	line-height: 2;
}
.tbl-breakdown th {
	width: 60%;
	font-weight: normal; 
	text-align: left;
}
.tbl-breakdown th::before {
	display: inline-block;
	transform: translate(0, -1px); 
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	content: "";
	background-color: #D1D1D1;
}
.tbl-breakdown td {
	width: 40%;
	text-align: right;
}
.tbl-breakdown .graph-red-01 th::before {
	background-color: #FF3F4E;
}
.tbl-breakdown .graph-red-02 th::before {
	background-color: #FF848E;
}
.tbl-breakdown .graph-yellow-01 th::before {
	background-color: #FFDA00;
}
.tbl-breakdown .graph-yellow-02 th::before {
	background-color: #FFEC7C;
}
.tbl-breakdown .graph-green-01 th::before {
	background-color: #88CA00;
}
.tbl-breakdown .graph-green-02 th::before {
	background-color: #C5E583;
}
.tbl-breakdown .graph-blue-01 th::before {
	background-color: #52B8FF;
}
.tbl-breakdown .graph-blue-02 th::before {
	background-color: #A2D9FF;
}
.tbl-breakdown .graph-gray-01 th::before {
	background-color: #4F6B71;
}
.tbl-breakdown .graph-gray-02 th::before {
	background-color: #D1D1D1;
}
