@charset "utf-8";

* {
  padding: 0;
  margin: 0;
}

.container {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  border: 20pt solid #283784;
  box-sizing: border-box;
  overflow-y: scroll;
  transform-origin: top left;
  transition: transform 0.3s ease;
  height: 100vh;
}

.container img {
  /* width: 100%; */
  opacity: 0;
  position: absolute;
}

.img1,
.img2,
.img3,
.img4,
.img5, 
.img6,
.footer_txt,
.footer,
.parcode,
.logo
{
  width: 100%;
}

.img2 {
  top: 249px;
}

.img3 {
  top: 1023px;
}

.img4 {
  top: 1996px;
}


.img5 {
  top: 2648px;
}


.img6 {
  top: 3593px;
}

.man{
  left:782px;top:504px;
  width:181px;
  height:222px;
}

.man_txt{
  left:62px;top:534px;
  width:719px;
  height:206px;
}

.woman{
  right:0px;
  top:698px;
  width:270px;
  height:346px;
}

.woman_txt{
  left:380px;top:751px;
  width:366px;
  height:172px;
}

.woman_shape{
  left:41px;
  top:756px;
  width:330px;
  height:159px;
}

.man_woman{
  left:279px;
  top:1578px;
  width:480px;
  height:433px;
} 

.bubbles{
  left:245px;
  top:1625px;
  width:599px;
  height:332px;
  z-index: 100;
}

.man_first{
  left:706px;
  top:2098px;
  width:299px;
  height:306px;
  z-index: 100;
}

.man_first_txt{
  left:707px;top:2240px;
  width:284px;height:398px;
}


.woman_second{
  left:365px;
  top:2098px;
  width:308px;
  height:311px;
  z-index: 100;
}

.woman_second_txt{
  left:381px;top:2240px;
  width:284px;height:398px;
}


.woman_third{
  left:60px;
  top:2098px;
  width:284px;
  height:284px;
  z-index: 100;
}

.woman_third_txt{
  left:59px;top:2240px;
  width:284px;height:398px;
}

.doc1{
  left:324px;top:2876px;
  width:456px;height:309px;
}

.doc2{
  left:399px;top:3248px;
  width:382px;height:336px;
}



.footer_txt{
  top:3883px;
}
.parcode{
  top:4153px;
}

.logo{
  top:4436px;
}


#home {
  position: absolute;
  left: 85px;
  top: 130px;
  width: 128px;
  height: 122px;
}