ul.icon{
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	margin: 1em 0 
}

ul.icon li{
	width: 13vw;
	margin: 4px;
}
ul.icon li img{
	display: block;
	width: 100%;
}
h3{clear: both;}


body.company .body h4{
	background: #fff;
	padding: 0 0 0;
	line-height: 2;
	border:1px solid #dceee2;
	border-radius:  0 10px 10px 0;font-size: 140%;
}

body.company .body h4 span{
	background: #319c54;
	color: #fff;display: inline-block;
	padding: 0 1em;
	margin: 0 .5em 0 0;
	line-height: 2;
	border-radius:  0;
}



h5.num{
	font-size: 140%;
    line-height: 1.8;
    position: relative;
    text-indent: 35px;
}

h5.num::before{
content: attr(data-num);
    font-size: 140%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 1.2em;
    background: #319c54;
    height: 1.2em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2em;
    text-indent: 0;
    color: #fff;
}


h5.num span{
	font-size: 80%;
	display: block;
	text-indent: 1em;
	border-top: 1px solid #ddd;
}
ul.icon + p{
	background: #fff;
	border-radius: 4px;
	padding: 5px;
	border: 1px solid #319c54;
}
.report{}
.report dl{
	margin-bottom: 10px;
}

.report dt{
	margin-bottom: 10px;
}
.report dd{
}

.report dd img{
	max-width: 100%;
}



/** smartphone **/
@media screen and (max-width: 767px) {
	.sdgs_logo{
		 display: block;
		clear: both;
		width: 90%;
		margin: 10px auto;
	}


	.sdgs_all{
		width: 100%; height: auto; margin: 0 auto; display: block;
	}

	.sdgs_azote{
		width: 100%; height: auto; margin: 0 auto 10px; display: block;
	}

}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1079px) {
	.sdgs_logo{
		 display: block;
		clear: both;
	}
	ul.icon li{
		width: 7%;
		margin: 5px;
	}
	.sdgs_all{
		width: 100%; height: auto; margin: 10px auto; display: block;
		clear: both;
	}
	.sdgs_about{
		float: left; width: 50%; height: auto; margin-bottom: 20px;
		clear: both;
	}
	
	.sdgs_azote{
		float: right; width: 48%; height: auto; margin: 10px auto; 
	}

}

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

	ul.icon li{
		width: 7%;
		margin: 6px 6px 6px 0 ;
	}
	.sdgs_logo{
		 display: block;
		clear: both;
	}
	.sdgs_all{
		width: 100%; height: auto; margin: 10px auto; display: block;
		clear: both;
	}
	.sdgs_about{
		float: left; width: 50%; height: auto; margin-bottom: 20px;
		clear: both;
	}
	
	.sdgs_azote{
		float: right; width: 48%; height: auto;
	}
	.sdgs_azote{
		float: right; width: 48%; height: auto;
	}
	
	
	
}