#archive h1{
  margin: 0 auto;
  position: relative;
  color: #f75f6f;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
.img-area, .photo {
  min-height: 15.5vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 5px;
}
.photo {
  min-height: 10vw;
}
.client-wrap > li {
  background-color: #111;
}
.title-link {
  padding: .2vw .5vw;
}
.to-detail {
  padding: .25vw 0;
}

@media (max-width: 767px){
  .img-area {
    min-height: 30vw;
  }
  .photo {
    min-height: 20vw;
  }
}

@media (max-width: 575px){
  .img-area {
    min-height: 55vw;
  }
  .photo {
    min-height: 30vw;
  }
}