@charset "UTF-8";
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.l_area_contents_wrap{
	/*border: 1px solid red;*/
}

.l_area_contents_innerLL{
	/*border: 1px solid blue;*/
}

.c_heading3-sdgs{
	line-height: 1.7;
	padding-bottom: 0;
}

.sdgs-main{
	margin: 0 auto;
	text-align: center;
}
.sdgs-main img{
	width: 100%;
	max-width: 900px;
}

.h4-sdgs{
	font-size: 1.2em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.sdgs-box{
	/*border: 1px solid red;*/
}

.sdgs-image{
	/*border: 1px solid blue;*/
	width: 24%;
	text-align: center;
}

.sdgs-image img{
	width: 100%;
	max-width: 300px;
}

.sdgs-text{
	/*border: 1px solid green;*/
	width: 76%;
	padding: 0 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.float-l-pc{
	float: left;
}

.float-r-pc{
	float: right;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.hr-sdgs {
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ccc), to(transparent));
  background-image: linear-gradient(to right, transparent, #ccc, transparent);
}

.mt20{margin-top: 20px !important;}
.mt40{margin-top: 40px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}

.just-pc {
display:block;
}
.just-sp {
display:none;
}

@media screen and (max-width: 640px) {
	.just-pc {
		display: none !important;
	}

	.just-sp {
		display: block;
	}

	.sdgs-image{
		width: 100%;
	}

	.sdgs-text{
		width: 100%;
		padding: 20px 0;
	}

	.float-l-pc{
		float: none;
	}

	.float-r-pc{
		float: none;
	}

	.mt10-sp{margin-top: 10px !important;}
	.mt20-sp{margin-top: 20px !important;}
	.mt40-sp{margin-top: 40px !important;}
}