@charset "utf-8";

dl {
  margin: 0 auto 10vw;
}
dt {
  width: 25%;
  border-bottom: 1px solid #417fac;
  padding: 1em;
  border-collapse: collapse;
  vertical-align: top;
  color: #426F7F;
  float: left;
}
dd {
  padding-left: 25%;
  border-bottom: 1px solid #417fac;
  padding: 1em;
  border-collapse: collapse;
  vertical-align: top;
}
dl dt:nth-of-type(3) {
  border-bottom: none;
}

.fadeIn{ 
  animation-duration: 2s; 
}

#mf2 .cbox {
display: flex;
justify-content: center;
align-items: center;
}
#mf2 .cbox figure {
  width: 25%;
  margin-right: 10%;
}
#mf2 .cbox p {
  width: 65%;
}

@media screen and (max-width: 1024px) {
  #mf1 dl, #mf2 .cbox {
    width: 90vw;
    margin: 0 auto 5vw;
  }
  #mf1 dt {
    width: 100%;
    border-bottom: none;
    font-size: 1.1em;
    padding-bottom: .5em;
  }
  #mf1 dd {
    padding: 0 1em 1em 1em;
  }
}

@media screen and (max-width: 540px) {
  table {
    width: 90vw;
  }
  #mf2 .cbox {
    flex-direction: column-reverse;
  }
  #mf2 .cbox p {
    width: 100%;
  }
  #mf2 .cbox figure {
    width: 55%;
    margin: 5vw auto;
  }
}