.hp-banner {
  padding: 64px 0 128px;
}

.hp-banner__inner {
  border: 4px solid var(--color-light);
  border-left: none; border-right: none;
  padding: 23px 0 32px;
  gap: 20px;
  max-width: max-content;
}

.hp-banner__title {
  font-size: calc(50rem / var(--base-size));
  font-weight: 900;
  color:  #A64855;
  line-height: 1; 
}

.hp-banner__text {
  color: #475958;  
}

.hp-banner__link {
  border-bottom: 2px solid var(--color-dark, #0B386A);
  font-weight: bold;
  font-size: var(--font-size-h4);
  letter-spacing: 0;
  padding-bottom: 6px;
  margin-top: 17px;
  color: var(--color-dark);
}

/* Banner */
@media (max-width: 1000px) {
  .hp-banner {
    padding-top: 32px;    
  }

  .hp-banner__inner {
    gap: 9px;
    padding-bottom: 20px;
  }

  .hp-banner__title {
    font-size: calc(32rem / var(--base-size));
    letter-spacing: 0;
    line-height: 1.44;
  }

  .hp-banner__text {
    line-height: 1.333;
  }
}