@charset "utf-8";

#mf1 dl {
  margin: 0 auto 0 0;
}
#mf1 dt {
  padding: 0 0 .5em 2em;
  font-weight: 600;
  font-size: 15px;
}
#mf1 dd {
  font-size: 15px;
  padding: 0 2em 1em 2em;
  margin-bottom: 1em;
  border-bottom: 1px solid #E5E2E2;
}
#mf1 .tbox {
  margin: 0 0 5em;
  padding: 0 0 0 1.7em;
}
#mf1 .tbox figure {
  margin: 2em 0 1em;
}
#mf1 .wbox {
  background: #fff;
  padding: 2em 3em;
  margin: 3vw 0 5vw;
  box-shadow: -10px 5px 18px 3px rgba(0,0,0, .2);
}
#mf1 .wbox h3 {
  font-weight: bold;
  margin-bottom: .5em;
}
#mf1 .dd_h {
  display: block;
  position: relative;
  padding-left: 1em;
  margin-top: 1em;
  color:#333;
  font-weight: 600;
}
#mf1 .dd_h:before {
  content: "";
  display: block;
  width: 3px;
  height: 1.2em;
  background: #a5d6d9;
  position: absolute;
  left: 0;
  top: .2em;
}
#mf1 dd li {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: .5em;
}
#mf1 dd h3 {
  margin-top: 1em;
}

@media screen and (max-width: 1024px) {
  #mf1 dt {
    font-size: 2.4vw;
  }
  #mf1 dd {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 540px) {
  #mf1 dt {
    font-size: 3.4vw;
    padding: 0 0 1em 1em;
  }
  #mf1 dd {
    font-size: 3.2vw;
    padding: 0 0 1em 1em;
  }
}