@charset "UTF-8";

/** 媒体查询 */

/** 布局 */

.cultural2-module1 {
  background-image: url(../assets/cultural2/bg.png);
  background-color: rgb(244, 244, 244);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 33.85vw;
}

.cultural2-module1 .title,
.cultural2-module1 .title1 {
  text-align: center;
  width: 90%;
  margin: auto;
}

.cultural2-module1 .title {
  padding: 6.25rem 0 4.375rem;
}

.cultural2-module1 .title .t1 {
  font-weight: bold;
  font-size: 2.25rem;
  font-family: AcuminProCondBold;
}

.cultural2-module1 .title .t2 {
  font-size: 1.3125rem;
  color: #040000;
  margin-top: 4.375rem;
  font-family: AcuminProBook-L;
}

.cultural2-module1 .title1 {
  padding: 11.25rem 0 6.875rem;
}

.cultural2-module1 .title1 .t1 {
  font-weight: bold;
  font-size: 4.75rem;
  font-family: AcuminProCondBold;
}

.cultural2-module1 .title1 .t2 {
  font-size: 2.25rem;
  color: #040000;
  margin-top: 4.375rem;
  font-family: AcuminProCondLight-Medium;
}

.cultural2-module1 .title2 {
  font-size: 1.875rem;
  color: #000000;
  font-family: AcuminProBook-L;
  text-align: center;
  margin-top: 8.125rem;
}

.cultural2-module1 .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5625rem;
}

.cultural2-module1 .list .item {
  background: linear-gradient(0deg, #F1F1F1 0%, #F8F8F8 100%);
  border-radius: 2.3125rem;
  border: 0.125rem solid #A8A8A8;
  overflow: hidden;
}

@media (max-width: 800px) {
  .cultural2-module1 .title {
    padding: 3.125rem 0 2.1875rem;
  }

  .cultural2-module1 .title .t1 {
    font-size: 1.3125rem;
  }

  .cultural2-module1 .title .t2 {
    font-size: 1rem;
    margin-top: 1.875rem;
  }

  .cultural2-module1 .title1 {
    padding: 4.375rem 0 3.125rem;
  }

  .cultural2-module1 .title1 .t1 {
    font-size: 1.875rem;
  }

  .cultural2-module1 .title1 .t2 {
    font-size: 1.3125rem;
    margin-top: 1.875rem;
  }

  .cultural2-module1 .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }

  .cultural2-module1 .list .item {
    border-radius: 1.25rem;
  }

  .cultural2-module1 .title2 {
    font-size: 1.125rem;
    margin-top: 2.5rem;
  }
}