@charset "utf-8";

#mf1{
margin: 100px 0;
}

#mf1 .clist{
display: flex;
align-items: center;
align-items: flex-start;
border: #1DB687 solid 1px;
border-width: 1px 0 0 0;
padding: 30px 0;
}
#mf1 .clist:last-of-type{
border-width: 1px 0;
}
#mf1 .clist h2{
width: 10em;
color: #1DB687;
font-size: 1.5em;
font-weight: bold;
}
#mf1 .clist p{
margin: 0 0 1em 0;
}
#mf1 .clist ul{
margin: 0 0 1em 0;
}
#mf1 .clist ul li{
margin: 0 0 0.3em 0;
}
#mf1 .clist ul li:before{
content: "●";
color: #1DB687;
font-size: 0.6em;
margin: 0 1em 0 0;
}
#mf1 .clist ul + p{
margin: 0;
}


@media (max-width: 768px) {

#mf1{
margin: 15vw 0;
}

#mf1 .clist{
display: block;
padding: 5vw 0;
}
#mf1 .clist h2{
width: auto;
font-size: 1em;
}


}