.div01 { flex-flow: wrap; justify-content: space-between; }
.div01 .lft { flex-basis: 56%; text-align: center; font-size: 0.9rem; line-height: 150%; }
.div01 .rgt { flex-basis: 40%; padding-bottom: 30px; }
.div01 img { margin-bottom: 5px; width: 100%; }
.div01 ul { margin: 0px; padding: 10px 0px 0px; list-style-type: none; line-height: 200%; }
.div01 li { margin: 2px 0px 0px; padding: 0px 0px 0px 25px; position: relative; }
.div01 li::before { content: ""; position: absolute; top: 10px; left: 3px; width: 15px; height: 15px; border-radius: 50%; }
.div02 { margin: 0px; padding: 25px 0px 0px; font-size: 0.9rem; line-height: 150%; text-align: center; flex-flow: wrap; justify-content: space-between; }
.div02 div { margin: 20px 0px 0px; }
.div02 img { width: 100%; margin-bottom: 5px; }
.div03 { margin: 0px; padding: 25px 0px 0px; font-size: 0.9rem; line-height: 150%; max-width: 585px; text-align: center; flex-flow: wrap; justify-content: space-between; }
.div03 div { margin: 20px 0px 0px; flex-basis: 48%; }
.div03 img { width: 100%; margin-bottom: 5px; }
.div03 br { display: none; }
@media print, screen and (min-width: 400px) {
  .div03 { display: flex; }
}
@media screen and (max-width: 767px) and (min-width: 510px) {
  .div02 { display: flex; }
  .div02 div { flex-basis: 48%; }
  .div02 div.o1 { flex-basis: 100%; }
}
@media print, screen and (min-width: 768px) {
  .div01 { display: flex; }
  .div01 .lft { order: 1; }
  .div01 .rgt { max-width: 594px; order: 2; }
  .div02 { display: flex; }
  .div02 div { flex-basis: 32%; }
  .div02 img { max-width: 355px; }
  .div03 br { display: inline; }
}