@font-face {
  font-family: "Geist";
  src: url("../../assets/fonts/Geist-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("../../assets/fonts/Geist-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("../../assets/fonts/Geist-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("../../assets/fonts/Geist-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.directorist-gurantee {
  width: 100%;
  margin: 0;
  padding: var(--directorist-gurantee-section-padding, 60px 0);
  background: var(--directorist-gurantee-section-bg, #ffffff);
  font-family: "Geist", sans-serif;
  box-sizing: border-box;
}

.directorist-gurantee *,
.directorist-gurantee *::before,
.directorist-gurantee *::after {
  box-sizing: border-box;
}

.directorist-gurantee__container {
  position: relative;
  display: flex;
  width: var(--directorist-gurantee-container-max, 1224px);
  max-width: 100%;
  height: var(--directorist-gurantee-card-min-height, 444px);
  align-items: flex-start;
  overflow: hidden;
  margin: 0 auto;
}

.directorist-gurantee__card {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  flex: 1 0 0;
  overflow: hidden;
  padding: var(--directorist-gurantee-card-padding, 48px);
  border-radius: var(--directorist-gurantee-card-radius, 24px);
  background: var(--directorist-gurantee-card-bg, #e6f7e9);
  box-shadow: var(--directorist-gurantee-card-shadow, 0 2px 2px rgba(230, 175, 104, 0.08));
}

.directorist-gurantee__decoration {
  position: absolute;
  right: -122px;
  bottom: 4px;
  display: block;
  width: 820px;
  height: 167px;
  max-width: none;
  transform: scaleY(-1);
  pointer-events: none;
}

.directorist-gurantee__illustration {
  position: relative;
  z-index: 2;
  display: block;
  width: var(--directorist-gurantee-illustration-width, 260px);
  height: var(--directorist-gurantee-illustration-width, 260px);
  max-width: 28%;
  flex: 0 0 auto;
  order: 2;
  object-fit: contain;
  pointer-events: none;
}

.directorist-gurantee__content {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 847px;
  order: 1;
}

.directorist-gurantee__caption {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: var(--directorist-gurantee-caption-gap, 6px);
  margin: 0 0 var(--directorist-gurantee-caption-margin-bottom, 24px);
  padding: var(--directorist-gurantee-caption-padding, 7px 20px);
  border: var(--directorist-gurantee-caption-border-width, 1px) solid var(--directorist-gurantee-caption-border, #9adda5);
  border-radius: var(--directorist-gurantee-caption-radius, 30px);
  background: var(--directorist-gurantee-caption-bg, #c3eac8);
}

.directorist-gurantee__caption-icon {
  display: block;
  width: var(--directorist-gurantee-caption-icon, 20px);
  height: var(--directorist-gurantee-caption-icon, 20px);
  flex: 0 0 var(--directorist-gurantee-caption-icon, 20px);
  object-fit: contain;
}

.directorist-gurantee__caption-text {
  margin: 0;
  color: var(--directorist-gurantee-caption-color, #008823);
  font-family: "Geist", sans-serif;
  font-size: var(--directorist-gurantee-caption-size, 18px);
  font-weight: var(--directorist-gurantee-caption-weight, 500);
  line-height: var(--directorist-gurantee-caption-line, 1.6);
  letter-spacing: 0;
  white-space: nowrap;
  word-break: break-word;
}

.directorist-gurantee__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--directorist-gurantee-body-gap, 32px);
}

.directorist-gurantee__copy {
  width: 100%;
  max-width: 937px;
}

.directorist-gurantee__title {
  max-width: 937px;
  margin: 0 0 var(--directorist-gurantee-title-margin-bottom, 20px);
  color: var(--directorist-gurantee-title-color, #151826);
  font-family: "Geist", sans-serif;
  font-size: var(--directorist-gurantee-title-size, 60px);
  font-weight: var(--directorist-gurantee-title-weight, 700);
  line-height: var(--directorist-gurantee-title-line, 1.2);
  letter-spacing: 0;
  word-break: break-word;
}

.directorist-gurantee__description {
  max-width: 847px;
  margin: 0;
  color: var(--directorist-gurantee-description-color, #5c637e);
  font-family: "Geist", sans-serif;
  font-size: var(--directorist-gurantee-description-size, 20px);
  font-weight: var(--directorist-gurantee-description-weight, 400);
  line-height: var(--directorist-gurantee-description-line, 1.4);
  letter-spacing: 0;
  word-break: break-word;
}

.directorist-gurantee__description strong {
  color: var(--directorist-gurantee-description-strong, #151826);
  font-weight: 700;
}

.directorist-gurantee__author {
  display: flex;
  min-height: var(--directorist-gurantee-avatar-size, 80px);
  align-items: flex-start;
  gap: var(--directorist-gurantee-author-gap, 24px);
}

.directorist-gurantee__avatar-wrap {
  width: var(--directorist-gurantee-avatar-size, 80px);
  height: var(--directorist-gurantee-avatar-size, 80px);
  flex: 0 0 var(--directorist-gurantee-avatar-size, 80px);
  overflow: hidden;
  border-radius: 999px;
}

.directorist-gurantee__avatar {
  display: block;
  width: 183%;
  height: 183%;
  max-width: none;
  margin-left: -46.25%;
  object-fit: cover;
  border-radius: 999px;
}

.directorist-gurantee__author-info {
  display: flex;
  min-height: var(--directorist-gurantee-avatar-size, 80px);
  flex-direction: column;
  justify-content: flex-start;
}

.directorist-gurantee__author-name,
.directorist-gurantee__author-title,
.directorist-gurantee__author-note {
  margin: 0;
  font-family: "Geist", sans-serif;
  letter-spacing: 0;
  word-break: break-word;
}

.directorist-gurantee__author-name {
  color: var(--directorist-gurantee-author-name-color, #111827);
  font-size: var(--directorist-gurantee-author-name-size, 20px);
  font-weight: var(--directorist-gurantee-author-name-weight, 600);
  line-height: var(--directorist-gurantee-author-name-line, 1.3);
}

.directorist-gurantee__author-title {
  color: var(--directorist-gurantee-author-title-color, #5c637e);
  font-size: var(--directorist-gurantee-author-title-size, 16px);
  font-weight: var(--directorist-gurantee-author-title-weight, 400);
  line-height: var(--directorist-gurantee-author-title-line, 1.6);
}

.directorist-gurantee__author-note-row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 7px;
}

.directorist-gurantee__author-icon {
  display: block;
  width: 12.25px;
  height: 14px;
  flex: 0 0 12.25px;
  object-fit: contain;
}

.directorist-gurantee__author-note {
  color: var(--directorist-gurantee-author-note-color, #5c637e);
  font-size: var(--directorist-gurantee-author-note-size, 14px);
  font-weight: var(--directorist-gurantee-author-note-weight, 400);
  line-height: var(--directorist-gurantee-author-note-line, 1.6);
}

@media (max-width: 1180px) {
  .directorist-gurantee {
    padding: 50px 40px;
  }
  .directorist-gurantee__content {
    max-width: calc(100% - 260px);
  }
  .directorist-gurantee__title {
    font-size: min(var(--directorist-gurantee-title-size, 60px), 48px);
  }
}
@media (max-width: 860px) {
  .directorist-gurantee {
    padding: 40px 24px;
  }
  .directorist-gurantee__container {
    height: auto;
  }
  .directorist-gurantee__card {
    padding: 36px 28px;
  }
  .directorist-gurantee__content {
    max-width: 100%;
  }
  .directorist-gurantee__illustration {
    order: 2;
    width: min(var(--directorist-gurantee-illustration-width, 260px), 190px);
    height: min(var(--directorist-gurantee-illustration-width, 260px), 190px);
    max-width: 100%;
    margin: 28px auto 0;
  }
  .directorist-gurantee__decoration {
    right: -270px;
    bottom: -12px;
  }
  .directorist-gurantee__card {
    flex-direction: column;
    align-items: flex-start;
  }
  .directorist-gurantee__title {
    font-size: 40px;
  }
  .directorist-gurantee__description {
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .directorist-gurantee {
    padding: 32px 16px;
  }
  .directorist-gurantee__card {
    padding: 28px 20px;
    border-radius: 20px;
  }
  .directorist-gurantee__caption-text {
    white-space: normal;
  }
  .directorist-gurantee__title {
    font-size: 34px;
  }
  .directorist-gurantee__description {
    font-size: 18px;
  }
  .directorist-gurantee__author {
    gap: 16px;
  }
}

/*# sourceMappingURL=style.css.map */