.hnn-sub_renew-content-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.company-intro__greeting{
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  color: #000;
  margin-bottom: 18px;
  text-align: center;
}
.company-intro__greeting strong{
  color: #BFC448;
}
.company-intro__image{
  margin-bottom: 38px;
}
.company-intro__description{
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  color: #000;
  margin-bottom: 68px;
}
.hnn-sub_renew-content .company-info{
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 53px;
}
.company-info__item{
  display: flex;
  align-items: center;
  gap: 16px;
}
.company-info__label,
.company-info__value{
  font-size: 18px;
  line-height: 25px;
  color: #000;
}

.contact-info{
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 472px;
  padding: 20px 0;
  background: #EBEAD6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  box-sizing: border-box;
}
.contact-info__title{
  font-size: 20px;
  font-weight: normal;
  color: #000;
  margin-bottom: 10px;
}
.contact-info__phone{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 19px;
  padding: 9px 16px;
  box-sizing: border-box;
  background: #BFC448;
  border-radius: 5px;
}
.contact-info__phone i{
  font-size: 14px;
  color: #fff;
}
.contact-info__phone p{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.contact-info__hours{
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #946431;
}
.contact-info__notice{
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
  color: #7A7A7A;
}

@media (max-width: 767px) {
  .hnn-sub_renew-content-inner {
    width: 100%;
  }
  .company-intro__greeting {
    font-size: 23px;
    line-height: normal;
    margin-bottom: 22px;
  }
  .company-intro__image {
    width: 100%;
    margin-bottom: 13px;
  }
  .company-intro__image img {
    width: 100%;
  }
  .company-intro__description {
    font-size: 16px;
    margin-bottom: 92px;
  }
  .hnn-sub_renew-content .company-info {
    margin-top: 44px;
    margin-bottom: 0;
  }
  .company-info__label, .company-info__value {
    font-size: 16px;
    line-height: 20px;
  }
  .contact-info {
    width: 344px;
    max-width: 90%;
    padding: 20px 0;
    background: #EBEAD6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    box-sizing: border-box;
  }
  .contact-info__title{
    font-size: 18px;
  }
  .contact-info__phone{
    margin-bottom: 10px;
    padding: 9px 16px;
    box-sizing: border-box;
    background: #BFC448;
    border-radius: 5px;
  }
  .contact-info__phone i{
    font-size: 12px;
  }
  .contact-info__phone p{
    font-size: 15px;
  }
  .contact-info__hours{
    font-size: 14px;
  }
  .contact-info__notice{
    font-size: 14px;
    line-height: 25px;
  }
}