@charset "UTF-8";

/** 媒体查询 */

/** 布局 */

.main {
  padding: 3.75rem 0 6.25rem;
}

.main .list {
  gap: 1.875rem;
}

.main .list .item {
  background: #F5F5F5;
  box-shadow: 0 0.1875rem 1.25rem 0.0625rem rgba(0, 0, 0, 0.1);
}

.main .list .item > div > h3 {
  font-size: 1.375rem;
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.625rem;
}

.main .list .item > div > ul {
  display: grid;
  gap: 0.9375rem;
  transform: translateX(1.25rem);
}

.main .list .item > div > ul > li {
  font-size: 0.8125rem;
  color: #666666;
}

.main .list .item .col {
  gap: 1.25rem;
  padding: 0 3.75rem;
}

.main .list .item:nth-child(even) {
  flex-direction: row-reverse;
}

@media (max-width: 800px) {
  .main {
    padding: 1.875rem 0;
  }

  .main .list {
    gap: 1.25rem;
  }

  .main .list .item {
    flex-direction: column;
  }

  .main .list .item > div > img {
    width: 100%;
  }

  .main .list .item > div > h3 {
    font-size: 1rem;
  }

  .main .list .item > div > ul {
    gap: 0.625rem;
  }

  .main .list .item .col {
    width: 90%;
    gap: 0.625rem;
    padding: 1.25rem;
  }

  .main .list .item:nth-child(even) {
    flex-direction: column;
  }
}