@charset "UTF-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */


.mainSection .catchCopy {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 1.75em;
margin-bottom: 2em;
}

.sdgsLogo001 {
text-align: center;
margin-bottom: 2em;
}

.sdgsLogo001 img {
width: 100%;
max-width: 480px;
}

.sdgsChart001 {
text-align: center;
margin-bottom: 8em;
}

.sdgsChart001 img {
width: 100%;
max-width: 800px;
}

.mainSection .sdgsList {
}

.mainSection .sdgsList li {
float: left;
width: calc(50% - 8px);
margin-bottom: 2em
}
.mainSection .sdgsList li:nth-child(even) {
float: right;
}
.mainSection .sdgsList li:nth-child(odd) {
clear: both;
}

.mainSection .sdgsList .icon {
margin-bottom: 0.25em;
text-align: center;
}

.mainSection .sdgsList .icon img {
width: 60%;
}


.mainSection .sdgsList .body {
font-size: 1.2rem;
line-height: 1.5em;
}




/* for PC */
@media screen and (min-width: 1201px) {

	.mainSection .catchCopy {
	font-size: 2.8rem;
	}

	.mainSection .sdgsList li {
	width: calc(33.333% - 26.66666px);
	margin-right: 40px;
	margin-bottom: 3em;
	}
	.mainSection .sdgsList li:nth-child(even) {
	float: left;
	}
	.mainSection .sdgsList li:nth-child(odd) {
	clear: none;
	}
	
	.mainSection .sdgsList li:nth-child(3n) {
	margin-right: 0;
	}
	
	.mainSection .sdgsList li:nth-child(3n+1) {
	clear: both;
	}

	.mainSection .sdgsList .icon {
	margin-bottom: 0.25em;
	text-align: center;
	}

	.mainSection .sdgsList .icon img {
	width: 50%;
	}


	.mainSection .sdgsList .body {
	font-size: 1.6rem;
	line-height: 1.5em;
	}




}




/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}