.div01 { margin: 30px 0px 0px; padding: 20px; border: 1px solid #cccccc; text-align: center; }
.div01 > div:first-of-type { display: inline-block; margin: 0px auto; max-width: 100%; }
.div01 p { text-align: left; }
.div01 h3 { margin: 0px 0px 10px; padding: 5px 0px 10px; font-size: 1.5rem; line-height: 150%; border-bottom: 1px solid #cccccc; font-weight: normal; }
.pdiv01 { margin: 0px; padding: 0px; list-style-type: none; text-align: center; display: flex; flex-flow: wrap; justify-content: flex-start; line-height: 150%; }
.pdiv01 > li { margin: 20px 0px 0px; padding: 0px 10px; width: 248px; max-width: 50%; box-sizing: border-box; }
.pdiv01 > li div { margin-bottom: 8px; padding: 2px; border: 1px solid #cccccc; }
.div01 a.btncolor { background-color: #4da19a; }
.tdiv07 { margin: 30px 0px 0px; padding: 20px; border: 1px solid #cccccc; box-sizing: border-box; }
.tdiv07 h3 { margin: 0px 0px 15px; padding: 5px 0px; text-align: center; font-size: 1.1rem; line-height: 150%; font-weight: normal; }
.tdiv07 h3 br { display: none; }
.tdiv07 > div { line-height: 225%; box-sizing: border-box; }
.tdiv07 a.btncolor { display: block; margin: 15px 0px 0px auto; padding: 5px 0px; width: 200px; text-align: center; line-height: 100%; background-color: #4da19a; }
.div02 { padding: 40px 0px 0px; }
@media print, (min-width: 768px) {
  .div01 { display: flex; flex-flow: row; justify-content: space-between; text-align: left; }
  .div01 > div:first-of-type { display: block; margin: 0px; width: 340px; }
  .div01 > div:last-of-type { flex: 1 1 0%; padding-left: 56px; box-sizing: border-box; }
  .pdiv01 { padding: 0px 20px 20px; justify-content: space-between; }
  .pdiv01 > li { flex-basis: 23.5%; padding: 0px; }
  .tdiv07 { margin: 0px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
  .tdiv07 h3 { margin: 0px; padding: 18px 0px; width: 120px; }
  .tdiv07 h3 br { display: inline; }
  .tdiv07 > div { flex: 1 1 0%; padding-left: 35px; }
}