.div02 { margin: 0px; padding: 25px 0px 55px; line-height: 150%; text-align: center; display: flex; flex-flow: wrap; justify-content: space-between; }
.div02 > div { position: relative; margin: 20px 0px 0px; flex-basis: 47%; }
.div02 > div:last-of-type { margin-top: 40px; flex-basis: 100%; }
.div02 > div > img { margin-bottom: 10px; width: 100%; }
.div02 .ya1 { position: absolute; top: 30%; left: 100%; width: 15%; z-index: 2; }
.div02 .ya2 { position: absolute; top: 101%; left: 50%; width: 15%; z-index: 2; transform: translateX(-50%) rotate(90deg); }
.truckz { margin: 0px; padding: 20px 0px 0px; list-style-type: none; text-align: center; font-size: 0.9rem; line-height: 150%; flex-flow: wrap; justify-content: space-between; border-top: 1px dashed #999999; }
.truckz li { margin: 20px 0px 0px; padding: 0px; flex-basis: 48%; word-break: break-all; }
.truckz img { width: 100%; margin-bottom: 5px; }
@media print, screen and (min-width: 500px) {
  .truckz { display: flex; }
  .div02 > div, .div02 > div:last-of-type { margin-top: 20px; flex-basis: 31%; }
  .div02 .ya1 { top: 40%; left: 100%; width: 11%; }
  .div02 .ya2 { top: 40%; left: 100%; width: 11%; transform: none; }
}
@media print, screen and (min-width: 768px) {
  .truckz li { margin-top: 40px; }
}