@charset "UTF-8";

.p-privacy .c-heading {
  margin-bottom: 3rem;
}

.p-privacy .c-heading--medium {
  margin-bottom: 0;
}

.p-privacy__lead {
  font-size: 1.5rem;
  line-height: var(--leading-default);
  letter-spacing: var(--tracking-default);
  text-align: center;
}

.p-privacy__body {
  display: grid;
  grid-template-columns: 100%;
  gap: 4rem;
}

.p-privacy__section-head {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5rem;
}

.p-privacy__text {
  font-size: 1.4rem;
  line-height: var(--leading-default);
  letter-spacing: var(--tracking-default);
}

.p-privacy__hotel-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem 2rem;
  margin-top: 2.5rem;
}

.p-privacy__hotel-link {
  font-size: 1.5rem;
  line-height: var(--leading-default);
  letter-spacing: var(--tracking-default);
  color: var(--color-text-default);
  text-decoration: underline;
}

.p-privacy .c-button {
  display: block;
  width: min(100%, 40rem);
  margin: 3rem auto 0;
}

@media (min-width: 768px) {
  .p-privacy__body {
    gap: 6rem;
  }

  .p-privacy__hotel-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem 4rem;
    margin-top: 3rem;
  }
}

@media (hover: hover) {
  .animation-enable .p-privacy__hotel-link {
    transition: opacity var(--transition-default);
  }

  .p-privacy__hotel-link:hover {
    opacity: var(--hover-opacity);
  }

/* k追記 */

    .p-privacy__table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 24px;
    }
    .p-privacy__table th, .p-privacy__table td {
      border: 1px solid #ccc;
      padding: 16px;
      text-align: left;
      vertical-align: top;
    }
    .p-privacy__table th {
      background-color: #f7f7f7;
      width: 25%;
    }
    .p-privacy__content-block {
      margin-top: 32px;
    }
    .p-privacy__content-block ul {
      margin-top: 16px;
    }
}