.site-footer {
  background: rgba(255, 255, 255, 0.95); /* ← 背景だけ90%透過 */
  text-align: center;
  padding: 3em 1em;
  color: #583822;  /* ← テキストはそのまま100% */
  font-size: 14px;
}


.site-footer .qr-img {
  max-width: 180px;
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin: 0 auto 1em;
}

.site-footer .footer-heading {
  font-weight: bold;
  font-size: 140%;
  display: block;
  margin-top: 1em;
}

.site-footer .btn-wrap {
  margin: 1.5em 0;
}

.site-footer .btn {
  display: inline-block;
  padding: 0.6em 1.5em;
  border: 1px solid #583822;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
}

.site-footer hr {
  margin: 2em auto;
  border: none;
  border-top: 1px solid #ccc;
  width: 80%;
}

.rep-label {
  font-size: 14px;   /* 「代表」 */
  font-weight: bold; /* 太字にしたい場合 */
}

.rep-name {
  font-size: 18px;   /* 「松尾祥子」 */
  font-weight: 600;
}

.rep-profile {
  font-size: 12px;   /* 「プロフィール」 */
  font-style: italic; /* 斜体にしたい場合 */
}