/* ============================
   menu：症状ページ導線カード
   menu.html専用追加CSS
============================ */
.menu-symptom-links-section{
  text-align:center;
}

.menu-symptom-links-section h3{
  margin-top:0;
  margin-bottom:14px;
}

.menu-symptom-links-lead{
  margin:0 auto 28px;
  color:rgba(255,255,255,.82);
  line-height:1.9;
  max-width:720px;
}

.menu-symptom-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.menu-symptom-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:150px;
  padding:26px 22px;
  border:1px solid rgba(217,193,126,.34);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  text-decoration:none;
  box-sizing:border-box;
  transition:transform .28s ease, background .28s ease, border-color .28s ease, opacity .28s ease;
}

.menu-symptom-card:hover{
  transform:translateY(-4px);
  background:rgba(217,193,126,.075);
  border-color:rgba(217,193,126,.62);
  opacity:.96;
}

.menu-symptom-card:visited{
  color:#d9c17e;
}

.menu-symptom-title{
  display:block;
  color:#d9c17e;
  font-size:1.18rem;
  letter-spacing:.08em;
  margin-bottom:12px;
}

.menu-symptom-text{
  display:block;
  color:rgba(255,255,255,.86);
  font-size:.94rem;
  line-height:1.8;
}

@media (max-width:860px){
  .menu-symptom-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .menu-symptom-card{
    min-height:auto;
    padding:22px 18px;
  }
}