.rei { margin: 0px; padding: 20px 0px 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: space-between; text-align: left; }
.rei li { margin: 25px 0px 0px; padding: 0px; flex-basis: 48%; }
.rei h4 { margin: 0px; padding: 15px 0px 4px; font-size: 1.1rem; line-height: 150%; }
.rei p { font-size: 0.83rem; line-height: 200%; }
.dts { padding: 20px 0px 0px; flex-flow: wrap; justify-content: space-between; }
.dts > div { flex-basis: 47%; }
.dts table { margin: 0px; padding: 0px; width: 100%; border: 1px solid #999999; font-size: 1rem; line-height: 175%; }
.dts td { padding: 7px 10px; border: 1px solid #999999; }
.dts td.nw { white-space: nowrap; }
.dts ul { margin: 0px; padding: 20px; border: 1px solid #999999; list-style-type: none; line-height: 200%; }
.dts ul li { position: relative; margin: 0px; padding: 0px 0px 0px 20px; }
.dts ul li::before { content: url("/hpdata/svg/ya.svg"); position: absolute; top: 0px; left: 0px; width: 13px; height: 10px; }
.dts ul strong { font-size: 1.3rem; }
.defcol4 { font-size: 1rem; line-height: 175%; }
.defcol4 th.th_left { background-color: #009344; color: #ffffff; }
.defcol4 thead th { background-color: transparent; }
.defcol4 .red { color: #cc3300; }
.gochumon { padding: 30px 0px 20px; display: flex; flex-flow: wrap; justify-content: flex-start; }
.gochumon a { margin: 20px 20px 0px 0px; }
.sbox { padding: 0px 0px 25px; flex-flow: wrap; justify-content: space-between; }
.sbox .pht { padding: 20px 0px 0px; flex-basis: 38%; order: 1; }
.sbox .pht img { width: 100%; height: 100%; object-fit: cover; }
.sbox .data { padding: 20px 0px 0px; flex-basis: 57%; order: 2; }
.phtzz { margin: 0px; padding: 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.phtzz li { margin: 5px 0px 0px; padding: 0px 0px 20px; flex-basis: 31%; display: flex; flex-flow: wrap; justify-content: space-between; width: 100%; }
.phtzz li > a { display: block; flex-basis: 45%; }
.phtzz li > a > div { position: relative; width: 100%; height: 0px; padding-bottom: 100%; }
.phtzz li .bun { padding: 5px 0px 0px; flex-basis: 50%; font-size: 0.8rem; line-height: 175%; }
.phtzz li .bun div { font-size: 1rem; line-height: 150%; }
.jari { margin: 40px 0px 0px; padding: 20px 15px; line-height: 200%; background-color: #f7f2e3; }
.jari .wrap { padding: 20px 0px 0px; flex-flow: wrap; justify-content: space-between; }
.jari .pht { padding: 0px 0px 30px; flex-basis: 31%; }
.jari ul { flex-basis: 65%; margin: 0px; padding: 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.jari li { margin: 5px 0px 0px; padding: 0px 0px 20px; flex-basis: 31%; display: flex; flex-flow: wrap; justify-content: space-between; width: 100%; }
.jari li > a { display: block; flex-basis: 45%; }
.jari li > a > div { position: relative; width: 100%; height: 0px; padding-bottom: 100%; }
.jari li .bun { padding: 5px 0px 0px; flex-basis: 50%; font-size: 0.8rem; line-height: 175%; }
.jari li .bun div { font-size: 1rem; line-height: 150%; }
.jari .midasi { padding: 0px 0px 12px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-end; }
.jari .midasi img:first-of-type { width: 170px; }
.jari .midasi img:last-of-type { width: 100%; max-width: 353px; }
.hx05 { position: relative; margin: 50px 0px 0px; padding: 0px 0px 25px 20px; font-size: 1.7rem; line-height: 150%; }
.hx05::before { content: ""; position: absolute; top: 5px; left: 0px; width: 0px; height: 36px; border-width: 0px 0px 0px 5px; border-style: solid; }
.ppz { margin: 30px 0px 0px; padding: 10px 15px; line-height: 200%; flex-flow: wrap; justify-content: space-between; border: 1px solid #777777; }
.ppz .pht { flex-basis: 35%; order: 1; }
.ppz .pht img { width: 100%; height: 100%; object-fit: cover; }
.ppz .bun { padding-bottom: 20px; flex-basis: 62%; order: 2; }
.ppz .bun img { float: right; width: 30%; max-width: 87px; margin-left: 10px; }
.ppz h4 { margin: 0px; padding: 5px 0px 10px; font-size: 1.4rem; line-height: 150%; color: #006633; }
.sikenhyou { margin: 30px 0px 0px; padding: 15px; border: 1px dashed #999999; background-image: url("/commonfldr/img/bg/e005.png"); }
.sikenhyou h3 { margin: 0px; padding: 0px; font-size: 1.2rem; line-height: 150%; }
.sikenhyou h3 .sml { font-size: 0.8rem; }
.sikenhyou ul { margin: 0px; padding: 10px 0px 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: flex-start; font-size: 1.1rem; line-height: 100%; }
.sikenhyou li { position: relative; margin: 5px 20px 0px 0px; padding: 0px 0px 20px 36px; box-sizing: border-box; }
.sikenhyou li::before { position: absolute; top: 1px; left: 4px; width: 22px; height: 22px; border-radius: 50%; content: ""; }
.sikenhyou li::after { position: absolute; top: 8px; left: 9px; width: 7px; height: 7px; border-width: 2px 2px 0px 0px; border-style: solid; border-color: #ffffff; content: ""; transform: rotate(45deg); }
.bnrb { margin: 30px 0px 0px; width: 100%; max-width: 479px; border: 1px solid #777777; }
@media print, screen and (min-width: 500px) {
  .phtzz { display: flex; text-align: center; }
  .phtzz li { display: block; }
  .phtzz li > a { width: 100%; }
  .phtzz li > a > div { padding-bottom: 75%; }
  .jari ul { display: flex; text-align: center; }
  .jari li { display: block; }
  .jari li > a { width: 100%; }
  .jari li > a > div { padding-bottom: 75%; }
}
@media print, screen and (min-width: 600px) {
  .ppz { display: flex; padding: 20px; }
  .ppz .bun { padding-bottom: 0px; }
  .jari { padding: 20px; }
}
@media print, screen and (min-width: 640px) {
  .jari .wrap { display: flex; }
  .jari .pht { padding-bottom: 10px; }
  .jari .pht img { width: 100%; height: 100%; object-fit: cover; }
}
@media print, screen and (min-width: 768px) {
  .sbox { padding: 15px 0px 30px; display: flex; }
  .rei li { margin: 25px 0px 0px; padding: 0px; flex-basis: 23%; }
  .defcol4 th.th_left { width: 14%; background-color: transparent; color: #000000; }
  .defcol4 td { width: 17%; vertical-align: top; }
  .defcol4 td:last-of-type { width: 51%; }
  .dts { display: flex; }
  .hx05 { padding: 0px 0px 25px 22px; font-size: 2.2rem; line-height: 150%; }
  .hx05::before { height: 46px; }
  .jari { padding: 25px 35px 10px; }
  .ppz .pht { flex-basis: 25%; }
  .ppz .bun { flex-basis: 72%; }
}
@media print, screen and (min-width: 1000px) {
  .jari .pht img { height: auto; }
}
