/* ------------------------------
 width: all
------------------------------ */
main section.s01 .wrapper dl + dl {
  margin-top: 35px;
}
main section.s01 .wrapper dl dt {
  font-size: 15px;
  font-weight: bold;
  line-height: 190%;
  font-weight: bold;
}
main section.s01 .wrapper dl dd p {
  font-size: 13px;
  line-height: 190%;
}
main section.s01 .wrapper dl dd iframe {
  width: 100% !important;
  display: block !important;
  height: 340px !important;
  margin-top: 15px;
}

/* ------------------------------
 width < $width-1
------------------------------ */
@media screen and (max-width: 940px) {
  main section.s01 .wrapper dl + dl {
    margin-top: 25px;
  }
  main section.s01 .wrapper dl dt {
    font-size: 12px;
    font-weight: bold;
    line-height: 190%;
    font-weight: bold;
  }
  main section.s01 .wrapper dl dd p {
    font-size: 10px;
    line-height: 190%;
  }
  main section.s01 .wrapper dl dd iframe {
    width: 100% !important;
    display: block !important;
    height: 160px !important;
    margin-top: 10px;
  }
}