@charset "utf-8";

#mainvis{
background-image: url("../../img/course/safe/ttl.jpg");
}

#mf1{
margin: 0 0 80px 0;
}
#mf1 .clist{
justify-content: space-between;
}

#mf2 h2{
font-size: 1.25em;
font-weight: bold;
color: #fff;
margin: 0 0 20px 0;
padding: 10px;
border-radius: 10px;
}
#mf2 p{
margin: 0 0 20px 0;
}
#mf2 ul{
display: flex;
flex-wrap: wrap;
}
#mf2 ul li{
margin: 0 10px 0 0;
}


@media screen and (max-width: 850px) {
#mf1{
margin: 0 5vw 10vw 5vw;
}
#mf1 .clist{
justify-content: center;
}
#mf1 p{
margin: 0 0 5vw 0 ;
}

#mf2{
margin: 0 5vw 10vw 5vw;
}
#mf2 h2{
font-size: 1em;
margin: 0 0 2vw 0;
padding: 2vw;
}
#mf2 p{
margin: 0 0 2vw 0;
}
#mf2 ul{
}
#mf2 ul li{
width: 48%;
margin: 0 0.5vw;
}

}