#mv{
  height:18vw;
  min-height:18vw;
}
#mv h1{
    top:8vw;
}
.photo,
.img-area,
.eye-photo {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.eye-photo {
  min-height: 32vw;
}
.photo,
.img-area {
  min-height: 10vw;
}
#works2 h2 {
    background-color: #397aae;
}
#works2 h4 {
    position: relative;
    color: white;
    background: #8db4d3;
    line-height: 1.4;
}
#works2 ul li{
  margin:10px 0;
}
#works2 ul li div{
  height:20vw;
  background-size: cover;
}
#reform-case li,
#reform-case > div {
  background-color: #111;
}
.madori {
  max-width: 100%;
}
#detail > dl {
  margin: 0 0 .25vw;
  border-bottom:solid 1px #ffe3bb;
}
#detail > dl dt {
  background-color: #ffeed5;
  color: #6f532a;
}
#detail > dl dt,
#detail > dl dd {
  padding: .5vw 1vw .4vw;
  margin-bottom: 0;
}

@media (min-width: 1300px){
  #works2 ul li div{
    height: 200px;
  }
}
@media (min-width: 768px){
  #detail .alert {
    padding: 2vw 1.5vw;
  }
}

@media (max-width: 991px){
  
}

@media (max-width: 767px){
  .photo,
  .img-area {
    min-height: 20vw;
  }
  .eye-photo {
    min-height: 55vw;
  }
  #detail .alert {
    padding: 3vw 2vw;
  }
  #detail > dl {
    margin-bottom: 1vw;
  }
  #detail > dl dt {
    min-width: 27vw;
  }
  #works2 ul li div{
    height:50vw;
  }
}

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