.hx02 { margin: 50px 0px 0px; padding: 10px 0px; font-size: 1.6rem; line-height: 150%; }
.hx02nm { margin-top: 0px; padding-top: 0px; }
.sml3 { padding: 5px 0px 0px; font-size: 0.8rem; line-height: 200%; }
.ul01 { margin: 0px; padding: 1px 0px 0px; list-style-type: none; line-height: 125%; flex-flow: wrap; justify-content: flex-start; }
.ul01 li { margin: 17px 2% 0px 0px; padding: 0px; flex-basis: 48%; box-sizing: border-box; position: relative; }
.ul01 li.lng { flex-basis: 100%; }
.ul01 a { display: block; width: 100%; padding: 15px 0px 15px 45px; text-decoration: none; border: 1px solid #777777; position: relative; box-sizing: border-box; }
.ul01 a::before { content: url("/hpdata/svg/pdf.svg"); position: absolute; top: 11px; left: 10px; width: 26px; }
.hx03 { margin: 30px 0px 0px; padding: 10px 0px 0px; font-size: 1.4rem; line-height: 150%; }
.deftab { margin-top: 10px; }
.telmoji { font-size: 1.5rem; line-height: 150%; font-weight: bold; }
.sml2 { padding: 10px 0px; font-size: 0.9rem; line-height: 175%; }
.btn2 { padding: 15px 0px; width: 100%; max-width: 300px; font-size: 1rem; line-height: 100%; }
.btn2 a { position: relative; display: block; width: 100%; padding: 18px 0px; text-align: center; color: #ffffff; background-color: #cc3300; text-decoration: none; }
.btn2 a::after { content: ""; position: absolute; top: 50%; right: 3px; width: 0px; height: 0px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; transform: translateY(-50%); }
.infoz { margin: 0px; padding: 1px 0px 0px; list-style-type: none; }
.infoz li { margin: 30px 0px 0px; padding: 20px; border: 1px solid #a0904b; }
.infoz h4 { margin: 0px; padding: 0px 0px 20px; border-bottom: 1px dashed #a0904b; font-size: 1.5rem; line-height: 150%; }
.infoz .wrp { padding: 15px 0px 0px; font-size: 0.94rem; line-height: 200%; }
.infoz .pht { float: right; margin: 0px 0px 0px 20px; width: 45%; max-width: 250px; }
.infoz .pht img { width: 100%; }
.infoz .btn { padding: 20px 0px 5px; width: 100%; max-width: 210px; font-size: 0.85rem; line-height: 100%; }
.infoz .btn a { position: relative; display: block; width: 100%; padding: 10px 0px; text-align: center; color: #ffffff; background-color: #b2a35e; text-decoration: none; }
.infoz .btn a::after { content: ""; position: absolute; top: 50%; right: 3px; width: 0px; height: 0px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; transform: translateY(-50%); }
.instaz { flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.instaz .bun { order: 2; padding: 0px 0px 10px; flex: 1 1 0%; box-sizing: border-box; word-break: break-all; }
.instaz .pht { order: 1; margin: 8px 0px 0px; width: 90%; max-width: 200px; border: 1px solid #999999; }
@media print, screen and (min-width: 500px) {
  .ul01 { display: flex; }
  .instaz { display: flex; }
  .instaz .bun { padding: 0px 0px 0px 30px; }
  .instaz .pht { width: 50%; max-width: 150px; }
}
@media print, screen and (min-width: 700px) {
  .ul01 li { margin: 17px 2% 0px 0px; flex-basis: 31%; }
  .ul01 li.lng { flex-basis: 48%; }
  .btn2 { padding-bottom: 5px; }
}
@media print, screen and (min-width: 1040px) {
  .ul01 li { flex-basis: 23%; }
}
