.div01 { padding: 15px 0px 0px; width: 100%; text-align: center; }
.div01 > div { margin: 15px 0px; width: 100%; }
.div01 img { width: 100%; }
.div02 { margin: 20px 0px; padding: 20px; border: 1px solid #cccccc; }
.div03 { margin: 20px 0px 0px; padding: 10px 10px 60px; background-repeat: no-repeat; background-position: center bottom; background-image: url("/hpdata/bg/13.jpg"); }
.div03 div { padding: 10px; background-color: rgba(255, 255, 255, 0.5); }
.div03 h3 { margin: 0px 0px 15px; padding: 8px 0px 6px; background-color: #68a9ca; color: #ffffff; text-align: center; font-weight: normal; font-size: 1.1rem; line-height: 100%; }
.div03 img { float: right; margin-left: 15px; }
.div04 { padding-top: 20px; }
@media print, (min-width: 540px) {
  .div01 { display: flex; flex-flow: wrap; justify-content: space-between; }
  .div01 > div { flex-basis: 48%; }
  .div03 { padding: 20px 20px 90px; }
  .div03 div { padding: 20px; }
}