/* 202004 sustainability */
.contentBlock img {
	max-width: 100%;
}
.mainVis img {
	width: 100%;
	margin-bottom: 30px;
}
.color-bg_white {
	background-color: #fff;
}
.italic {
	font-style: italic;
}
.di_block {
	display: block;
}

.headerContent {
	line-height: 1.467;
}

.titleGreen {
	color: #009c84;
}
.titStyle4.titleGreen {
	margin-top: 50px;
}

.columnsFlex {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.columnsFlex.reverse {
	flex-direction: row-reverse;
}

.columnsFlex .column {
	box-sizing: border-box;
	list-style: none;
}
.columnsFlex .column.__25 {
	width: 25%;
}
.columnsFlex .column.__33 {
	width: 33.3333%;
}
.columnsFlex .column.__50 {
	width: 50%;
}
.columnsFlex .column.__75 {
	width: 75%;
}
.columnsFlex .column p {
	margin: 0;
	font-size: 15px;
}
.columnsFlex .column img {
	width: 100%;
}
.columnsFlex .column .sdgsIcon {
	margin-top: 10px;
	text-align: right;
}
.columnsFlex .column .sdgsIcon img {
	width: 60px;
}

.columnsFlex.space15 {
	margin-left: -15px;
}
.columnsFlex.space15 > .column {
	padding-left: 15px;
}
.columnsFlex.space30 {
	margin-left: -30px;
}
.columnsFlex.space30 > .column {
	padding-left: 30px;
}

.columnsFlex .pr20 {
	padding-right: 20px;
}
.columnsFlex .p20 {
	padding: 20px;
}
.columnsFlex .p40 {
	padding: 30px 40px;
}

#localNav li.active a {
	background-color: #009c84!important;
}
#localNav li.active .ar {
	right: 12px!important;
}
#localNav li.active .ar img {
	transform: rotate(-90deg) translateX(-6px) translateY(6px);
}

.boxList .box .spFlexMenu.body {
	color: #009c84;
}
.boxList .box .spFlexMenu.body:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.mainVis {
		margin-left: -20px;
		margin-right: -20px;
	}
	.titStyle4.titleGreen {
		margin-top: 20px;
	}
	.columnsFlex .column.__33,
	.columnsFlex .column.__50 {
		width: 100%;
	}
	.columnsFlex .column .sdgsIcon img {
		width: 50px;
	}
	.columnsFlex.space30 {
		margin-top: -20px;
	}
	.columnsFlex.space30 > .column {
		padding-top: 20px;
	}
	.columnsFlex .pr20 {
		padding-right: 10px;
	}
	.columnsFlex .p20 {
		padding: 0 20px;
	}
	.columnsFlex .p40 {
		padding: 20px;
	}
	.spFlexMenu,
	.boxList .box .spFlexMenu.body {
		display: flex;
	}
	.spFlexMenu ._img {
		width: 40%;
	}
	.spFlexMenu ._txt {
		width: 60%;
		box-sizing: border-box;
	}

	#localNav li {
		margin-top: 5px;
	}
}