/* CSS Document */
section#Trading  h4 
{
	font-weight: 400;
	border: 1px solid #000;
	padding: 3px;
	border-radius: 1em;
	text-align: center;
	margin-bottom: 0.25em;
}
section#Trading div ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 2em;
}

section#Trading div ul li {
	width:calc(100% /3);
	line-height: 1.25;
	margin-bottom: 0.5em;
}


ul#Achievement {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: space-around;
}

ul#Achievement li {
	width: 20%;
	border: 1px solid #EEE;
	padding: 6px;
	margin: 6px;
}

ul#Achievement li img {
	wodth:96%;
	height: auto;
}


section#Concrete h4 {
	background: rgba(0,142,109,1.00);
	color: #FFF;
	padding: 5px;
	text-align: center;
}

section#Concrete h4#Saikyo {
	background: rgba(0,111,192,1.00);
}

section#Concrete h5 {
	font-size: 1.8rem;
}

section#Concrete div.flex {
	text-align: justify;
	flex-wrap: nowrap;
	margin-top: 1em;
}

section#Concrete div.flex > div, 
section#Concrete div.flex > p {
	width:25%;
	padding: 5px;
}

section#Concrete dl dt {
	width:8em;
	float: left;
	
}

section#Agriculture div.flex ,
section#Food div.flex {
	margin: 5px 0;
	text-align: center;
}

section#Agriculture div.flex img ,
section#Food div.flex img {
	width:98%;
}

@media screen and (max-width: 999px) {/* 1000px以下*/
	ul#Achievement li {
		width: 40%;
		border: 1px solid #EEE;
		padding: 6px;
		margin: 6px;
	}
	
	section#Trading div ul {
		display: block;
		padding: 0;
		margin-bottom: 2em;
	}

	section#Trading div ul li {
		width:100%;
		margin-left: 1em;
		margin-bottom: 1em;
	}

	section#Concrete div.flex > div, 
	section#Concrete div.flex > p {
		width:100%;
		padding: 5px;
	}	
	
}