.company dl{
  display: flex;
  flex-wrap: wrap;
}

.company dl dt{
  width: 15%;
  padding-right: 5%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.company dl dd{
  width: 80%;
  padding-bottom: 10px;
  margin-bottom: 10px;  
  border-bottom: 1px solid #ddd;
}

.company ul{
  background: #f1f1f1;
  padding: 50px;
  box-sizing: border-box;
}

.company .text{
  margin-top: 30px;
}

.company p.ttl{
  font-weight: bold;
  font-size: 1.8rem;
}
  @media screen and (max-width: 800px){
    .company dl{
      display: block;
    }
    .company dl dt{
      width: 100%;
      margin-right: 0;
      padding-right: 0;
      border-bottom: none;
      margin-bottom: 0;
      font-weight: bold;
      padding-bottom: 0;
    }
    .company dl dd{
      width: 100%;
    }
    .company ul{
      padding: 20px;
    }
    .company ul li{
      text-indent: -1em;
      padding-left: 1em;
    }
  }