@charset "UTF-8";
#about > section {
  overflow: hidden;
}
#why h1 {
  position: relative;
  padding: 0.35em .3em;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
}
#why h1:before, #why h1:after {
  content: '';
  position: absolute;
  top: -8px;
  width: 2px;
  height: -webkit-calc(100% + 16px);
  height: calc(100% + 16px);
  background-color: #fff;
}
#why h1:before {
  left: 8px;
}
#why h1:after {
  right: 8px;
}
.rellax {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: -5vw;
  left: 0;
  height: 50vw;
}
.text-area p:last-child {
  margin-bottom: 0;
}
.photo {
  height: 28vw;
  object-fit: cover;
}
.list-wrap {
  overflow: hidden;
}
.gr-rellax {
  position: absolute;
  top: -5vw;
  left: 0;
  height: 70vw;
}
.intro-text {
  padding: 3vw 2.8vw;
}
@media (min-width: 768px){
    
}

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

@media (max-width: 767px){
  #why {
    padding: 25vw 0 10vw;
  }
  .photo {
    height: 50vw;
  }
  .list-wrap {
    padding-top: 30vw;
    padding-bottom: 5vw;
  }
  .rellax {
    top: -30vw;
    left: 0;
    height: 130vw;
  }
}

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