@charset "UTF-8";

/* CSS Document */

/*//////////////////// (576px) ////////////////////*/
@media screen and (min-width: 576px) {
	
header {
	height: 100px;
	background: linear-gradient(90deg, rgba(255, 255, 255,1) 20.428571428571427%,rgba(252, 254, 253,1) 20.428571428571427%,rgba(6, 173, 112,1) 50.42857142857143%,rgba(7, 172, 111,1) 50.42857142857143%,rgba(244, 161, 26,1) 80.42857142857142%);
}	
header nav {
	justify-content: space-between;
	padding: 0 3em;
}	
header p {
	color: #fff;
}

.section-bg-f {
	min-height: 400px;
}


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

header p {
	font-size: 2rem;
}

.section-bg h2 {
	font-size: 2rem;
}
	
.sdgs-03, .sdgs-05, .sdgs-11 {
	flex-basis: 30%;
	margin: 2em 0;
}	

.section01 h3 {
	font-size: 2rem;
}
article h3 {
	font-size: 1.6rem;
}	

article h3.title03 span {
	font-size: 1.8rem;
	margin-left: 2em;
	display: inline-block;
}
article h3.title05 span {
	font-size: 1.8rem;
	margin-left: 2em;
	display: inline-block;
}
article h3.title11 span {
	font-size: 1.8rem;
	margin-left: 2em;
	display: inline-block;
}	
	
	
ul.business li {
	width: 48%;
}	

tr {
	line-height: 3.8rem;
}
th {
	width: 18em;
	padding-left: 4em;
}
.section-bg-f {
	min-height: 600px;
	padding-top: 300px;
	background-size: cover;
}

.section-bg-f p {
	width: 16em;
	font-size: 2rem;
}

footer img {
	width: 60%;
	max-width: 300px;
	margin: 1em 3em;
}

footer p {
	font-size: 2rem;
	margin: 1em;
}
	
}
/*//////////////////// (992px) ////////////////////*/
@media screen and (min-width: 992px) {
	
.section-bg img {
	max-width: 400px;
}
article {
	max-width: 1028px;
}
article h3 {
	font-size: 1.8rem;
	position: relative;
}	

article h3.title03 span {
	font-size: 2rem;
	display: inline-block;
	position: absolute;
	right: 0;
	line-height: 4em;
}
article h3.title05 span {
	font-size: 2rem;
	display: inline-block;
	position: absolute;
	right: 0;
	line-height: 4em;	
}
article h3.title11 span {
	font-size: 2rem;
	display: inline-block;
	position: absolute;
	right: 0;
	line-height: 4em;	
}	
		
ul.business li {
	width: 30%;
}	
		
	
	
}
/*//////////////////// (1200px) ////////////////////*/
@media print, screen and (min-width: 1200px) {
}