.hero.hero_regkkt {
  background-color: #E3F0FF;
}

.card_keypoint.card_1 {
  background-image: url('i/keypoint1.png');
}
.card_keypoint.card_2 {
  background-image: url('i/keypoint2.png');
}
.card_keypoint.card_3 {
  background-image: url('i/keypoint3.png');
}
.card_keypoint.card_4 {
  background-image: url('i/keypoint4.png');
}

.banner_with-image {
  border-radius: 16px;
}
.banner_with-image .banner__content {
  padding: 32px 16px;
}
.banner_with-image .banner__image {
  height: 180px;
  background-size: contain;
}

.faq-list {
  max-width: none;
  /* padding: 0 24px; */
}

/* Tmp */
.button {
  padding: 0 40px;
}
/* [END] Tmp */


@media (min-width: 576px) {
  .hero.hero_regkkt {
    padding: 32px 38px;
    background-image: url('i/bg_hero.png');
    background-position: right bottom 86px;
    background-size: 361px auto;
  }
  .hero.hero_regkkt .hero__bottom {
    max-width: 324px;
  }
  .card_keypoint.card_3 {
    background-position: bottom right;
  }
  .banner_fold {
    background-image: url('i/bg_banner_request_tablet.png');
  }
  .banner_fold .button {
    min-width: 324px;
  }
  .banner_with-image {
    border-radius: 24px;
  }
  .banner_with-image .banner__content {
    padding: 48px 40px 17px 40px;
  }
  .banner_with-image .banner__image {
    height: 445px;
  }
}

@media (min-width: 992px) {
  .hero.hero_regkkt {
    padding: 37px 55% 37px 56px;
    min-height: 529px;
    background-position: right bottom;
    background-size: auto;
  }
  .hero.hero_regkkt .hero__bottom {
    max-width: none;
  }
  .hero.hero_regkkt .hero__text {
    max-width: 400px;
  }
  .banner_fold {
    grid-template-columns: 1fr 552px;
    background-image: url('i/bg_banner_request_desktop.png');
  }
  .banner_fold .button {
    min-width: none;
  }
  .banner_with-image {
    border-radius: 32px;
  }
  .banner_with-image .banner__content {
    padding: 48px 56px;
  }
  .banner_with-image .banner__image {
    height: 426px;
  }

  .formcta .formcta__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .formcta .formcta__text {
    max-width: 260px;
  }
}

@media (max-width: 576px) {
  .card_keypoint.card_3 {
    padding-bottom: 180px;
  }
}