/* ------------------------ */
/*  kv
/* ------------------------ */
.kv-wrapper{
  height: 500px;
  position: relative;
  background-image: url(../images/kv-bg.jpg);
  background-position: center;
  background-size: cover;
}
.kv-img{
  max-width: 100%;
}
.kv-message{
  font-size: 1.7rem;
  line-height: 150%;
  letter-spacing: 0.07em;
}
.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;
}
.kv{
  height: 500px;
  object-fit: cover;
}
/* ------------------------ */
/*  works
/* ------------------------ */
.works-img-wrapper-egg{
  max-width: 500px;
  margin: 0 auto;
}
.main-bg{
  background-color: #f9f9f9;
}
.works-list{
  flex-wrap: wrap;
  margin-bottom: -50px;
}
.works-item{
  width: 47.4%;
  margin-bottom: 50px;
}
.works-img-wrapper{
  margin-bottom: 8px;
  background-color: #fcfcfc;
  transition: .3s;
}
.works-item a{
  display: block;
}
.works-item a img{
  transition: .3s;
}
.works-item a:hover{
  opacity: .8;
}
.works-item a:hover img{
  transform: scale(1.05,1.05);
}
.works-item a:hover .works-img-wrapper{
  box-shadow: 0 0 20px rgba(0,0,0,.08);
}
.works-title{
  font-weight: bold;
}
.works-category{
  display: block;
  font-size: 1.2rem;
  color: #777;
  margin-top: 5px;
  font-weight: normal;
}
.about-wrapper{
  display: flex;
  justify-content: space-between;
}
.about-lead{
  margin-bottom: 50px;
}
.profile-img-wrapper-sastukitakada{
  max-width: 280px;
  margin-right: 20px;
}

/* --------------------------- */
/*  about
/* --------------------------- */
.about-lead{
  margin-bottom: 60px;
}

@media screen and (max-width:768px){
/* --------------------------- */
/*  kv
/* --------------------------- */
.kv-wrapper{
  height: 62vh;
  min-height: 280px;
  height: 400px;
  max-width: 768px;
}
.kv-img{
  max-width: 768px;
}
.kv-message{
  line-height: 1.5;
  padding: 0 20px;
}
.burger-btn{
  display: block;
}

/* --------------------------- */
/*  works
/* --------------------------- */
.works-item{
  width: 100%;
  margin-bottom: 24px;
}
.about-wrapper{
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 100%;
  margin: 0 auto 60px; 
}
.profile-img-wrapper-sastukitakada{
  max-width: 400px;
  margin: 0 auto 16px;
}
}

@media screen and (max-width:375px){
  /* --------------------------- */
  /*  kv
  /* --------------------------- */
.kv-wrapper{
  min-height: 200px;
  height: 200px;
  max-width: 375px;
}
.kv-name{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.kv-message{
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: 0.05em;
}
.works-img-wrapper-egg{
  max-width: 340px;
}
}