.main ul { margin: 0px; padding: 0px; list-style-type: none; }
.main li { margin: 0px; padding: 0px; }
.main .wrapper { padding-bottom: 50px; }
.main h3 { margin: 0px; padding: 60px 0px 25px; font-size: 2.8rem; line-height: 100%; font-family: arial, sans-serif; font-weight: normal; text-align: center; }
.bggray { background-color: #f3f3f3; background-position: center top; background-image: url("/hpdata/bg/139.png"); background-repeat: no-repeat; }
.bgwhite { background-position: center top; background-image: url("/hpdata/bg/148.png"); background-repeat: no-repeat; }
.bggray2 { background-color: #f7f7f7; }
.nov { display: none; }
.nav01 { padding: 30px 0px 0px; line-height: 100%; font-family: arial, sans-serif; font-size: 1rem; }
.nav01 ul { display: flex; flex-flow: wrap; justify-content: space-between; }
.nav01 li { flex-basis: 32%; }
.nav01 li:last-of-type { display: none; }
.nav01 a { display: block; padding: 11px 0px 10px; width: 100%; text-decoration: none; text-align: center; }
.tdiv01 { padding: 30px 0px 0px; }
.tdiv01 > div.div01 { float: left; max-width: 35%; margin: 5px 20px 0px 0px; border: 1px solid #cccccc; }
.tdiv01 > div.div03 { clear: both; width: 100%; font-size: 0.95rem; }
.tdiv01 h2 { margin: 0px; padding: 20px 0px 0px; font-size: 1.2rem; line-height: 100%; color: #318476; font-weight: normal; }
.tdiv01 ol { margin: 0px; padding: 10px 0px 0px; counter-reset: number 0; list-style-type: none; }
.tdiv01 li { position: relative; padding: 0.5em 0px 0.5em 30px; line-height: 150%; }
.tdiv01 li::before { position: absolute; counter-increment: number 1; content: counter(number); display: inline-block; background-color: #40968a; color: #ffffff; font-family: arial, sans-serif; font-size: 12px; border-radius: 50%; top: 50%; left: 0px; width: 24px; height: 24px; line-height: 24px; text-align: center; transform: translateY(-50%); }
.tdiv02 { text-align: center; padding: 20px 0px 0px; font-weight: bold; color: #318476; font-size: 1.2rem; line-height: 100%; }
ul.tdiv03 { padding: 25px 0px 0px; display: flex; flex-flow: row; justify-content: space-between; text-align: center; font-size: 0.95rem; line-height: 125%; }
ul.tdiv03 li { flex-basis: 30.8%; }
ul.tdiv03 span { font-size: 13px; color: #318476; display: none; }
ul.tdiv03 img { margin-bottom: 12px; }
ul.tdiv04 { display: flex; flex-flow: wrap; justify-content: center; text-align: center; font-size: 0.9rem; line-height: 125%; }
ul.tdiv04 li { padding: 20px 5px 0px; flex-basis: 33%; box-sizing: border-box; }
ul.tdiv04 img { margin: 0px auto 10px; width: 181px; height: auto; max-width: 80%; }
ul.tdiv05 { margin: 30px 0px 0px; padding: 15px 15px 5px; background-color: #ffffff; line-height: 130%; display: flex; flex-flow: wrap; justify-content: flex-start; border-radius: 5px; }
ul.tdiv05 li { padding: 0px 20px 15px; display: inline-block; white-space: nowrap; background-position: left top; background-image: url("/hpdata/bg/5.png"); background-repeat: no-repeat; }
ul.tdiv05 div { display: none; margin: 0px 0px 10px; padding: 2px; background-color: #ffffff; }
.tdiv06 { padding: 50px 0px 40px; text-align: center; }
.tdiv06 img { margin: 0px auto; }
.tdiv07 { margin: 30px 0px 0px; padding: 20px; border: 1px solid #cccccc; box-sizing: border-box; }
.tdiv07 h4 { margin: 0px 0px 15px; padding: 5px 0px; text-align: center; font-size: 1.1rem; line-height: 150%; font-weight: normal; }
.tdiv07 h4 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; }
.mgtops { margin-top: 20px; }
.tdiv08 { display: flex; flex-flow: wrap; justify-content: center; }
.tdiv08 div { padding: 20px 0px 0px; max-width: 80%; box-sizing: border-box; }
.div20 { display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.div20 > p { padding-left: 30px; flex: 1 1 0%; box-sizing: border-box; }
.div20 > div { width: 130px; }
.div20 > table { flex-basis: 100%; border-color: #999999; line-height: 175%; }
.deftab th, .deftab td { border-color: #999999; }
.deftab th { background-color: #e9e8e5; line-height: 100%; }
.btn01 { margin: 15px 0px 0px; padding: 12px 0px; }
.deftab .btn01 { margin-bottom: 15px; }
.deftab span { font-size: 1.5rem; line-height: 150%; }
.btn02 { margin: 40px auto 0px; padding: 15px 0px; width: 250px; }
.tdiv10 { padding: 20px 0px 0px; font-size: 0.9rem; line-height: 200%; }
ul.tdiv11 { padding-top: 20px; display: flex; flex-flow: wrap; justify-content: flex-start; line-height: 125%; }
ul.tdiv11 li { flex-basis: 100%; position: relative; padding: 0px 0px 25px 20px; box-sizing: border-box; }
ul.tdiv11 li::before { position: absolute; content: ""; top: 2px; left: 0px; width: 16px; height: 16px; border-radius: 50%; background-color: #66b5ae; }
ul.tdiv11 li::after { position: absolute; content: ""; top: 7px; left: 3px; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: #ffffff #ffffff transparent transparent; transform: rotate(45deg); }
@media print, (min-width: 768px) {
  .nav01 { padding: 70px 10px 0px; font-size: 1.06rem; }
  .nav01 ul { justify-content: space-around; }
  .nav01 li { flex-basis: 23%; }
  .nav01 li:last-of-type { display: block; }
  .tdiv02 { padding-top: 50px; }
  ul.tdiv03 { font-size: 1.1rem; line-height: 140%; }
  ul.tdiv03 span { display: inline; }
}
@media print, (min-width: 660px) {
  .nov { display: inline; }
  .tdiv01 { padding-top: 75px; }
  .tdiv01 > div.div01 { margin: 0px; width: 434px; max-width: 44%; }
  .tdiv01 > div.div02 { float: right; width: 480px; max-width: 49%; }
  .tdiv01 > div.div03 { clear: none; float: right; width: 480px; max-width: 49%; }
  .tdiv01 h2 { padding-top: 40px; }
  .tdiv01 ol { padding-top: 20px; }
  ul.tdiv04 { padding-top: 20px; font-size: 1.1rem; }
  ul.tdiv04 li { padding: 20px 0px 0px; flex-basis: 27%; }
  ul.tdiv05 { margin: 0px; padding: 40px 0px; background-color: transparent; justify-content: space-between; text-align: center; line-height: 125%; border-radius: 0px; }
  ul.tdiv05 li { padding: 0px; display: block; flex-basis: 22.6%; background-image: none; }
  ul.tdiv05 div { display: block; }
  .tdiv07 { margin: 0px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
  .tdiv07 h4 { margin: 0px; padding: 18px 0px; width: 120px; }
  .tdiv07 h4 br { display: inline; }
  .tdiv07 > div { flex: 1 1 0%; padding-left: 35px; }
  .tdiv08 { flex-flow: row; justify-content: flex-start; }
  .tdiv08 div { flex-basis: 318px; padding-right: 20px; }
  .div20 > p { flex-basis: 100%; padding: 0px 0px 15px; order: 1; }
  .div20 > div { flex-basis: 30%; max-width: 30%; margin-top: 15px; order: 2; }
  .div20 > table { flex-basis: 66%; max-width: 66%; order: 3; }
  .deftab th { background-color: transparent; }
  .deftab .btn01 { margin-bottom: 0px; }
  .tdiv10 { padding: 50px 0px 0px; text-align: center; }
  .mgtops { margin-top: 30px; }
}
@media screen and (max-width: 699px) and (min-width: 500px) {
  ul.tdiv11 li { flex-basis: 50%; }
}
@media screen and (max-width: 949px) and (min-width: 700px) {
  ul.tdiv11 li { flex-basis: 33%; }
}
@media print, (min-width: 950px) {
  ul.tdiv11 li { flex-basis: 25%; }
}