/* 症状から探す(トップページの枠と /symptoms/ ページ) 2026-10-27 */
.hz-sym-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;}
.hz-sym-card{margin:0;padding:0;}
.hz-sym-card[hidden]{display:none;}
.hz-sym-card a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e2ecf3;border-radius:14px;overflow:hidden;text-decoration:none;color:#2a3854;transition:transform .2s,box-shadow .2s;}
.hz-sym-card a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(28,143,196,.15);}
.hz-sym-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#eef6fb;}
.hz-sym-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;}
.hz-sym-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px;font-family:'Noto Sans JP',sans-serif;}
.hz-sym-area{align-self:flex-start;margin:0 0 6px;padding:0 10px;border-radius:100px;background:#e8f4fb;color:#1c8fc4;font-size:12px;line-height:22px;font-weight:700;}
.hz-sym-name{font-family:'Noto Serif JP',serif;font-size:20px;line-height:1.4;font-weight:700;color:#1E2F57;}
.hz-sym-desc{margin:6px 0 0;font-size:13px;line-height:1.7;color:#4a5670;}
.hz-sym-tags{display:flex;flex-wrap:wrap;gap:4px 8px;margin:8px 0 0;font-size:12px;color:#1c8fc4;}
.hz-sym-more{margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;color:#0ea37e;text-align:right;}

/* 症状別のコラム */
.hz-sym-h2{margin:56px 0 6px;text-align:center;font-family:'Noto Serif JP',serif;font-size:24px;font-weight:700;color:#1E2F57;}
.hz-sym-h2-lead{margin:0 0 22px;text-align:center;font-size:14px;line-height:1.8;color:#4a5670;}
.hz-sym-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.hz-sym-group{padding:18px 18px 14px;background:#fff;border:1px solid #e2ecf3;border-radius:14px;}
.hz-sym-group[hidden]{display:none;}
.hz-sym-group-ttl{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:'Noto Serif JP',serif;font-size:19px;font-weight:700;color:#1E2F57;}
.hz-sym-group-ttl span{padding:0 10px;border-radius:100px;background:#e8f4fb;color:#1c8fc4;font-family:'Noto Sans JP',sans-serif;font-size:12px;line-height:22px;}
.hz-sym-group-ttl em{margin-left:auto;font-style:normal;font-family:'Noto Sans JP',sans-serif;font-size:12px;font-weight:500;color:#7B6C5B;}
.hz-sym-posts{margin:0;padding:0;list-style:none;}
.hz-sym-posts li{border-top:1px solid #eef3f7;}
.hz-sym-posts a{display:flex;gap:12px;align-items:center;padding:10px 0;text-decoration:none;color:#2a3854;}
.hz-sym-posts img{flex:0 0 76px;width:76px;height:52px;object-fit:cover;border-radius:6px;}
.hz-sym-posts span{font-size:14px;line-height:1.55;}
.hz-sym-posts small{display:block;margin-top:2px;font-size:11px;color:#7B6C5B;}
.hz-sym-more-posts summary{padding:8px 0;font-size:13px;color:#1c8fc4;cursor:pointer;}
.hz-sym-group-lp{margin:8px 0 0;text-align:right;font-size:13px;}
.hz-sym-group-lp a{color:#0ea37e;font-weight:700;text-decoration:none;}
@media screen and (max-width:750px){.hz-sym-groups{grid-template-columns:1fr;}.hz-sym-h2{font-size:21px;}}

/* 料金表へのバナー */
.hz-sym-price{position:relative;display:block;max-width:640px;margin:44px auto 0;padding:26px 56px 26px 26px;border-radius:16px;background:linear-gradient(rgba(16,60,90,.62),rgba(16,60,90,.62)),url(https://hauola.jp/price-ogp.jpg) center/cover;color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(28,143,196,.2);}
.hz-sym-price-label{display:block;font-family:'Noto Serif JP',serif;font-size:13px;letter-spacing:.2em;opacity:.85;}
.hz-sym-price-ttl{display:block;margin:4px 0 6px;font-family:'Noto Serif JP',serif;font-size:24px;font-weight:700;}
.hz-sym-price-text{display:block;font-size:13px;line-height:1.7;}
.hz-sym-price-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:#1c8fc4;font-size:22px;line-height:32px;text-align:center;font-weight:700;}
.hz-sym-price-mini{margin:-10px 0 18px;text-align:center;font-size:13px;}
.hz-sym-price-mini a{color:#1c8fc4;font-weight:700;text-decoration:underline;}

/* トップページの枠 */
.hz-sym-home{padding:70px 0 20px;}
.hz-sym-home .c-title{margin-bottom:28px;}
.hz-sym-home-lead{margin:0 0 24px;font-size:15px;line-height:1.9;color:#2a3854;}
.hz-sym-home-more{margin:28px 0 0;text-align:center;}
.hz-sym-home-more a{display:inline-block;padding:14px 40px;border-radius:100px;background:linear-gradient(to right,#1c8fc4,#0ea37e);color:#fff;font-size:15px;font-weight:700;text-decoration:none;}

/* /symptoms/ ページ */
.hz-sym-page{padding:0 0 80px;margin-top:-30px;}
.hz-sym-lead{margin:0 0 24px;font-size:15px;line-height:1.9;color:#2a3854;text-align:center;}
.hz-sym-search{max-width:520px;margin:0 auto 14px;}
.hz-sym-search-label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#1E2F57;}
.hz-sym-search input{box-sizing:border-box;width:100%;padding:13px 16px;border:1px solid #9fc9ee;border-radius:100px;font-size:16px;background:#fff;}
.hz-sym-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:820px;margin:0 auto 30px;}
.hz-sym-chips button{padding:6px 14px;border:1px solid #cfe3f2;border-radius:100px;background:#fff;color:#1c8fc4;font-size:13px;cursor:pointer;}
.hz-sym-chips button.is-on{background:#1c8fc4;border-color:#1c8fc4;color:#fff;}
.hz-sym-empty{margin:30px 0;text-align:center;font-size:15px;line-height:1.9;color:#4a5670;}
.hz-sym-empty[hidden]{display:none;}
.hz-sym-cta{max-width:640px;margin:50px auto 0;padding:28px 24px;border-radius:16px;background:#f2f8fc;text-align:center;}
.hz-sym-cta-ttl{margin:0 0 8px;font-family:'Noto Serif JP',serif;font-size:20px;font-weight:700;color:#1E2F57;}
.hz-sym-cta-text{margin:0 0 18px;font-size:14px;line-height:1.8;color:#2a3854;}
.hz-sym-cta-line{display:block;max-width:360px;margin:0 auto;padding:12px 10px;border-radius:100px;background:#06C755;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 3px 0 #04a045;}
.hz-sym-cta-line span{display:block;font-size:12px;font-weight:500;}
.hz-sym-cta-shops{display:flex;justify-content:center;gap:12px;margin:16px 0 0;}
.hz-sym-cta-shops a{padding:8px 16px;border:1px solid #9fc9ee;border-radius:100px;background:#fff;color:#1c8fc4;font-size:13px;font-weight:700;text-decoration:none;}

@media screen and (max-width:1000px){.hz-sym-cards{grid-template-columns:repeat(3,1fr);}}
@media screen and (max-width:750px){
  .hz-sym-cards{grid-template-columns:repeat(2,1fr);gap:12px;}
  .hz-sym-body{padding:10px 12px 12px;}
  .hz-sym-name{font-size:17px;}
  .hz-sym-desc{display:none;}
  .hz-sym-tags{font-size:11px;}
  .hz-sym-home{padding:50px 0 10px;}
  .hz-sym-home .inner-block{padding-left:20px;padding-right:20px;box-sizing:border-box;}
  .hz-sym-home-lead,.hz-sym-lead{font-size:14px;text-align:left;}
}