#reform_contents{
	padding: 2em 0;
	text-align: center;
	background:url(../images/reform/wood.jpg)}


@media  (min-width: 0px) and (max-width: 480px) {
	#pr_txt{
	padding: 14px 0;
	background: url(../images/reform/peratop.png) left top no-repeat,url(../images/reform/perabottom.png) left bottom no-repeat;
	-moz-background-size:100% auto;background-size:100% auto;
	}
	
	#pr_txtinner{
	text-align: left;
	padding: 15px 1.5em;
	background: #fff;
	}
}	

@media  (min-width: 481px) {
	#pr_txt{
	padding: 2em 0 3em;
	background: url(../images/reform/peratop.png) left top no-repeat,url(../images/reform/perabottom.png) left bottom no-repeat;
	-moz-background-size:100% auto;background-size:100% auto;
	}

	#pr_txtinner{
	text-align: left;
	padding: 1em 3em;
	background: #fff;
	}
}



#pr_txtinner h3{
	text-align: center;
	margin-bottom: 2em
}
#pr_txtinner p{
	line-height: 1.7em;
	font-size: 1.1em
}




@media  (min-width: 0px) and (max-width: 480px) {
	#menulist{background: #007042;
	padding: 1.5em 0}
	
	#menulist ul{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		zoom: 1;
	}
	#menulist ul li{
	    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
	    padding: 0 .5em 1em;
	    margin-bottom: 1em
	}
	#menulist ul li h3{
	font-size: 1.5em;
	margin-bottom: .4em
	}
}	
@media  (min-width: 481px) {
	#menulist{background: #007042;
	padding: 3em 0}

	#menulist ul{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	#menulist ul li{
	    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
	    padding-bottom: 1em;
	    margin: 0 2% 1em 0;
	    width: 31.3%;
	}
	#menulist ul li h3{
	font-size: 1.2em;
	margin-bottom: .4em
	}
}




#menulist ul li h3 span{
	font-size: .6em;
	font-weight: normal
}

.item{display: block;
	width: 65%;
	float: left;
	color: #fff
}

.itemicon{display: block;
	width: 35%;
	float: right;
	text-align: right
}


