#ag-recruit-benefits {
  --recruit-benefits-color-primary: #097C91;
  --recruit-benefits-section-color-primary: #C72B62;
  --recruit-benefits-section-color-secondary: #45A03F;
  scroll-margin-top: 300px;
}
#ag-recruit-benefits.recruit-benefits {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  border-radius: 16px;
  border: 6px solid #21BDDA;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits {
    padding: 32px;
    border-width: 8px;
  }
}
@media screen and (min-width: 1200px) {
  #ag-recruit-benefits.recruit-benefits {
    padding: 46px;
  }
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__container {
    display: flex;
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media screen and (min-width: 1200px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__container {
    -moz-column-gap: 46px;
         column-gap: 46px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__wrapper {
  padding: 20px 20px 0;
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__wrapper {
    padding: 0;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__banner {
  margin: 0;
  flex: 0 0 40%;
}
@media screen and (min-width: 1400px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__banner {
    flex: 0 0 42.5%;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__banner figure {
  margin: 0;
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__banner img {
    border-radius: 8px;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.15);
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__header .recruit-benefits__title {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  color: var(--recruit-benefits-color-primary);
  margin: 0 0 0.25rem;
}
@media screen and (min-width: 1200px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__header .recruit-benefits__title {
    font-size: 16px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__header .recruit-benefits__subtitle {
  font-family: var(--ff-rocknroll-one);
  font-size: 22px;
  line-height: 1.2;
  color: var(--recruit-benefits-color-primary);
}
@media screen and (min-width: 1200px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__header .recruit-benefits__subtitle {
    font-size: 28px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__header .recruit-benefits__lead {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (min-width: 768px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__sections {
    flex-direction: row;
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__sections {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__sections {
    flex-direction: row;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section {
  border-left: 4px solid #000;
  padding-left: 1rem;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section {
    border-width: 6px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section .recruit-benefits__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 900;
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section.recruit-benefits__section-primary {
  border-color: var(--recruit-benefits-section-color-primary);
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section.recruit-benefits__section-primary .recruit-benefits__heading {
  color: var(--recruit-benefits-section-color-primary);
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section.recruit-benefits__section-primary .recruit-benefits__heading::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/icon-good-red.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section.recruit-benefits__section-secondary {
  border-color: var(--recruit-benefits-section-color-secondary);
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section.recruit-benefits__section-secondary .recruit-benefits__heading {
  color: var(--recruit-benefits-section-color-secondary);
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section.recruit-benefits__section-secondary .recruit-benefits__heading::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/icon-good-grn.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__sections .recruit-benefits__section .recruit-benefits__text {
  margin: 0;
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__note {
  margin: -0.25rem 0 0;
  padding: 0 20px 20px;
}
@media screen and (min-width: 992px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__note {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 270px;
    left: 32px;
    width: 345px;
  }
}
@media screen and (min-width: 1200px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__note {
    top: 322px;
    left: 46px;
    width: 406px;
  }
}
@media screen and (min-width: 1400px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__note {
    position: static;
    width: auto;
    text-align: center;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle {
  display: block;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-1 {
  width: 322px;
  background-color: #DAF9FF;
  top: -63px;
  left: 983px;
}
@media screen and (max-width: 1399.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-1 {
    left: 793px;
  }
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-1 {
    top: 317px;
    left: 423px;
  }
}
@media screen and (max-width: 767.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-1 {
    top: 207px;
    left: 246px;
  }
}
@media screen and (max-width: 575.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-1 {
    top: 207px;
    left: 86px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-2 {
  width: 155px;
  background-color: #FFEDFB;
  top: 137px;
  left: 844px;
}
@media screen and (max-width: 1399.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-2 {
    left: 659px;
  }
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-2 {
    top: 585px;
    left: 340px;
  }
}
@media screen and (max-width: 767.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-2 {
    top: 485px;
    left: 182px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-3 {
  width: 36px;
  background-color: #DEF6B4;
  top: 320px;
  left: 931px;
}
@media screen and (max-width: 1399.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-3 {
    top: 281px;
    left: 781px;
  }
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-3 {
    top: 719px;
    left: 490px;
  }
}
@media screen and (max-width: 767.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-3 {
    top: 579px;
    left: 340px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-4 {
  width: 76px;
  background-color: #EAFDD1;
  top: 175px;
  left: 500px;
}
@media screen and (max-width: 1399.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-4 {
    left: 414px;
  }
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-4 {
    top: 122px;
    left: 346px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-5 {
  width: 76px;
  background-color: #DEF6B4;
  top: 404px;
  left: 308px;
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-5 {
    top: 624px;
    left: 197px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-6 {
  width: 36px;
  background-color: #FFEDFB;
  top: 382px;
  left: 261px;
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-6 {
    top: 812px;
    left: 229px;
  }
}
#ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-7 {
  width: 260px;
  background-color: #FFEACD;
  top: 284px;
  left: -36px;
}
@media screen and (max-width: 991.98px) {
  #ag-recruit-benefits.recruit-benefits .recruit-benefits__circle.recruit-benefits__circle-7 {
    top: 644px;
    left: -36px;
  }
}