body {
    font-size: 15px;
    background-color: #fcfcfc;
}

.bg {
    background-color: #FFF;
}

h6 {
    font-weight: bold;
    font-size: 19px;

}
.mainbox{
    padding: 2% 5%;
}
.showtxt{
    display: none;
}

.f-img-1{
    position: relative;
     height: auto;
}
.f-img-1 .zimg{
    z-index: 1;
    position: absolute;
    left:35%;
    top:30%;
    width: 60%;
    height: auto;
} 
.f-img-1 .title{
  z-index: 2;
  position: absolute;
  top:10%;
  left:2%;
  font-size: 2.8rem;
  color: #FFF;
}
.f-img-1 .memo_text{
    z-index: 2;
    position: absolute;
    top:20%;
    left:2%;
    width: 45%;
    font-size: 1.3rem;
    color: #FFF;
}
@media (max-width: 1024px) {
  
    .f-img-1 .title{
        z-index: 2;
        position: absolute;
        top:10%;
        left:2%;
        font-size: 1.3rem;
        color: #FFF;
      }
      .f-img-1 .memo_text{
          z-index: 2;
          position: absolute;
          top:23%;
          left:2%;
          width: 45%;
          font-size: 0.6rem;
          color: #FFF;
      }
      
}


.f-img-2{
    position: relative;
     height: auto;
}
.f-img-2 .zimg{
    z-index: 1;
    position: absolute;
    left:35%;
    top:30%;
    width: 60%;
    height: auto;
} 
.f-img-2 .title{
  z-index: 2;
  position: absolute;
  top:10%;
  left:2%;
  font-size: 2.8rem;
  color: #FFF;
}
.f-img-2 .memo_text{
    z-index: 2;
    position: absolute;
    top:20%;
    left:2%;
    width: 45%;
    font-size: 1.3rem;
    color: #FFF;
}
@media (max-width: 1024px) {
  
    .f-img-2 .title{
        z-index: 2;
        position: absolute;
        top:10%;
        left:2%;
        font-size: 1.3rem;
        color: #FFF;
      }
      .f-img-2 .memo_text{
          z-index: 2;
          position: absolute;
          top:23%;
          left:2%;
          width: 45%;
          font-size: 0.6rem;
          color: #FFF;
      }
      
}



.f-img-3{
    position: relative;
     height: auto;
}
.f-img-3 .zimg{
    z-index: 1;
    position: absolute;
    left:70%;
    top:50%;
    width: 25%;
    height: auto;
} 
.f-img-3 .title{
  z-index: 2;
  position: absolute;
  top:20%;
  left:70%;
  width: 25%;
  font-size: 2.8rem;
  color: #FFF;
}
.f-img-3 .memo_text{
    z-index: 2;
    position: absolute;
    top:30%;
    left:70%;
    width: 25%;
    font-size: 1.3rem;
    color: #FFF;
}
@media (max-width: 1024px) {
  
    .f-img-3 .title{
        z-index: 2;
        position: absolute;
        top:10%;
        left:48%;
        width: 35%;
        font-size: 1.3rem;
        color: #FFF;
      }
      .f-img-3 .memo_text{
          z-index: 2;
          position: absolute;
          top:23%;
          left:2%;
          width: 45%;
          font-size: 0.6rem;
          color: #FFF;
      }
      .f-img-3 .zimg{
        z-index: 1;
        position: absolute;
        left:48%;
        top:40%;
        width: 50%;
        height: auto;
    } 
}



.f-img-4{
    position: relative;
     height: auto;
   text-align: right;
    }
.f-img-4 .more_title {
    z-index: 1;
    position: absolute;
    left:50%;
    top:5%;
    width: 45%;
    height: auto;
}

.f-img-4 .title{
   font-size: 2.0rem;
  color: #FFF;
  margin: 2%;
}
.f-img-4 .memo_text{
    width: 100%;
    font-size: 1.0rem;
    color: #666666;
}
@media (max-width: 1024px) {
    .f-img-4{

       text-align: left;
        }
    .f-img-4 .more_title {
        z-index: 1;
        position: static;
        width: 100%;
        height: auto;
    }
    
    .f-img-4 .title{
       font-size: 1.0rem;
      color: #000;
      margin:5px 0;
    }
    .f-img-4 .memo_text{
        width: 100%;
        font-size:0.8rem;
        color: #666666;
    }
      
}




.f-img-5{
    position: relative;
     height: auto;
}
.f-img-5 .zimg{
    z-index: 1;
    position: absolute;
    left:60%;
    top:30%;
    width: 25%;
    height: auto;
} 
.f-img-5 .title{
  z-index: 2;
  position: absolute;
  top:15%;
  left:60%;
  width: 40%;
  font-size: 2.8rem;
  color: #FFF;
}

@media (max-width: 1024px) {
  
    .f-img-5 .title{
        z-index: 2;
        position: absolute;
        top:10%;
        left:60%;
        font-size: 1.3rem;
        color: #FFF;
      }
      .f-img-5 .zimg{
        z-index: 1;
        position: static;
        width: 100%;
        height: auto;
    } 
    .fimg5-bg{
        background-color: #CCC;
        padding: 5% 20%;
    }
    .fimg5-bg img{
        width: 100%;
    }
      
}



.f-img-6{
    position: relative;
     height: auto;
}
.f-img-6 .zimg{
    z-index: 1;
    position: absolute;
    left:10%;
    top:30%;
    width: 20%;
    height: auto;
} 
.f-img-6 .title{
  z-index: 2;
  position: absolute;
  top:15%;
  left:10%;
  width: 30%;
  font-size: 2.8rem;
  color: #FFF;
}

@media (max-width: 1024px) {
  
    .f-img-6 .title{
        z-index: 2;
        position: absolute;
        left:10%;
        width: 80%;
        font-size: 1.3rem;
        color: #FFF;
      }
      .f-img-6 .zimg{
        z-index: 1;
        position: absolute;
        left:10%;
        top:30%;
        width: 25%;
        height: auto;
    } 
    .fimg6-bg{
        background-color: #0C0F20;
        padding: 5% 20%;
    }
    .fimg6-bg img{
        width: 100%;
    }
      
}

@media (max-width: 1024px) {
.showtxt{
    display: block;
    color:#666666;
}
.mainbox{
    padding: 5% 5%;
}
}