.section-top {
  position: relative; 
  border-radius: 10px; 
  background-color: #F5F5F5; 
  padding: 10px 20px; 
  margin: 20px 0 10px;


  .section-top__body {
    font-size: 16px;
    line-height: 26px;
    display: table;
    width: 100%;
  }

  .body__image {
    display: table-cell;
    vertical-align: middle; 
    width: 65px; 
    padding-right: 20px; 
  }

  .body__image-wrapper {
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-size: cover;
    border-radius: 50%;
  }

  .body__content {
    display: block;
    width:80%;
    vertical-align: middle;
    margin-top:5px;
  }

  .body__content--office-name {
    font-size: 18px; 
    line-height: 20px; 
    font-weight: bold;
    padding-bottom: 10px;
    max-width: 580px;
  }

  .body__content--lawer-name {
    font-size: 14px; 
    line-height: 20px; 
    font-weight: bold;
    max-width: 580px;
  }

  .body__tag {
    position: absolute;
    top: calc(50% + 5px); 
    right: -10px; 
    transform: translateY(-50%); 
    width: 124px; 
    height: auto; 
  }

  .body__tag img {
    display: table-cell; 
    width: 100%; 
    max-width: 124px; 
    height: auto; 
  }

  @media screen and (max-width: 768px) {
    .body__tag {
      top: calc(50%); 
      right: 10px; 
      width: 42px; 
    }

    .body__tag img {
      max-width: 42px; 
    }

    .body__content--office-name {
      font-size: 100%; 
      max-width: 220px;
    }

    .body__content--lawer-name {
      font-size: 100%; 
      max-width: 220px;
    }
  }
}