@charset "UTF-8";


/*
	##### DAIFUKU REPORT 2018 #####
	common/css/value_pc.css
*/



.indicatorBox {
	display: inline-block;
	padding: 0.5em;
	width: auto;
	margin-left: 30px;
	font-size: 12px;
	line-height: 0;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4)
}
.indicatorBox li {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 1em 0.5em;
	color: #fff;
	background-color: #C7C9E5;
	border-radius: 3px;
}
.indicatorBox li + li {
	margin-left: 4px;
}
.indicatorBox li.current {
	font-weight: 500;
	background-color: #004099;
}


/* pageTitle */

.pageTitle .label {
	display: inline-block;
	height: 29px;
	margin-left: 1em;
	padding: 0 0.5em;
	border-radius: 4px;
	font-size: 18px;
	line-height: 29px;
	font-weight: 400;
	vertical-align: top;
	box-shadow: 0 0 5px rgba(0,0,0,0.4)
}
.pageTitle .date {
	font-size: 50%;
	font-weight: 400;
}

.pageTitle + p{
	width:920px;
	margin-left: auto;
	margin-right: auto;
}

/*lead*/

.sections .lead {
	font-size: 17px;
	line-height: 1.5;
	font-weight: 700;
	margin-top: 1em;
}

/*=====================================================
value_model
=====================================================*/
.v_model .scrollFig {
	padding-bottom: 3em
}

/*1322+402=1724*/
#mapArea {
	width: 1724px;
	height: 748px;
	margin-left: -402px;
}

/*1322-920=402*/
.flowMap {
	width: 1322px;
	height: 748px;
	left: 402px;
}
#scrllMap #map {
	width: 1322px;
	height: 748px;
	position: relative;
}

.v_model .scrollFig .links {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 10.5px;
	line-height: 1.2
}
.v_model .scrollFig .biz {
	position: absolute;
	left: 678px;
	margin: 0;
	padding: 0;
	display: block;
	width: 118px;
	height: 35px;
}

#p1 {
	left: 2.90037831%;
	top: 87.43047831%
}
#p2 {
	left: 16.6%;
	top: 72%
}
#p3 {
	left: 31.5%;
	top: 69%
}
#p4 {
	left: 51.5%;
	top: 69.07675195%
}
#p5 {
	left: 50.5%;
	top: 78.5541713%
}
#p6 {
	left: 50.5%;
	top: 85%;
	color: #fff;
}
#p6 a {
	color: #fff;
}
#p7 {
	left: 50.5%;
	top: 93.12591769%
}
#p8 {
	left: 87%;
	top: 40%;
	text-align: center;
}
#p41 {
	top: 255px;
}
#p42 {
	top: 299px;
}
#p43 {
	top: 343px;
}
#p44 {
	top: 386px;
}
#p45 {
	top: 430px;
}
#p46 {
	top: 474px;
}


/*=====================================================
value_chain
=====================================================*/

.value_chain {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	position: relative;
	padding: 0;
	background: url(../png/value_chain_bg.png) no-repeat center center / 75% auto
}
.value_chain h2 {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.value_chain .cols {
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}
.value_chain .col {
	box-sizing: border-box;
	width: 100%;
	min-height: 650px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.value_chain .col1,
.value_chain .col2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.value_chain .needs {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 48%;
	padding: 3%;
	background-color: rgba(255, 255, 255, .8);
	border: 2px solid;
}


.value_chain .col1 .needs {
	padding-bottom: 65px
}
.value_chain .col2 .needs {
	padding-top: 115px;
}
.value_chain .col:nth-child(2) {
	margin-top: 80px;
}

.value_chain .col1 .needs:nth-child(2) {
	border-image: linear-gradient(-90deg, rgba(251, 240, 118, 1) 0%, rgba(246, 233, 114, 1) 6.69%, rgba(215, 192, 91, 1) 47.89%, rgba(197, 166, 76, 1) 80.4%, rgba(190, 157, 71, 1) 100%) 5
}
.value_chain .col1 .needs:nth-child(1) {
	border-image: linear-gradient(90deg, rgba(160, 216, 239, 1) 0%, rgba(134, 179, 221, 1) 42.21%, rgba(117, 155, 208, 1) 78.03%, rgba(111, 146, 204, 1) 100%) 5
}
.value_chain .col2 .needs:nth-child(1) {
	order: 2;
	border-image: linear-gradient(90deg, rgba(120, 150, 46, 1) 0%, rgba(215, 231, 175, 1) 100%) 5
}
.value_chain .col2 .needs:nth-child(2) {
	order: 1;
	border-image: linear-gradient(-90deg, rgba(239, 133, 140, 1) 0%, rgba(250, 219, 218, 1) 100%) 5
}
.value_chain .col h3 {
	box-sizing: border-box;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding-left: 33px;
	text-indent: -33px
}

.value_chain .col h3::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-right: 5px;
	vertical-align: middle
}
.value_chain .col1 .needs:nth-child(1) h3::before {
	background: url(../svg/v_arrw-b.svg) no-repeat left top / contain;
	vertical-align: middle
}
.value_chain .col1 .needs:nth-child(2) h3::before {
	background: url(../svg/v_arrw-y.svg) no-repeat left top / contain;
	vertical-align: middle
}
.value_chain .col2 .needs:nth-child(1) h3::before {
	background: url(../svg/v_arrw-g.svg) no-repeat left top / contain;
	vertical-align: middle
}
.value_chain .col2 .needs:nth-child(2) h3::before {
	background: url(../svg/v_arrw-r.svg) no-repeat left top / contain;
	vertical-align: middle
}

.value_chain .col .txt {
	width: 100%;
	padding-bottom: 1em;
	color: #003f98
}
.value_chain .col p {
	font-size: 13px;
	line-height: 1.5;
	padding-top: 1em;
	text-align: left
}
.value_chain .result {
	margin-top: 1em;
	display: flex;
	flex-direction: column;
	align-items: center
}
.value_chain .result dt {
	display: inline-block;
	padding: 1em .75em;
	font-size: 14px;
	font-weight: 700;
	line-height: 0;
	background: #003f98;
	color: #fff
}

.value_chain .result dd {
	font-size: 40px;
	font-weight: bold;
	color: #003f98
}
.value_chain .result .unit {
	font-weight: 500;
	font-size: 70%
}



/*=====================================================
strategy
=====================================================*/

.strategies_chrt {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	position: relative;
	padding: 0;
	background: url(../png/img_strategies_bg.png) no-repeat center center / 51.328125% auto;
}
.strategies_chrt h2 {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.strategies_chrt h2 img {
	width: 322px;
	height: auto;
}
.strategies_chrt .cols {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.strategies_chrt .col {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 48%;
	min-height: 520px;
	padding: 3%;
	background-color: rgba(174, 221, 240, .7);
}
.strategies_chrt .col:nth-child(1),
.strategies_chrt .col:nth-child(2) {
	padding-bottom: 100px;
}
.strategies_chrt .col:nth-child(3),
.strategies_chrt .col:nth-child(4) {
	margin-top: 40px;
}
.strategies_chrt .col:nth-child(2n) {
	align-items: flex-end;
}
.strategies_chrt .col img {
	width: 100%;
	height: auto;
}
.strategies_chrt .col .text {
	width: 90%;
	padding-bottom: 1em;
	color: #003f98;
}
.strategies_chrt .col .label {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	display: block;
	padding-bottom: 0.5em;
}
.strategies_chrt .col h3 {
	font-size: 18px;
	font-weight: bold;
}
.strategies_chrt .col p {
	font-size: 14px;
	line-height: 1.5;
	padding-top: 1em;
}


.strategies_chrt .col:nth-child(3) .text,
.strategies_chrt .col:nth-child(4) .text{
	width: 72%;
}

.strategies_chrt .chrt {
	width: 90%;
}







/*=====================================================
social environment
=====================================================*/
.societies_chrt {
	background-color: #6c9bd2;
	padding-bottom: 32px;
	margin-top: 2em;
	width:920px;
	margin-left: auto;
	margin-right: auto;
}
.societies_chrt h2 {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0.02em;
	color: #fff;
	padding: 0 0.5em;
}

.societies_chrt .chrt01 {
	background-color: #6c9bd2;
	text-align: center;
	padding: 30px 0 0;
}
.societies_chrt .chrt01 ul {
	background-color: #4171B9;
	width:880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	box-sizing: border-box;
	padding: 32px;
	display: flex;
	justify-content: space-between;
}
.societies_chrt .chrt01 li {
	width:252px;
	padding: 1.5em 0;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	font-size: 20px;
	font-weight: bold;
	color: #004098;
}

.societies_chrt .bg{
	width:880px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	padding:0px 0 30px;
	border-bottom:#fff solid 2px;
	text-align: center;
}
.societies_chrt .bg:before,
.societies_chrt .bg:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.societies_chrt .bg:before {
	border: 90px solid transparent;
	border-top: 30px solid #fff;
}
.societies_chrt .bg:after {
	border: 92px solid transparent;
	border-top: 30px solid #6c9bd2;
	margin-top: -3px;
}





.societies_chrt .chrt02 .bg{
	padding:0px 0 0px;
}
.societies_chrt .chrt02 h2 {
	padding: 40px 0.5em 0;
}
.societies_chrt .chrt02 ul {
	width:880px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 32px 0;
	display: flex;
	justify-content: space-between;
}
.societies_chrt .chrt02 li {
	width:280px;
	padding: 1em;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	color: #004098;
	box-sizing: border-box;
}
.societies_chrt .chrt02 h3 {
	font-weight: bold;
	font-size: 21px;
	text-align: center;
	padding-bottom: 0.75em
}

.societies_chrt .chrt02 p {
	font-size: 15px;
	line-height: 1.5;
	text-align: left
}


.societies_chrt .chrt03 h2 {
	padding: 40px 0.5em 0;
}
.societies_chrt .chrt03 ul {
	width:880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	padding: 32px;
	display: flex;
	justify-content:space-between;
}
.societies_chrt .chrt03 li {
	width:170px;
	height: 170px;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.societies_chrt .chrt03 li img {
	width:170px;
	height: auto;
}







/*=====================================================
accelerate
=====================================================*/
p+.sections {
margin-top: 2em;
}

.total_power_box {
	width:920px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	padding: 44px;
}
.tpower_ttl {
	background-color: #004097;
	height: 40px;
	font-size: 26px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
	position: relative;
}
.tpower_ttl:after {
	content: "";
	position:absolute;
	top:0;
	right: 0;
	width:0;
	height: 0;
	border-bottom: 40px solid #fff;
	border-left: 40px solid #004097;
	z-index: 2;
}
.tpower_ttl2 {
	font-size: 50px;
	color: #004097;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}
.total_power_chrt {
	width:832px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin-top: 30px;
}
.total_power_chrt .img {
	order:1;
	width:512px;
}
.total_power_chrt .desc {
	order:2;
	width:305px;
	color: #004097;
	font-size: 16px;
	line-height: 1.75;
}
.total_power_chrt .desc p {
	text-align: left;
	hyphens: auto;
}

.total_power_chrt ul.img {
	width:512px;
	display: flex;
}
.total_power_chrt ul.img li+li {
	margin-left: 45px;
}
.total_power_flow {
	width: 832px;
	margin: 30px auto 0;
}
.total_power_flow .img {
	margin-top: 3em;
}
.total_power_flow .desc {
	margin-top: 2em;
	color: #004097;
	font-size: 15.5px;
	line-height: 1.75
}


/*=====================================================
indicators
=====================================================*/

.key-perf {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.key-perf section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 0 33.3%;
	margin: 30px 0;
}

.key-perf h1 {
	display: block;
	width: 95%;
	padding: 0.5em 0;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #3B8DDE;
}
.key-perf p {
	display: inline-block;
	width: 88%;
	min-height: 6em;
	margin: 1em auto;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	hyphens: auto;
	color: #004099;
}
.key-perf .des,
.key-perf dl {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.key-perf .des {
	height: 100%;
	justify-content: center;
}
.key-perf dl {
	height: 400px;
	justify-content: flex-start;
}
.key-perf dl dd {
	box-sizing: border-box;
	width: 100%
}
.key-perf dl dt, 
.key-perf dl dd:first-of-type {
	text-align: center;
}

.key-perf dl dt {
	display: inline-block;
	min-width: 70px;
	margin-top: 1.5em;
	padding-top: 60px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: #004099;
}
.key-perf .des {
	border-right: 1px solid #004099
}
.key-perf section:nth-of-type(3n + 3) .des {
	border: 0;
}

.key-perf dl dd:first-of-type {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	color: #004099;
}
.key-perf dl dd:last-of-type {
	font-size: 15px;
	padding: 1em 1.5em 2em;
}
.key-perf dl dd .unit {
	font-size: 40%;
}
.key-perf dl dd .unit2 {
	font-size: 70%;
}
.key-perf dl dd .unit.block {
	display: block;
}
.key-perf dl dd .pal {
	display: block;
	margin-top: .5em;
	font-weight: 400;
	font-size: 25%;
}
.key-perf .fin-cap dl:nth-of-type(1) dt {
	background: url(../svg/ico01.svg) no-repeat center top / 100% auto
}
.key-perf .fin-cap dl:nth-of-type(2) dt {
	background: url(../svg/ico02.svg) no-repeat center top / 45% auto
}
.key-perf .fin-cap dl:nth-of-type(3) dt {
	width: 6em;
	background: url(../svg/ico03.svg) no-repeat center top / 100% auto
}
.key-perf .manuf-cap dl:nth-of-type(1) dt {
	padding-top: 70px;
	background: url(../svg/ico04.svg) no-repeat center top / 60% auto
}
.key-perf .manuf-cap dl:nth-of-type(2) dt {
	padding-top: 80px;
	background: url(../svg/ico05.svg) no-repeat center top / 47% auto
}
.key-perf .human-cap dl:nth-of-type(1) dt {
/*	padding-top: 70px;*/
	background: url(../svg/ico06.svg) no-repeat center top / 51% auto
}
.key-perf .human-cap dl:nth-of-type(2) dt {
	background: url(../svg/ico07.svg) no-repeat center top / 45% auto
}
.key-perf .human-cap dl:nth-of-type(3) dt {
/*	padding-top: 70px;*/
	background: url(../svg/ico08.svg) no-repeat center top / 25% auto
}
.key-perf .intel-cap dl:nth-of-type(1) dt {
	padding-top: 90px;
	background: url(../svg/ico09.svg) no-repeat center top / 53% auto
}
.key-perf .intel-cap dl:nth-of-type(2) dt {
	padding-top: 85px;
	background: url(../svg/ico10.svg) no-repeat center top / 75% auto
}
.key-perf .social-cap dl:nth-of-type(1) dt {
	padding-top:  85px;
	background: url(../svg/ico11.svg) no-repeat center top / 42% auto
}
.key-perf .social-cap dl:nth-of-type(2) dt {
	padding-top: 80px;
	background: url(../svg/ico12.svg) no-repeat center top / 48% auto
}
.key-perf .social-cap dl:nth-of-type(3) dt {
	padding-top: 70px;
	background: url(../svg/ico13.svg) no-repeat center top / 38% auto
}
.key-perf .natu-cap dl:nth-of-type(1) dt {
	padding-top: 80px;
	background: url(../svg/ico14.svg) no-repeat center top / 57% auto
}
.key-perf .natu-cap dl:nth-of-type(2) dt {
	padding-top: 85px;
	background: url(../svg/ico15.svg) no-repeat center top / 33% auto
}




/*=====================================================
contribution
=====================================================*/


.csrBox {
	width:920px;
	margin-top: 50px;
	margin-bottom: 75px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	padding: 30px 44px 22px
}
.csrBox .title1 {
	font-size: 24px;
	font-weight: 700;
	color: currentColor;
}
.csrBox .lead {
	margin-top: 60px;
	font-size: 30px;
	font-weight: 700;
	color: #003f98;
	text-align: center;
}
.csrBox .subTitle {
	font-size: 19px;
	font-style: italic;
	text-align: center;
	line-height: 1;
	margin-top: .5em;
}
.csrBox .theme {
	position: relative;
	display: block;
	width: 100%;
	min-height: 204px;
	margin: 30px auto;
}
.csrBox .theme h3 {
	position: absolute;
	display: block;
	width: 204px;
	height: 204px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.csrBox .theme ul {
	float: right;
	display: flex;
	width: 96%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.csrBox .theme ul li {
	display: list-item;
	width: 290px;
	margin-top: 1em;
	font-size: 16.5px;
	font-weight: bold;
	color: #003f98;
	list-style: disc;
	line-height: 1.3
}

.csrBox .theme ul li:nth-child(4) {
	order: 2
}
.csrBox .theme ul li:nth-child(2) {
	order: 3
}
.csrBox .theme ul li:nth-child(5) {
	order: 4
}
.csrBox .theme ul li:nth-child(3) {
	order: 5
}
.csrBox .theme ul li:nth-child(1) {
	order: 1
}
.csrBox .theme ul li:nth-child(6) {
	order: 6
}
.csrBox .policy_chart dt {
	font-weight: bold;
}
.csrBox .policy_chart dd a {
	color: #003f98;
}
.sdgsTable {
	width: 100%
}
.sdgsTable thead th {
	padding: 0.45em 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #7480BD;
}
.sdgsTable thead th sup {
	font-size: 50%;
	line-height: 0;
	vertical-align: top;
}
.sdgsTable thead th + th {
	border-left: 1px solid #fff;
}
.sdgsTable tbody th,
.sdgsTable tbody td {
	vertical-align: middle;
	border-bottom: 1px solid #000
}
.sdgsTable tbody th {
	padding: 1.5em;
	text-align: left;
	font-size: 130%;
	font-weight: 500;
	width: 24%;
	color: #003f98;
}
.sdgsTable tbody td {
	padding: 1.5em;
	border-left: 1px solid #000;
}
.sdgsTable .sdgs img {
	width: 60px;
	height: auto;
}

.sdgs ul {
	display: flex;
	flex-wrap: wrap;
	width: 200px;
	justify-content: flex-start;
}
.sdgs ul li {
	width: 65px;
	margin: 2.5px 0;
}
.materiality li {
	font-weight: 500;
	padding-left: 1em;
	text-indent: -0.75em
}
.materiality li + li {
	margin-top: 1.5em;
}
.materiality li::before {
	content: '● ';
	font-size: 75%;
	vertical-align: top;
	line-height: 2;
	color: #003f98;
}