/********************************************************

*********************************************************/
.wrapper-768 {
    max-width: 788px;
    margin: 0 auto;
    padding: 20px;
}

.wrapper-768 p {
  text-align: center;
  line-height: 1.8;
  font-size: 16px;
}
@media (max-width: 767px) {
  .wrapper-768 p {
    text-align: justify;
    font-size: 14px;
  }
}    

.wrapper-768 img {
  display: block;
  margin: 0 auto;
}  

/********************************************************
MAIN CONTENT
*********************************************************/

.bg-area{
    position:relative;
}

.btn-area {
    position: absolute;
    margin: 0 auto;
}

.btn-area a {
    display: block;
    margin: 0 auto;
    transition-duration: .5s;
}

.btn-area a:hover {
    opacity: 0.8;
    transform: translateY(5px);
}

 
/*-------- img03 --------*/
.img03 {
    width: 70%;
    left: 15%;
    bottom: 7%;
}
/*-------- img04 --------*/
.img04 {
    width: 70%;
    left: 15%;
    bottom: 12.5%;
}
/*-------- img05 --------*/
.img05 {
    width: 70%;
    left: 15%;
    bottom: 13%;
}
/*-------- img07 --------*/
.img07 {
    width: 70%;
    left: 15%;
    bottom: 19%;
}
/*-------- img08 --------*/
.img08 {
    width: 83%;
    left: 8.5%;
    bottom: 13%
}