.bun { padding-bottom: 30px; }
.hx02 { clear: both; margin: 0px; padding: 0px; font-size: 1.4rem; line-height: 150%; }
.div06 img { float: right; margin: 0px 0px 0px 10px; width: 45%; max-width: 200px; }
.ul03 { margin: 0px; padding: 1px 0px 0px; list-style-type: none; font-size: 0.94rem; line-height: 200%; }
.ul03 > li { margin: 20px 0px 0px; padding: 10px 10px 20px; flex-flow: wrap; justify-content: space-between; align-items: flex-start; border: 1px dashed #999999; }
.ul03 h4 { margin: 0px; padding: 7px 0px; font-size: 1rem; line-height: 150%; }
.ul03 ul { margin: 0px; padding: 0px 0px 12px; list-style-type: none; flex-flow: wrap; line-height: 150%; }
.ul03 ul li { margin: 5px 20px 0px 0px; padding: 0px 0px 0px 20px; position: relative; }
.ul03 ul li::before { content: ""; position: absolute; top: 7px; left: 4px; width: 11px; height: 11px; border-radius: 50%; }
.ul03 img { float: right; margin: 0px 0px 5px 15px; width: 40%; max-width: 150px; }
@media print, screen and (min-width: 450px) {
  .hx02 { font-size: 1.5rem; line-height: 150%; }
  .ul03 ul { display: flex; }
  .ul03 img { margin-left: 15px; }
}
@media print, screen and (min-width: 740px) {
  .hx02 { clear: none; }
  .div06 img { max-width: 250px; }
  .ul03 img { margin: 0px 0px 5px 25px; width: 40%; max-width: 150px; }
}
@media print, screen and (min-width: 740px) {
  .ul03 > li { display: flex; }
  .ul03 img { float: none; margin: 0px 30px 0px 0px; width: 40%; }
  .ul03 > li > div { flex: 1 1 0%; }
}
@media print, screen and (min-width: 1200px) {
  .div06 img { max-width: 300px; }
}