@charset "utf-8";



.monster-wrap {

  position: relative;

  height: 100%;

  overflow: hidden;

}



.monster-wrap .mon-1 {

  background: url(../images/-c06_-_56cb-bb6b-7110.jpg) no-repeat center 0;

  background-size: cover;

}



.monster-wrap .mon-2 {

  background: url(../images/-c06_-_56cb-49b8-e5_f.jpg) no-repeat center 0;

  background-size: cover;

}

.monster-wrap .mon-3 {

  background: url(../images/-c06_-_56cb-e_24-f6f0.jpg) no-repeat center 0;

  background-size: cover;

}



.monster-wrap .content {

  padding: 150px 150px 70px 150px;
  min-height: 100vh;
  height: initial;

}



.monster-wrap .mon-2.content {

  padding-bottom: 150px;

}



.mon-txtBox {

  padding-top: 150px;

}



.mon-tit {

  margin: 0;

}



.mon-txt {

  margin: 40px 0 0;

}



.mon-txt p {

  font-size: 16px;

  margin: 0;

}



.mon-main-pic {

  position: relative;

  top: 0;
}
.mon-main-pic img{
  width: 100%;
}



.mon-2 .mon-main-pic {

  position: relative;
  padding-left: 150px;


}

.mon-3 .mon-main-pic {
  overflow:visible;
}

.mon-3 .mon-main-pic img{
  top: -80px;
  position: absolute;
  height: 105vh;
  left: -450px;
  width: auto;
  max-width: unset;
}


.monster-general-wrap {

  position: relative;

  z-index: 1;

  background: url(../images/-c06_-_56cb-9201-cc43.jpg) no-repeat center 0;

  background-size: cover;

  height: 100%;

  overflow: hidden;

}



.mon-general-box {

  min-height: 600px;

}



.mon-general-tit {

  display: block;

  width: 100%;

  margin-bottom: 20px ;

  float: left;

}



.mon-general-txt {

  display: block;

  width: 73%;

  font-size: 16px;

  margin: 0;



}



.mon-general-pic {

  margin: 0;

  text-align: right;

}



@media (max-width: 1600px) {



}



@media (max-width: 1199px) {

  .mon-general-box {

    min-height: 450px;

  }

}



@media (max-width: 991px) {

  .mon-txtBox {

    padding: 50px 0 0;

    position: relative;

    z-index: 2;

    margin: 0;

  }





  .mon-txt p {

    font-size: 14px;

  }



  .monster-wrap .mon-1 {

    background-position-x: 80%;

  }



  .monster-wrap .content {

    padding: 100px 0;

  }



  .monster-wrap .mon-2.content {

    padding-bottom: 100px;

  }



  .mon-main-pic,

  .mon-2 .mon-main-pic {
    
    width: 100%;

    left: 0;

    top: 0;

    
  }




  .mon-2 .mon-main-pic {

    margin-left: 0;

  }
  
  .mon-3 .mon-main-pic img{
    top: unset;
    position: relative;
    height: unset;
    left: unset;
    width: 100%;
    max-width: unset;
    margin: 50px 0 0 0 ;
  }
  .mon-3 .mon-main-pic .mon-3-char{
     margin: -15px 0 0 0 ;
  }



  .mon-general-txt {

    width: 81%;

    font-size: 14px;

  }

  .mon-general-tit {

    margin-right: 3%;

  }

}



@media (max-width: 767px) {

  

  .mon-general-box {

    min-height: 5rem;

  }

  

  .mon-general-pic {

    min-height: 3.58rem;

    margin-bottom: 0.5rem

  }
  .mon-poistion{
    margin-top: 50px;
  }

}



@media (max-width: 480px) {

  .mon-3 .mon-main-pic .mon-3-char{
    margin: 50px 0px 0px 0px ;
  }
  .monster-wrap .content {

    padding-top: 100px;
    margin-top: 70px;

  }


  .mon-poistion{
    margin-top: 100px;
  }




  .mon-general-txt {

    width: 77%;

    font-size: 12px;

  }


}