.part-1 .part-top {
  display: flex;
  justify-content: center;
  margin-bottom: calc(var(--view_space) * 1.5);
  transition: all 0.2s;
}

.part-1 .part-top .web-btn {
  background-color: var(--color_red);
  color: #ffffff;
  cursor: auto;
  font-size: var(--fontSize_xl);
}

.part-1 .card-wrapper .card {
  margin-bottom: calc(var(--view_space) * 1.5);
}

.part-1 .card-wrapper .card:last-child {
  margin-bottom: 0;
}

.part-1 .card .card-top {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fontSize_xl);
  color: var(--color_red);
  box-sizing: border-box;
  padding: clamp(calc(var(--view_space) * 0.6 ), 1.1vw, calc(var(--view_space) * 1));
  border: 1px solid var(--color_red);
  border-radius: calc(var(--fontSize_xxxxl) + calc(clamp(calc(var(--view_space) * 0.6 ), 1.1vw, calc(var(--view_space) * 1)) * 2));
  transform: translate3d(0, calc(calc(var(--fontSize_xxxxl) / 2) + clamp(calc(var(--view_space) * 0.6 ), 1.1vw, calc(var(--view_space) * 1))), 0);
  position: relative;
  z-index: 5;
}

.part-1 .card .card-top .left {
  display: flex;
  align-items: center;
  margin-right: var(--view_space);
}

.part-1 .card .card-top .left i {
  margin-right: calc(var(--view_space) / 2);
  font-size: var(--fontSize_xxxl);
}

.part-1 .card .card-top .right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.part-1 .card .card-top .right i {
  color: var(--color_gray_lighter);
  font-size: var(--fontSize_xxxxl);
  cursor: pointer;
  transform: rotate(180deg);
  transition: all 0.2s;
}

.part-1 .card.open .card-top .right i {
  transform: rotate(0deg);
}

.part-1 .card .card-content {
  display: none;
  background-color: var(--color_gray_bg);
  border-radius: 0 0 var(--border_radius) var(--border_radius);
  box-sizing: border-box;
  padding-bottom: var(--view_space);
  padding-top: calc(var(--view_space) + calc(var(--fontSize_xxxxl) / 2) + clamp(calc(var(--view_space) * 0.6 ), 1.1vw, calc(var(--view_space) * 1)));
}

.part-1 .card .card-content .list {
  display: flex;
}

.part-1 .card .card-content ul {
  position: relative;
  width: 50%;
  flex-grow: 0;
  box-sizing: border-box;
  padding-left: clamp(var(--view_space), 3.2vw, calc(var(--view_space) * 3));
  padding-right: clamp(var(--view_space), 3.2vw, calc(var(--view_space) * 3));
}

.part-1 .card .card-content ul:first-child::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 2px;
  height: 100%;
  transform: translate3d(0, -50%, 0);
  background-color: var(--color_gray_min);
}

.part-1 .card .card-content li {
  margin-bottom: calc(var(--view_space) * 0.8);
  font-size: var(--fontSize_l);
  line-height: 1.5;
}

.part-1 .card .card-content li.space {
  letter-spacing: 1em;
}

@media screen and (max-width: 991px) {
  .part-1 .card .card-content .list {
    display: block;
  }

  .part-1 .card .card-content ul {
    width: 100%;
  }

  .part-1 .card .card-content ul::after {
    visibility: hidden;
  }
}