/* About */

#about_promises h3.title {
	margin: 0 auto 1em auto;
	width: 70%;
}
#about_promises h4.title {
	margin-bottom: 3em !important;
	font-size: 1.35em !important;
	line-height: 1.6em;
}
.about_promise {
	float: left;
	margin-bottom: 1em;
	padding: 1em 1.5em;
	width: 31%;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
}
._about_promise:hover {
	background: #F0F0F0;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.about_promise:nth-of-type(3n - 1) {
	margin: 0 3.5% 1em 3.5%;
}
.about_promise:nth-of-type(3n + 1) {
	clear: both;
}
.about_promise .about_promise_num {
	float: left;
	width: 50px;
	font-size: 6em;
	line-height: 1em;
}
.about_promise .about_promise_text {
	float: right;
	width: calc(100% - 65px);
}
.about_promise .about_promise_text h5.title {
	margin-bottom: 0.4em;
	font-size: 1.2em;
}

.about_promise_icon {
	margin: 0 auto 1em auto !important;
	width: 18%;
}
#about_promise_1 {
	color: #84593A;
}
#about_promise_2 {
	color: #4B1000;
}
#about_promise_3 {
	color: #604C3F;
}
#about_promise_4 {
	color: #B2823E;
}
#about_promise_5 {
	color: #006934;
}
#about_promise_6 {
	color: #BC0B21;
}
#about_promise_7 {
	color: #241201;
}
#about_promise_8 {
	color: #A48B78;
}
#about_promise_9 {
	color: #78360F;
}

#about_sdgs_circle {
	position: relative;
	margin: 5em auto 7em auto;
	width: 700px;
	height: 700px;
}
#about_sdgs_circle_base {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -300px 0 0 -300px;
	width: 600px;
	height: 600px;
	background: url(../images/about/about_sdgs_circle.png) no-repeat center / 80%;
	box-sizing: border-box;
}
#about_sdgs_circle_inner {
	position: relative;
	z-index: 0;
	border: solid 1px #111;
	border: solid #EEE 50px;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sdgs_num {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	z-index: 1;
}
#about_sdgs_1 {
	left: 300px;
	top: -70px;
}
#about_sdgs_3 {
	left: 410px;
	top: -10px;
}
#about_sdgs_6 {
	left: 470px;
	top: 90px;
}
#about_sdgs_8 {
	left: 510px;
	top: 200px;
}
#about_sdgs_10 {
	left: 480px;
	top: 310px;
}
#about_sdgs_12_1 {
	left: 440px;
	top: 420px;
}
#about_sdgs_12_2 {
	left: -90px;
	top: 200px;
}
#about_sdgs_13 {
	left: 335px;
	top: 500px;
}
#about_sdgs_15_1 {
	left: 220px;
	top: 530px;
}
#about_sdgs_15_2 {
	left: 10px;
	top: -10px;
}

#about_sdgs_roles {
	margin-top: 4em;
}
.about_sdgs_role {
	float: left;
	padding: 0 2%;
	width: 30%;
}
.about_sdgs_role:nth-of-type(2n) {
	margin: 0 5%;
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
}
.about_sdgs_role {
	text-align: center;
}
.about_sdgs_role h4.title {
	display: inline-block;
	margin-bottom: 2em;
	padding: 0.5em 2.6em;
	text-align: center;
	color: #211815;
	font-size: 1.2em;
	font-weight: 500;
	border: solid 2px #211815;
	-o-border-radius: 100px;
		-ms-border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
	border-radius: 100px;
}
.about_sdgs_role_do ul {
	display: none;
	position: relative;
	float: left;
	left: 50%;
	margin-bottom: 1em;
	min-height: 68px;
}
.about_sdgs_role_do li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 2px 4px 2px;
	width: 30px;
	height: 30px;
	font-size: 1em;
	line-height: 30px;
	text-align: center;
	color: #FFF;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	border-radius: 2px;
}
.about_sdgs_role_do p {
	font-size: 1em !important;
	line-height: 1.8em !important;
	text-align: left;
}

.sdgs_1 {
	background: #E5243B;
}
.sdgs_2 {
	background: #DDA63A;
}
.sdgs_3 {
	background: #4D9E38;
}
.sdgs_4 {
	background: #C41A2E;
}
.sdgs_5 {
	background: #FF3B21;
}
.sdgs_6 {
	background: #26BDE3;
}
.sdgs_7 {
	background: #FCC20A;
}
.sdgs_8 {
	background: #A31A42;
}
.sdgs_9 {
	background: #FC6926;
}
.sdgs_10 {
	background: #DE1266;
}
.sdgs_11 {
	background: #FC9E24;
}
.sdgs_12 {
	background: #BF8B2E;
}
.sdgs_13 {
	background: #407D45;
}
.sdgs_14 {
	background: #0A96D9;
}
.sdgs_15 {
	background: #57BF2B;
}
.sdgs_16 {
	background: #00699E;
}
.sdgs_17 {
	background: #1A476B;
}

.about_summary_fig {
	margin-top: 2em;
}