.list {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.9;
}

.common-sub-title + .common-text {
  margin-top: 3rem;
}

.note {
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.9;
}

/* --------------------------------------------------------------- */
/*  lead */
/* --------------------------------------------------------------- */
#lead {
  padding: 9.9rem 0;
  background-color: var(--color-museum-bg);
  @media screen and (max-width: 767px) {
    padding: 5rem 0;
  }
}

#lead .inner {
  width: calc(100% - 2.4rem);
}

#lead .text {
  font-size: 1.8rem;
  line-height: 2.8;
  text-align: center;
  @media screen and (max-width: 767px) {
    font-size: 1.3rem;
    line-height: 2;
  }
}

/* --------------------------------------------------------------- */
/*  slider */
/* --------------------------------------------------------------- */
#slider {
  padding-top: 13.3rem;
  @media screen and (max-width: 767px) {
    padding-top: 6rem;
  }
}

.exhibition .item {
  &:not(:first-child) {
      @media screen and (max-width: 767px) {
          margin-top: 3.7rem;
      }
  }
}

#slider .exhibition .item .text-area {
  &::before {
    display: none;
  }
}

#slider .note {
  margin-top: 9rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  @media screen and (max-width: 767px) {
    margin-top: 4rem;
    font-size: 1.6rem;
  }
}

#slider .btn-wrapper {
  margin-top: 9rem;
  display: grid;
  place-content: center;
  @media screen and (max-width: 767px) {
    display: block;
    margin-top: 4rem;
  }
}

#slider .btn-museum.btn-museum02 {
    @media screen and (max-width: 767px) {
        width: 100%;
    }
}

/* --------------------------------------------------------------- */
/*  data */
/* --------------------------------------------------------------- */
#data {
  margin-top: 10rem;
  padding-bottom: 12.7rem;
  background-color: var(--color-museum-bg);
  @media screen and (max-width: 767px) {
    margin-top: 6rem;
    padding-bottom: 6rem;
  }
}

#data .text {
  line-height: 1.9;
}

#data .contents-wrapper {
  display: flex;
  column-gap: 5.7rem;
  margin-top: 2.7rem;
  @media screen and (max-width: 767px) {
    flex-direction: column;
    row-gap: 2.6rem;
  }
}

#data .table-wrapper {
  margin-top: 0;
}

#data .text-area {
  flex: 1;
}

/* --------------------------------------------------------------- */
/*  books */
/* --------------------------------------------------------------- */
#books {
  @media screen and (max-width: 767px) {
    padding-bottom: 3rem;
  }
}

#books .text {
  line-height: 1.9;
}