@charset "utf-8";
#mf1 ul {
width: 1000px;
margin: 3vw auto 5vw;
overflow: hidden;
}
#mf1 li{
width: 31%;
margin: 0 3.5% 5vw 0;
float: left;
}
#mf1 li:nth-of-type(3n) {
margin-right: 0;
}
#mf1 h2 {
font-size: 1.2em;
font-weight: bold;
border-bottom: 2px solid #2AA157;
margin-bottom: 1em;
padding: .6em 0 .5em;
}
#mf1 li img {
width: 100%;
}

@media screen and (max-width: 1024px) {
#mf1 ul {
width: auto;
}
#mf1 li {
width: 47.5%;
margin: 0 5% 5vw 0 !important;
}
#mf1 li:nth-of-type(even) {
margin-right: 0 !important;
}

}

@media screen and (max-width: 540px) {
#mf1 ul {
width: auto;
}
#mf1 li {
width: 100%;
margin: 0 0 10vw 0 !important;
}

}