.accordion {
	width: 100%;

}
.button {
	padding:5px 10px;
	margin-top:20px;
	width: 100%;
	background-color: #009844;
	color: #FFF;
	cursor: pointer;
	position: relative;
font-size:1.28571rem;
	border: 1px solid #FFF;
	border-radius: 4px;

}


@media screen and (max-width: 738px){
.button {
	width: 95%;
	margin-top:10px;
font-size:3.4375vw;
padding:10px 0;
}

.button:after {
	content: "+";
/*	content: "\f067";*/
	font-family: FontAwesome;
	margin-top:3px;

	position: absolute;
top: 20px !important;
	right: 20px;
	font-size:18px !important;
}

}




.button.button_1 {
	/*background-color: #f5f4f2;*/
	/*color: #1abc9c;*/
}
.button:after {
	content: "+";
	font-family: FontAwesome;
	position: absolute;
	top: auto;
	right: 20px;
	/*font-size:1.5625vw;*/
	

}


@media screen and (max-width: 738px){
	
	.button:after {

	top: 5px !important;



}
	
	
	
	}



.button.active:after {
	content: "－";
	/*content: "\f068";*/
}






.nest ul{
width: 100%;
list-style: none outside;
}


.nest li{
padding: 0;
float: left;
width: 220px;

}

@media screen and (max-width: 738px){
.nest li{
padding: 0;
float: left;
width: 90%;

}



}





/*--clearfix--*/
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}