@charset "utf-8";

#mf1 {

}
table {
width: 60vw;
margin: 3vw auto 8vw;
}
thead th {
background: #78A19A;
color: #fff;
text-align: center;
font-size: 120%;
padding: .5em 0;
}
tbody th,
tbody td{
background: #fff;
border-bottom: 1px solid #ccc;
padding: 1em 3em;
border-collapse: collapse;
vertical-align: top;
color: #686565;
}
tbody td {
background: #fff;
color: #686565;
}

.fadeIn{ 
  animation-duration: 2s; 
}

@media screen and (max-width: 1024px) {
  table {
    width: 90vw;
  }
  tbody th, tbody td {
    width: 100%;
    font-size: .8em;
    padding: 1em;
  }
  tbody th {
    width: 30%;
    padding-left: 2em;
  }
}

@media screen and (max-width: 540px) {
  table {
    width: 90vw;
  }
}