@charset "UTF-8";
.inner {
	text-align: left;
}


span {
	font-size: 14px;
}

main,h2,h3 {
	color: #231815;
}

#sdgsLogo {
	margin: 4% auto 6%;
}

#sdgsLogo img {
	width: auto;
	margin-bottom: 1rem;
}

#listBox ul {
	width:70%;
	margin: 6% auto;
}

#listBox ul li {
	width:15%;
	margin: 0.5%;
	float: left;
}

#sdgs03,#sdgs04,#sdgs07,#sdgs08,#sdgs09,#sdgs11,#sdgs12,#sdgs13,#sdgs17 {
	margin: 10% auto 0;
}

#sdgs03 .floatL,#sdgs04 .floatL,#sdgs07 .floatL,#sdgs08 .floatL,#sdgs09 .floatL,#sdgs11 .floatL,#sdgs12 .floatL,#sdgs13 .floatL,#sdgs17 .floatL {
	width:14%;
}

#sdgs03 .floatR,#sdgs04 .floatR,#sdgs07 .floatR,#sdgs08 .floatR,#sdgs09 .floatR,#sdgs11 .floatR,#sdgs12 .floatR,#sdgs13 .floatR,#sdgs17 .floatR {
	width:82%;
}

#sdgs03 .cf,#sdgs04 .cf,#sdgs07 .cf,#sdgs08 .cf,#sdgs09 .cf,#sdgs11 .cf,#sdgs12 .cf,#sdgs13 .cf,#sdgs17 .cf {
	margin-bottom: 2%;
}

.sdgsBox p {
	margin-bottom: 1.6em;
}

h3 {
	font-size: 150%;
	line-height: 147px;
	margin: 0
}

h4 {
	margin-bottom: 2%;
	font-size: 120%;
	padding: 0 0 0.4em;
}

h5 {
	font-weight: bold;
}

#sdgs03 h3,#sdgs03 h4,#sdgs03 h5 span {
	color:#1c973a;
}

#sdgs03 h4 {
	border-bottom: 2px dashed #1c973a;
}


#sdgs04 h3,#sdgs04 h4 {
	color:#C60D28;
}

#sdgs04 h4 {
	border-bottom: 2px dashed #C60D28;
}

#sdgs07 h3,#sdgs07 h4,#sdgs07 h5 span {
	color:#FABC01;
}

#sdgs07 h4 {
	border-bottom: 2px dashed #FABC01;
}

#sdgs08 h3,#sdgs08 h4 {
	color:#970831;
}

#sdgs08 h4 {
	border-bottom: 2px dashed #970831;
}

#sdgs09 h3,#sdgs09 h4 {
	color:#EC6907;
}

#sdgs09 h4 {
	border-bottom: 2px dashed #EC6907;
}

#sdgs11 h3,#sdgs11 h4 {
	color:#F5A10D;
}

#sdgs11 h4 {
	border-bottom: 2px dashed #F5A10D;
}

#sdgs12 h3,#sdgs12 h4 {
	color:#D39207;
}

#sdgs12 h4 {
	border-bottom: 1px solid #D39207;
}

#sdgs13 h3,#sdgs13 h4,#sdgs13 h5 span {
	color:#407936;
}

#sdgs13 h4 {
	border-bottom: 2px dashed #407936;
}

#sdgs17 h3,#sdgs17 h4 {
	color:#013167;
}

#sdgs17 h4 {
	border-bottom: 2px dashed #013167;
}

#textPhoto .floatL {
	width: 56%;
	margin-bottom: 0;
}

#textPhoto .floatR {
	width: 40%;
	margin-bottom: 0;
}

.photo {
	width: 60%;
	margin: 4% auto 0;
}

.w80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.w80 p {
	margin-bottom: 1%;
}

.mb4 {
	margin-bottom: 4%;
}

.textColor{
	color:#D81418;
	font-weight: bold;
}

.bgColor {
	background: #fdfaea;
	padding: 1.6rem 1.6rem;
}

.bgColor p {
	margin-bottom: 0;
}

.textSmall {
    font-size: 11px;
    margin-top: 5px;
}

ul.flexBox li {
    width: 45%;
}

#mainSuv {
	background: url(../image/sdgs/sdgs_main.jpg) no-repeat 0 100%;
	background-size: cover;
}



@media screen and (min-width:768px) and ( max-width:1120px) {

#sdgsLogo img {
    width: 100%;
    margin-bottom: 1rem;
}


}

@media screen and (min-width:320px) and ( max-width:767px) { 

	#sdgsLogo {
		margin: 6% auto;
	}

	#sdgsLogo img {
		width: 100%;
	}

	#listBox ul {
		width:100%;
		margin: 10% auto;
	}
	#listBox ul li {
		width: 30%;
		margin: 1.6%;
		float: left;
	}
	#sdgs03,#sdgs04,#sdgs07,#sdgs08,#sdgs09,#sdgs11,#sdgs12,#sdgs13,#sdgs17 {
		margin: 10% auto 0;
	}

	#sdgs03 .floatL,#sdgs04 .floatL,#sdgs07 .floatL,#sdgs08 .floatL,#sdgs09 .floatL,#sdgs11 .floatL,#sdgs12 .floatL,#sdgs13 .floatL,#sdgs17 .floatL {
	width:30%;
	margin: 0 auto 4%;
	}
	#sdgs03 .floatR,#sdgs04 .floatR,#sdgs07 .floatR,#sdgs08 .floatR,#sdgs09 .floatR,#sdgs11 .floatR,#sdgs12 .floatR,#sdgs13 .floatR,#sdgs17 .floatR {
		width:100%;
		margin: 2% auto 4%;
	}
	#sdgs03 .cf,#sdgs04 .cf,#sdgs07 .cf,#sdgs08 .cf,#sdgs09 .cf,#sdgs11 .cf,#sdgs12 .cf,#sdgs13 .cf,#sdgs17 .cf {
		margin-bottom: 2%;
	}

	h3 {
		font-size: 110%;
		line-height: 1.6;
		margin: 0;
		width: 100%;
		line-height: 1.2;
	}

	h4 {
		font-size: 95%;
	}

	h5 {
		font-size: 100%;
		margin-bottom: 1em;
	}

	#textPhoto .floatL {
		width: 100%;
		margin-bottom: 0;
	}

	#textPhoto .floatR {
		width: 100%;
		margin-bottom: 6%;
	}
	
	ul.flexBox li {
		width: 100%;
		margin: 0 auto 6%;
	}
	.photo {
		width: 70%;
	}
	.w80 {
		width: 100%;
	}























}