#staff .explain {
  max-width: 500px;
  margin: 10px auto;
}

#staff ul.shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  #staff ul.shop {
    display: block;
  }
}

#staff ul.shop li {
  width: 40%;
  padding: 10px;
  margin: 5px;
  line-height: 1.5;
  border: 1px solid #c4c4c4;
  background: white;
}

@media (max-width: 480px) {
  #staff ul.shop li {
    width: 80%;
  }
}

#staff ul.shop li .logo {
  width: 40px;
  vertical-align: middle;
  margin: 5px;
}

#staff ul.shop li .name {
  font-size: 1.8rem;
}

#staff ul.shop li .tel {
  font-size: 1.8rem;
  font-weight: bold;
}

#staff ul.shop li i {
  margin-right: 10px;
  color: green;
}

#staff ul.shop li .link {
  text-align: right;
}

#staff ul.shop li .link a {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 1.4rem;
  -webkit-transition: all 400ms 0s ease;
  transition: all 400ms 0s ease;
  color: white;
  background-color: #646464;
}

#staff ul.shop li .link a:hover {
  background-color: #b6b6b6;
}
/*# sourceMappingURL=staff.css.map */