/* =========================================================
  Usage (使い方)
========================================================= */

.usage-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);
}

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

.usage-card-top p {
  padding: 0 34px 0;
}

.usage-card p {
  margin: 0 60px auto;

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

.usage-list {
  margin: 22px 60px 0;
  padding: 0;
  list-style: none;
}

.usage-item {
  margin: 0;
  padding: 22px 0;

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

.usage-item:first-child {
  margin: 0;
  padding: 12px 0;

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

.usage-item h3 {
  margin: 0 0 22px;
  color: var(--mikoto-red-dark);

  font-size: 1.13rem;
  letter-spacing: 0.08em;
  line-height: 1.55;
}

.usage-item h4 {
  margin: 18px 0 8px;
  color: rgba(120, 38, 32, 0.92);
  font-size: 1.07rem;
  letter-spacing: 0.06em;
}

.usage-item p {
  margin: 0 10px 12px;

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

.usage-sub-list {
  margin: 8px 18px 14px;
  padding: 0;
  list-style: none;
}

.usage-sub-list li {
  position: relative;

  margin: 0;
  padding: 8px 0 8px 1.5em;

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

.usage-sub-list 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;
}

.usage-sub-list li + li {
  border-top: 1px solid rgba(190, 145, 60, 0.14);
}

.usage-sub-list strong {
  color: var(--mikoto-red-dark);
  font-weight: 900;
  letter-spacing: 0.04em;
}