#header {
  height: 6vw;
	position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1234;
}

.img-area, .photo {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.photo {
  min-height: 10vw;
}
.client-wrap > li {
  background-color: #111;
}
.title-link {
  padding: .2vw 0;
}
.to-detail {
  padding: .25vw 0;
}
.wp-pagenavi {
  margin: 3vw 0;
  text-align: center;
  font-family: 'Comfortaa', "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, MotoyaLCedar, sans-serif;
}
.wp-pagenavi > span,
.wp-pagenavi > a {
  display: inline-block;
  line-height: 1.1;
  padding: 4px 9px 1px;
  border: solid 1px #287330;
  border-radius: 3px;
  margin: 0 3px;
  color: #287330;
  text-decoration: none;
  font-size: 105%;
  font-weight: 600;
}
.wp-pagenavi span.current,
.wp-pagenavi > a:hover {
  background-color: #48a855;
  color: #fff;
  border: solid 1px #287330;
}
@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;
  }
}