@charset "UTF-8";

/*--------------------------------------------------------------------
sdgs.html
sdgs.css
--------------------------------------------------------------------*/


/*------------about---------------------------------------------------------------*/
div#declaration #declTop p { text-align: center; }
div#declaration #declTop p#day {
	margin-top: 1em;
	text-align: right;
}

div#declaration #sdgsList {
	display: flex;
	flex-wrap: wrap;
	gap: 60px 40px;
}
div#declaration #sdgsList .sdgsItem {
	display: flex;
	flex-direction: column;
	width: 100%;
}
div#declaration #sdgsList h5 { font-size: 1.28em; }
div#declaration #sdgsList p { margin: 0.5em 0 1em; }
div#declaration #sdgsList dl { margin-top: auto; }
div#declaration #sdgsList dl ul { list-style: none; }
div#declaration #sdgsList dl ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
div#declaration #sdgsList dl ul li::before {
	padding-right: 0.3em;
	content: "・";
}
div#declaration #sdgsList .sdgsItem > ul {
	display: flex;
	gap: 5px;
	margin-top: 1em;
	list-style: none;
}
div#declaration #sdgsList .sdgsItem > ul img {
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	vertical-align: bottom;
}

div#sdgsAbout img {
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	vertical-align: bottom;
}
div#sdgsAbout p + p {
	width: 90%;
	margin: 40px auto 0;
}