.div01 { padding: 15px 0px 0px; width: 100%; text-align: center; }
.div01 > div { margin: 15px 0px; width: 100%; }
.div01 img { width: 100%; }
.div04 { padding-top: 30px; }
.div03 { margin: 40px 0px 0px; padding: 5px; background: repeating-linear-gradient(-45deg, #e7f3fd, #e7f3fd 3px, #f3faff 3px, #f3faff 7px); }
.div03 > div { margin: 0px; padding: 15px; border: 2px dashed #5899db; font-size: 0.9rem; line-height: 225%; background-repeat: no-repeat; background-position: right top; }
.div03 h3 { margin: 0px; padding: 0px 0px 10px; font-size: 1.3rem; line-height: 150%; }
.div03 h3 span { font-size: 1rem; }
.div03b { display: flex; flex-flow: wrap; justify-content: flex-start; }
.div03b div { width: 49%; padding: 10px 10px 0px 0px; box-sizing: border-box; }
.div03b div:last-of-type { width: 100px; padding: 40px 0px 0px; display: none; }
.mkj { margin: 20px 0px 0px; padding: 0px 20px 20px; background-color: #f5f4f0; border: 1px solid #e5e4e0; font-size: 0.94rem; line-height: 100%; }
.mkj ul { margin: 0px; padding: 0px; list-style-type: none; }
.mkj li { position: relative; margin: 0px; padding: 20px 20px 0px 27px; display: inline-block; white-space: nowrap; counter-increment: chapter 1; }
.mkj li::before { position: absolute; top: 20px; left: 6px; content: counter(chapter); z-index: 4; color: #ffffff; }
.mkj li::after { position: absolute; top: 16px; left: 0px; content: ""; width: 20px; height: 20px; background-color: #53addb; z-index: 3; border-radius: 50%; }
.hx01 { position: relative; margin: 50px 0px 20px; padding: 25px 15px 23px 45px; font-size: 1.2rem; line-height: 150%; border: 1px solid #cccccc; }
.hx01::before { position: absolute; top: 25px; left: 20px; content: attr(data-label); font-weight: normal; z-index: 4; color: #ffffff; }
.hx01::after { position: absolute; top: 21px; left: 10px; content: ""; width: 28px; height: 28px; background-color: #53addb; z-index: 3; border-radius: 50%; }
a.bnrr { display: inline-block; margin: 20px 0px 0px; }
@media print, (min-width: 540px) {
  .div01 { display: flex; flex-flow: wrap; justify-content: space-between; }
  .div01 > div { flex-basis: 48%; }
}
@media print, (min-width: 768px) {
  .div03 > div { padding: 30px; background-image: url("/hpdata/bg/11.png"); }
  .div03b div { width: 220px; max-width: 40%; padding: 20px 20px 0px 0px; }
  .div03b div:last-of-type { display: block; max-width: 20%; }
  .div02 > div > div { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
  .div02a { margin: 5px 0px 0px; width: 180px; display: block; }
  .div02b { flex: 1 1 0%; padding: 0px 0px 0px 30px; box-sizing: border-box; }
  .hx01 { margin: 50px 0px 20px; padding: 30px 15px 28px 53px; font-size: 1.45rem; line-height: 150%; }
  .hx01::before { top: 30px; left: 22px; }
  .hx01::after { top: 26px; left: 10px; width: 36px; height: 36px; }
}