
.houli-hfp18224 {
  width:100%;
  max-width:1120px;
  margin:0 auto;
  background:#ffffff;
  color:#294158;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.houli-hfp18224,
.houli-hfp18224 * {
  box-sizing:border-box;
}
.houli-hfp18224 h2 {
  margin:0 0 18px;
  color:#124f86;
  font-size:30px;
  line-height:1.4;
}
.houli-hfp18224 h3 {
  margin:0 0 12px;
  color:#155e9c;
  font-size:22px;
  line-height:1.45;
}
.houli-hfp18224 p {
  margin:0 0 16px;
}
.houli-hfp18224 ul {
  margin:0;
  padding-left:24px;
}
.houli-hfp18224 li {
  margin-bottom:9px;
}
.houli-hfp18224 a {
  color:#155e9c;
  text-decoration:underline;
  text-underline-offset:3px;
}
.houli-hfp18224 a:focus-visible {
  outline:3px solid #2679bd;
  outline-offset:4px;
}
.houli-hfp18224 .hp-section {
  margin-top:38px;
}
.houli-hfp18224 .hp-hero {
  padding:34px;
  border:1px solid #d8e7f7;
  border-radius:18px;
  background:linear-gradient(135deg,#edf5ff 0%,#ffffff 100%);
}
.houli-hfp18224 .hp-label {
  margin:0 0 12px;
  color:#155e9c;
  font-size:18px;
  font-weight:700;
}
.houli-hfp18224 .hp-hero h2 {
  font-size:36px;
  line-height:1.35;
}
.houli-hfp18224 .hp-hero p:last-child,
.houli-hfp18224 .hp-card p:last-child,
.houli-hfp18224 .hp-note p:last-child,
.houli-hfp18224 .hp-faq p:last-child {
  margin-bottom:0;
}
.houli-hfp18224 .hp-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.houli-hfp18224 .hp-stat {
  min-width:0;
  padding:19px 12px;
  border:1px solid #d8e7f7;
  border-radius:12px;
  background:#ffffff;
  text-align:center;
}
.houli-hfp18224 .hp-stat strong {
  display:block;
  margin-bottom:6px;
  color:#155e9c;
  font-size:29px;
  line-height:1.25;
}
.houli-hfp18224 .hp-stat span {
  display:block;
  font-size:17px;
  line-height:1.5;
}
.houli-hfp18224 .hp-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.houli-hfp18224 .hp-card {
  min-width:0;
  padding:24px;
  border:1px solid #dce8f5;
  border-top:4px solid #2679bd;
  border-radius:12px;
  background:#f5f9ff;
}
.houli-hfp18224 .hp-note {
  margin-top:20px;
  padding:20px 24px;
  border-left:4px solid #2679bd;
  border-radius:0 10px 10px 0;
  background:#edf5ff;
}
.houli-hfp18224 .hp-spec {
  margin-top:22px;
  border:1px solid #d8e7f7;
  border-radius:12px;
  overflow:hidden;
}
.houli-hfp18224 .hp-spec h3 {
  margin:0;
  padding:17px 22px;
  background:#155e9c;
  color:#ffffff;
  font-size:21px;
}
.houli-hfp18224 table {
  width:100%;
  margin:0;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:18px;
  line-height:1.6;
}
.houli-hfp18224 th,
.houli-hfp18224 td {
  padding:15px 22px;
  border:0;
  border-bottom:1px solid #dce8f5;
  text-align:left;
  vertical-align:top;
  white-space:normal;
  overflow-wrap:anywhere;
}
.houli-hfp18224 th {
  width:48%;
  color:#214767;
  font-weight:600;
}
.houli-hfp18224 td {
  width:52%;
}
.houli-hfp18224 tr:nth-child(even) {
  background:#f2f7fd;
}
.houli-hfp18224 tr:last-child th,
.houli-hfp18224 tr:last-child td {
  border-bottom:0;
}
.houli-hfp18224 .hp-faq {
  padding:22px 0;
  border-bottom:1px solid #dce8f5;
}
.houli-hfp18224 .hp-faq:first-of-type {
  padding-top:4px;
}
.houli-hfp18224 .hp-quote {
  padding:32px;
  border:1px solid #d8e7f7;
  border-radius:16px;
  background:#edf5ff;
}
.houli-hfp18224 .hp-button {
  display:inline-block;
  max-width:100%;
  margin-top:8px;
  padding:15px 24px;
  border-radius:9px;
  background:#155e9c;
  color:#ffffff;
  font-size:19px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  text-decoration:none;
}
.houli-hfp18224 .hp-button:hover {
  background:#104b7e;
}
.houli-hfp18224 .hp-contact {
  margin-top:20px;
}
.houli-hfp18224 .hp-contact p {
  margin-bottom:8px;
}
.houli-hfp18224 .hp-related {
  padding-top:22px;
  border-top:1px solid #dce8f5;
}
@media (max-width:760px) {
  .houli-hfp18224 h2 {
    font-size:27px;
  }
  .houli-hfp18224 .hp-hero {
    padding:24px 20px;
  }
  .houli-hfp18224 .hp-hero h2 {
    font-size:30px;
  }
  .houli-hfp18224 .hp-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .houli-hfp18224 .hp-stat strong {
    font-size:26px;
  }
  .houli-hfp18224 .hp-grid {
    grid-template-columns:1fr;
  }
  .houli-hfp18224 .hp-card {
    padding:22px;
  }
  .houli-hfp18224 .hp-section {
    margin-top:30px;
  }
  .houli-hfp18224 .hp-quote {
    padding:24px 20px;
  }
}
@media (max-width:600px) {
  .houli-hfp18224 table,
  .houli-hfp18224 tbody,
  .houli-hfp18224 tr,
  .houli-hfp18224 th,
  .houli-hfp18224 td {
    display:block;
    width:100%;
  }
  .houli-hfp18224 tr {
    border-bottom:1px solid #dce8f5;
  }
  .houli-hfp18224 tr:last-child {
    border-bottom:0;
  }
  .houli-hfp18224 th {
    padding:14px 18px 4px;
    border-bottom:0;
  }
  .houli-hfp18224 td {
    padding:0 18px 15px;
    border-bottom:0;
  }
  .houli-hfp18224 .hp-spec h3 {
    padding:16px 18px;
    font-size:21px;
  }
  .houli-hfp18224 .hp-note {
    padding:18px;
  }
  .houli-hfp18224 .hp-button {
    width:100%;
  }
}
