.employee {
  margin-top: 6.5rem;
  margin-bottom: 2rem;
}

.employee-info {
  padding-top: 0.5rem;
}

.employee-profile {
  margin-bottom: 6rem;
}

.employee-info .info-title {
  color: #0A0E11;
  font-size: clamp(28px,3.19vw,46px);
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 2.5rem;
}

.employee-info .info-heading {
  position: relative;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #D1D6DB;
  margin-bottom: 1.25rem;
}

.employee-info .info-heading .title {
  color: #12181D;
  font-size: clamp(36px,3.61vw,52px);
  font-weight: 700;
  line-height: 125%;
}

.employee-info .info-heading .info-tags {
  display: flex;
  flex-flow: row;
  color: #596166;
  font-size: clamp(13px,1.111vw,16px);
  font-weight: 400;
  line-height: 160%;
}

.employee-info .info-heading .info-tags .tag {
  position: relative;
  padding-right: 1rem;
}

.employee-info .info-heading .info-tags .tag:not(:first-child)::before {
  content: "｜";
  padding-right: 1rem;
  color: #596166;
  font-size: clamp(13px,1.111vw,16px);
  font-weight: 400;
  line-height: 160%;
}

.employee-info .info-text {
  color: #0A0E11;
  font-size: clamp(14px,1.111vw,16px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

.employee-img {
  width: 100%;
  aspect-ratio: 15/17;
}

.employee-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.employee .block-heading {
  margin-top: 2rem;
}
.employee .block-body {
  padding-bottom: 3rem;
  margin-top: 2rem;
}

.employee .block-heading .title {
  color: rgba(89, 97, 102, 0.80);
  font-size: clamp(11px,0.9vw,13px);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
}

.employee .block-heading .subtitle {
  color: #0A0E11;
  font-size: clamp(14px,1.25vw,18px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.employee .block-body .title {
  color: #0A0E11;
  font-size: clamp(24px,2.22vw,32px);
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  margin-bottom: 1.5rem;
}

.employee .block-body .text {
  color: #0A0E11;
  font-size: clamp(14px,1.11vw,16px);
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

.employee .block-img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 3rem;
}

.employee .block-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.employee .recruit-link {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.employee .recruit-link > .btn {
  width: 12.5rem;
  height: 3.5rem;
}

@media screen and (min-width: 992px) {
  .employee {
    margin-top: 8rem;
    margin-bottom: 4rem;
  }
  .employee-profile {
    margin-bottom: 7.5rem;
  }
  .employee-info {
    padding-top: 5.63rem;
  }
  .employee-info .info-title {
    margin-bottom: 5.5rem;
  }
  .employee-info .info-heading {
    padding-bottom: 1.75rem;
    margin-bottom: 2.56rem;
    margin-right: 6rem;
  }
  .employee-info .info-text {
    margin-right: 5.75rem;
  }
  .employee .block-heading {
    margin-top: 2.44rem;
  }
  .employee .block-body {
    margin-top: 2.44rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .employee .block-body .title {
    margin-bottom: 2rem;
  }
  .employee .block-img {
    margin-bottom: 4rem;
    aspect-ratio: 16/8;
  }
  .employee .recruit-link > .btn {
    width: 18.5rem;
    height: 4.5rem;
  }
}