.kohobx{ padding:30px 0 20px; flex-flow:wrap; justify-content:space-between; align-items:flex-start; }
.kohobx .pht{ padding-bottom:30px; flex-basis:40%; order:1; margin:0 auto; max-width:300px; }
.kohobx .pht img{ width:100%; box-sizing:border-box; border:1px solid #999; }
.kohobx .bun{ padding-bottom:30px; flex-basis:55%; order:2; }
.kohobx .bun h4{ margin:0; padding:15px 0 0; font-size:1.1rem; line-height:150%; }
.lnkfile { margin: 0px; padding: 20px 0px 0px; list-style-type: none; line-height: 175%; }
.lnkfile li { margin: 10px 0px 0px; padding: 0px; }
.lnkfile li:first-of-type { margin-top: 0px; }
.lnkfile a { position: relative; display: block; padding: 30px 40px 30px 55px; width: 100%; border: 1px dashed #333333; box-sizing: border-box; text-decoration: none; }
.lnkfile a::before { position: absolute; top: 21px; left: 8px; width: 37px; content: url("/hpdata/svg/pdf2.svg"); }
.lnkfile li:nth-of-type(2) a::before { content: url("/hpdata/svg/mp3.svg"); }
.lnkfile a::after { position: absolute; top: calc(50% - 2px); right: 20px; width: 11px; height: 11px; border-top: 2px solid #333333; border-right: 2px solid #333333; content: ""; transform: rotate(45deg) translateY(-50%); }
.hx02{ margin:0; padding:6px 10px; font-size:0.8rem; line-height:100%; font-weight:normal; }

.lnkfile2 { margin: 0px; padding: 15px 0px 0px; list-style-type: none; line-height: 175%; }
.lnkfile2 li { margin: 10px 0px 0px; padding: 0px; }
.lnkfile2 a { position: relative; display: block; padding: 12px 40px 12px 45px; width: 100%; border: 1px dashed #333333; box-sizing: border-box; text-decoration: none; }
.lnkfile2 a::before { position: absolute; top: 12px; left: 10px; width: 37px; content: url("/hpdata/svg/pdf.svg"); }
.lnkfile2 a::after { position: absolute; top: 50%; right: 20px; width: 7px; height: 7px; border-top: 2px solid #333333; border-right: 2px solid #333333; content: ""; transform: rotate(45deg) translateY(-50%); }

.ol01{ margin:0; padding:1px 0 50px; list-style-type:none; line-height:175%; }
.ol01 li{ margin:0; padding:0; border-bottom:1px dashed #999; }
.ol01 a{ position:relative; display:block; padding:10px 20px 10px 45px; }
.ol01 a::before { position: absolute; top: 12px; left: 5px; width: 29px; content: url("/hpdata/svg/onsei.svg"); }
@media print,screen and (min-width: 500px) {
  .lnkfile2 a { padding-left: 52px; }
  .lnkfile2 a::before { left: 15px; }
  .lnkfile a { padding-left: 60px; }
  .lnkfile a::before { left: 10px; }
}
@media print,screen and (min-width: 640px) {
  .kohobx{ display:flex; }
  .kohobx .pht{ margin:0; max-width:1300px; }
}