/* =========================================================
  Site guide
  サイト内案内
========================================================= */

.site-guide-card {
  max-width: 770px;
  margin: 34px auto;
  padding: 28px 34px 32px;
  border-radius: 22px;

  background:rgba(255, 253, 248, 0.76);

  border: 2px solid rgba(190, 145, 60, 0.46);
  box-shadow:
    0 14px 30px rgba(80, 30, 20, 0.10),
    inset 0 0 0 1px rgba(255, 240, 190, 0.24);

  backdrop-filter: blur(1.5px);
}

.site-guide-card .page-text-title {
  margin-top: 30px;
  margin-bottom: 45px;  
}

.site-guide-card p {
  margin: 0 65px auto;

  color: rgba(64, 45, 38, 0.86);
  font-size: 1.01rem;
  line-height: 1.9;
}

.site-guide-card h3 {
  margin: 30px 55px auto;
  padding-top: 18px;
  padding-bottom: 18px;


  border-top: 1px solid rgba(190, 145, 60, 0.28);

  color: var(--mikoto-red-dark);
  font-size: 1.06rem;
  letter-spacing: 0.08em;
}

.site-guide-card h3:first-of-type {
  margin-top: 26px;
}

.site-guide-card ul {
  margin: 0 60px 14px;
  padding: 0;

  list-style: none;
}

.site-guide-card li {
  position: relative;

  margin: 0;
  padding: 9px 0 9px 1.45em;

  color: rgba(64, 45, 38, 0.86);
  font-size: 1.0rem;
  line-height: 1.75;
}

.site-guide-card li::before {
  content: "";
  position: absolute;
  left: 0.05em;
  top: 0.95em;

  width: 14px;
  height: 14px;

  background-image: url("../images/icon_star.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  opacity: 0.86;
}

.site-guide-card strong {
  color: var(--mikoto-red-dark);
  font-weight: 900;
  letter-spacing: 0.04em;
}