.wp-block-column {
  flex-basis: auto !important;
  min-width: auto !important;
}

.wp-block-cover {
  padding: 0;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
  color: var(--blue-100);
}

.memberarea-top-cover {
  min-height: 700px;
  align-items: unset;
}

.memberarea-top-box {
  border-radius: 10px;
  background-color: #fff7eb;
  max-width: 403px;
  width: 100%;
  padding: 52px;
  margin-top: 190px;
}

.memberarea-breadcrumb {
  margin-top: 32px;
}

.memberarea-1 {
  width: 100%;
  max-width: 864px;
  text-align: center;
  margin-top: 64px;
}

.memberarea-2 {
  max-width: var(--content-width);
  width: 100%;
  margin: 72px auto 85px;
}

.memberarea-3-title,
.memberarea-4-title,
.memberarea-5-title {
  font-weight: 800;
  font-size: 34px;
}

.memberarea-3-image,
.memberarea-4-image,
.memberarea-5-image {
  max-width: 216px;
  width: 100%;
}

.memberarea-3-cover,
.memberarea-4-cover,
.memberarea-5-cover {
  min-height: 100%;
  width: 100%;
  max-width: 280px;
}

.memberarea-3-cover img,
.memberarea-4-cover img,
.memberarea-5-cover img {
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
}

.memberarea-3-content,
.memberarea-4-content,
.memberarea-5-content {
  justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.memberarea-7 {
  margin-top: 62px;
  margin-bottom: 62px;
}

.memberarea-8 {
  max-width: var(--content-width);
  width: 100%;
  margin: 62px auto 89px;
}

.memberarea-9 {
  background-color: #fbead6;
  padding: 96px 0;
}

.memberarea-9-box {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.memberarea-9-item {
  background-color: var(--beige-20);
  border-radius: 6px;
  padding: 33px 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.memberarea-9-title {
  margin-bottom: 24px;
}

.memberarea-9-button .btn {
  width: 56px;
  height: 56px;
  overflow: hidden;
}

.memberarea-9-button .btn:hover {
  background-color: var(--orange-20);
}

.memberarea-9-button .btn a {
  width: 100%;
  height: 100%;
  background-image: url("../images/icon-arrow-right.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
}

@media (max-width: 1024px) {
  .memberarea-9-box {
    flex-wrap: wrap !important;
  }

  .memberarea-9-item {
    max-width: calc(50% - 16px) !important;
  }
}

@media (max-width: 600px) {
  .memberarea-9-item {
    max-width: 100% !important;
  }
}