@charset "utf-8";

/*サブメニューの読み込み*/
@import url(sub-menu.css);

#sdgs {
	/*color: #999999;*/
}

#sdgs .torikumi .marks {
	text-align: center;
	padding: 20px 0;
}

#sdgs .torikumi .marks img {
	display: inline;
}

#sdgs .torikumi h2 {
 text-align: center;
}

#sdgs .torikumi .exp,
#sdgs .about-sdgs .exp {
	/*color: #999999;*/
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 1.8em;
}

#sdgs .torikumi .exp p {
	margin-top: 0.5em;
}

#sdgs .about-sdgs h3 {
	text-align: center;
	/*color: #6d8eb2;*/
	padding-bottom: 10px;
	border-bottom: 1px #224982 solid;
}

section#sdgs .goals .box {
	max-width: 1060px;
	margin: 30px auto 0 auto;
	padding: 20px;
	background-color: #fff;
}

section#sdgs .goals .box h4 {
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 0;
	/*color: #6d8eb2;*/
	color: #666;
	padding-bottom: 10px;
	border-bottom: 1px #224982 solid;
}

section#sdgs .goals .box .inner {
	display: flex;
}

section#sdgs .goals .box .inner .marks {
	padding-right: 20px;
	display: flex;
	align-items: center;
}

section#sdgs .goals .box .inner .marks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
}

section#sdgs .goals .box .inner .marks ul li:not(:last-child) {
	margin-right: 15px;
}

section#sdgs .goals .box .inner .exp {
	line-height: 1.8em;
}

/*再生可能エネルギーへのシフトと省電力*/
/* PC*/
@media print,
screen and (min-width: 768px) {
	section#sdgs .goals .goal-01 .inner .exp,
	section#sdgs .goals .goal-05 .inner .exp {
		display: flex;
		align-items: center;
	}

	section#sdgs .goals .goal-01 .exp img {
		height: 180px;
		width: auto;
		margin-left: 10px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	section#sdgs .goals .goal-01 .exp {
		flex-direction: column;
	}
	section#sdgs .goals .goal-01 .exp img {
		margin-top: 10px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	/*SDGs*/
	section#sdgs {
		padding: 10px;
	}
	section#sdgs .goals .box .inner {
		flex-direction: column;
	}
	section#sdgs .goals .box .inner .marks {
		padding-right: 0;
		padding-bottom: 20px;
		justify-content: center;
	}
}