/* --------------------------- */
/* kv
/* --------------------------- */
.kv-wrapper{
  height: 500px;
  position: relative;
}
.kv-copy{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.kv-name{
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
/* --------------------------- */
/* works
/* --------------------------- */
.works-item{
  width: 47.4%;
}
.works-img-wrapper{
  margin-bottom: 8px;
  background-color: #fFFFFF;
  transition: .2s;
  
}
.works-item a{
  display: block;
}
.works-item a img{
  transition:  .2s;
  border: solid 0.5px #888;
}
.works-item a:hover{
  opacity: .8;
}
.works-item a:hover img{
  transform: scale(1.02,1.02);
}
.works-item a:hover .works-img-wrapper{
  
  
}
.works-title{
  font-weight: bold;
}
.works-category{
  display: block;
  font-size: 1.2rem;
  color: #777;
  margin-top: 5px;
  font-weight: normal;
}
.works-name{
  margin-bottom: 8px;
}


/* --------------------------- */
/* about
/* --------------------------- */
.about-lead{
  margin-bottom: 60px;
}
@media screen and (max-width:768px){
  /* --------------------------- */
  /* kv
  /* --------------------------- */
  .kv-wrapper{
    height: 62vh;
    min-height: 280px;
  }
  .kv-message{
    line-height: 1.5;
  }
  /* --------------------------- */
  /* works
  /* --------------------------- */
  .works-item{
    width: 100%;
    margin-bottom: 24px;
  }
}