.terms-summary {
  border-top: 1px solid var(--map-line);
  padding: 78px 0 88px;
}

.terms-summary__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 38px;
}

.terms-summary__card {
  border: 1px solid var(--map-line);
  padding: 34px 36px 36px;
}

.terms-summary__card > span {
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.14em;
  min-width: 54px;
  padding: 7px 10px;
}

.terms-summary__card h3 {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin: 22px 0 0;
}

.terms-summary__card ul {
  color: var(--map-muted);
  line-height: 1.9;
  margin: 22px 0 0;
  padding-left: 1.4em;
}

.terms-summary__card--allowed {
  background: #f4f8f6;
  border-color: #c7d9d0;
}

.terms-summary__card--allowed > span {
  background: #2d6f5b;
  color: var(--map-white);
}

.terms-summary__card--not-allowed {
  background: #fff8f5;
  border-color: #e7d1c8;
}

.terms-summary__card--not-allowed > span {
  background: var(--map-coral);
  color: var(--map-white);
}

.terms-content {
  background: #faf8f3;
  border-top: 1px solid var(--map-line);
  padding: 78px 0 92px;
}

.terms-content__list {
  background: var(--map-white);
  border: 1px solid var(--map-line);
  margin-top: 42px;
  padding: 0 44px;
}

.terms-item {
  border-bottom: 1px solid var(--map-line);
  padding: 38px 0 40px;
}

.terms-item:last-child {
  border-bottom: 0;
}

.terms-item h2 {
  color: var(--map-navy);
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin: 0;
}

.terms-item p,
.terms-item li {
  color: var(--map-muted);
  font-size: 15px;
  line-height: 2;
}

.terms-item p {
  margin: 20px 0 0;
}

.terms-item ul {
  margin: 20px 0 0;
  padding-left: 1.5em;
}

.terms-item__link {
  border-bottom: 1px solid currentColor;
  color: var(--map-blue);
  font-weight: 700;
  padding-bottom: 3px;
}

.terms-item__link:hover,
.terms-item__link:focus-visible {
  color: var(--map-navy);
  outline: 0;
}

.terms-content__date {
  color: var(--map-muted);
  font-size: 13px;
  line-height: 1.9;
  margin: 30px 0 0;
  text-align: right;
}

@media (max-width: 760px) {
  .terms-summary {
    padding: 58px 0 64px;
  }

  .terms-summary__grid {
    grid-template-columns: 1fr;
  }

  .terms-summary__card {
    padding: 28px 24px 30px;
  }

  .terms-summary__card h3 {
    font-size: 23px;
  }

  .terms-content {
    padding: 58px 0 68px;
  }

  .terms-content__list {
    margin-top: 32px;
    padding: 0 22px;
  }

  .terms-item {
    padding: 30px 0 32px;
  }

  .terms-item h2 {
    font-size: 21px;
  }

  .terms-item p,
  .terms-item li {
    font-size: 14px;
    line-height: 1.9;
  }

  .terms-content__date {
    text-align: left;
  }
}