.div08 { padding-bottom: 30px; }
.div04 { padding-top: 30px; }
.div07 { padding-top: 10px; }
.deftab { margin-top: 30px; line-height: 175%; }
.ul04 { margin: 0px; padding: 10px 0px 20px; width: 98%; list-style-type: none; line-height: 100%; display: flex; flex-flow: wrap; justify-content: space-between; }
.ul04 li { margin: 15px 0px 0px; padding: 0px; flex-basis: 100%; }
.ul04 a { position: relative; display: block; margin: 0px; padding: 15px 0px 13px; width: 100%; text-align: center; text-decoration: none; background-color: #6fb7da; color: #ffffff; border-radius: 3px; }
.ul04 a:hover { background-color: #4facd8; color: #ffffff; }
.ul04 a::after { position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; content: ""; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: translateY(-50%) rotate(45deg); }
.ul03 { margin: 0px; padding: 10px 0px 20px; width: 100%; list-style-type: none; display: flex; flex-flow: wrap; justify-content: flex-start; }
.ul03 li { margin: 15px 15px 0px 0px; padding: 0px; width: 100%; }
.div01 { padding: 20px 0px 0px; width: 100%; text-align: center; font-size: 0.9rem; line-height: 175%; color: #444444; display: flex; flex-flow: wrap; justify-content: space-between; }
.div01 > div { margin: 10px 0px; width: 100%; }
.div01 img { margin-bottom: 5px; width: 100%; }
.div03 { margin: 30px 0px 0px; padding: 5px; background: repeating-linear-gradient(-45deg, #fdf9f1, #fdf9f1 3px, #fff6e3 3px, #fff6e3 7px); }
.div03 > div { margin: 0px; padding: 15px; border: 2px dashed #db5858; 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; }
.div03a { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.div03a div:first-of-type { margin: 0px; width: 50px; }
.div03a div:last-of-type { flex: 1 1 0%; padding: 0px 0px 0px 10px; box-sizing: border-box; }
.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; max-width: 20%; padding: 40px 0px 0px; display: none; }
.div02 { margin: 30px 0px 0px; padding: 5px; background: repeating-linear-gradient(-45deg, #e7f3fd, #e7f3fd 3px, #f3faff 3px, #f3faff 7px); }
.div02 > div { margin: 0px; padding: 30px 30px 15px 15px; border: 2px dashed #5899db; font-size: 0.9rem; line-height: 225%; background-repeat: no-repeat; background-position: right top; background-image: url("/hpdata/bg/12.png"); }
.div02 h3 { margin: 0px; padding: 0px 0px 15px; font-size: 1.3rem; line-height: 150%; }
.div02a { display: none; }
.div02 ul { margin: 0px; padding: 0px 0px 8px; list-style-type: none; }
.div02 li { position: relative; margin: 0px; padding: 0px 0px 0px 15px; }
.div02 li::before { position: absolute; content: ""; top: 11px; left: 0px; width: 8px; height: 8px; background-color: #5899db; border-radius: 50%; }
@media print, (min-width: 768px) {
  .div03 > div { padding: 30px; background-image: url("/hpdata/bg/11.png"); }
  .div03a div:first-of-type { width: 80px; }
  .div03a div:last-of-type { padding-left: 20px; }
  .div03b div { width: 220px; max-width: 40%; padding: 20px 20px 0px 0px; }
  .div03b div:last-of-type { display: block; }
  .div02 > div > div { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
  .div02a { margin: 5px 0px 0px; width: 180px; max-width: 35%; display: block; }
  .div02b { flex: 1 1 0%; padding: 0px 0px 0px 30px; box-sizing: border-box; }
  .ul04 li { flex-basis: 48%; }
}
@media print, (min-width: 540px) {
  .div01 > div { flex-basis: 48%; line-height: 175%; font-size: 0.94rem; }
}
@media print, (min-width: 500px) {
  .ul03 { display: flex; flex-flow: row; justify-content: flex-start; }
  .ul03 li { max-width: 49%; }
}
@media print, (min-width: 1000px) {
  .ul04 { width: 90%; }
}