@charset "UTF-8";
/* CSS Document */
#labb {
	position:relative;
	width: 100%;
}
#labb .cont01,#labb .cont02,#labb .cont03,#labb .cont04{
  position: relative;
}
#labb .cont02{
  margin-top: -15%;
}

#labb .cont01 .cont01_01{
	position: absolute;
	top: 0%;
    right: 0%;
	left: 0;
	margin: auto;
	width: 20%;
	transition: .6s;
	animation-timing-function:ease-in-out;
	z-index: 2;
}
#labb .cont01 .cont01_01.trigger{
	clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
}
#labb .cont01 .cont01_01.trigger.move{
	clip-path: inset(0% 0% 0% 0%);
    opacity: 1;
}
#labb .cont01 .cont01_02{
	position: absolute;
	top: 13%;
    right: 0%;
	left: 0;
	margin: auto;
	width: 82%;
	transition: .6s;
	animation-timing-function:ease-in-out;
	z-index: 2;
}
#labb .cont01 .cont01_02.trigger{
  opacity: 0;
  transform: translateY(12%);
}
#labb .cont01 .cont01_02.trigger.move{
  opacity: 1;
  transform: translateY(0%);
}
#labb .cont01 .cont01_03{
	position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    width: 59%;
    transition: 1s .4s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#labb .cont01 .cont01_03.trigger{
  transform: translateY(10%);
	opacity: 0;
}
#labb .cont01 .cont01_03.trigger.move{
  transform: translateY(0%);
	opacity: 1;
}

#labb .cont01 .cont01_04{
	position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    transition: 1s .4s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#labb .cont01 .cont01_04.trigger{
  transform: translateY(10%);
	opacity: 0;
}
#labb .cont01 .cont01_04.trigger.move{
  transform: translateY(0%);
	opacity: 1;
}

#labb .cont01 .cont01_05{
	position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    transition: 1s .4s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#labb .cont01 .cont01_05.trigger{
  transform: translateY(10%);
	opacity: 0;
}
#labb .cont01 .cont01_05.trigger.move{
  transform: translateY(0%);
	opacity: 1;
}
#labb .cont02 .cont02_01{
    position: absolute;
    left: 0%;
    right: 0;
    width: 100%;
    z-index: 2;
}
#labb .cont02 .cont02_02{
	position: absolute;
    left: 10%;
    top: 20%;
    width: 36%;
    transition: .8s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#labb .cont02 .cont02_02.trigger{
	clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
}
#labb .cont02 .cont02_02.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
#labb .cont02 .cont02_03{
	position: absolute;
    left: 10%;
    top: 48%;
    margin: auto;
    width: 45%;
    z-index: 2;
}
#labb .cont02 .cont02_03.trigger{
	transition: .6s cubic-bezier(.25, .1, .45, 1.48);
    transform: scale(0);
    opacity: 0;
}
#labb .cont02 .cont02_03.trigger.move{
    transform: scale(1);
    opacity: 1;
}
#labb .cont02 .cont02_04{
	position: absolute;
    left: 0%;
	right: 0;
    top: 65%;
    margin: auto;
    width: 90%;
    z-index: 2;
}
#labb .cont02 .cont02_04.trigger{
	transition: .6s cubic-bezier(.25, .1, .45, 1.48);
    transform: scale(0);
    opacity: 0;
}
#labb .cont02 .cont02_04.trigger.move{
    transform: scale(1);
    opacity: 1;
}

#labb .cont03 .cont03_01{
	position: absolute;
    left: 0%;
	right: 0;
   top: -4%;
    margin: auto;
    width: 1%;
    transition: .6s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#labb .cont03 .cont03_01.trigger{
	clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
}
#labb .cont03 .cont03_01.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
#labb .cont03 .cont03_02{
	position: absolute;
    left: 0%;
	right: 0;
   top: 7%;
    margin: auto;
    width: 78%;
    transition: .8s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#labb .cont03 .cont03_02.trigger{
	clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
}
#labb .cont03 .cont03_02.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
#labb .cont03 .cont03_03{
	position: absolute;
    left: 0%;
    right: 0;
    bottom: 6%;
    margin: auto;
    width: 84%;
    z-index: 2;
}
#labb .cont03 .cont03_03.trigger{
	transition: .8s cubic-bezier(.25, .1, .45, 1.48);
    transform: scale(0);
    opacity: 0;
}
#labb .cont03 .cont03_03.trigger.move{
    transform: scale(1);
    opacity: 1;
}
#labb .cont04 .cont04_01{
	position: absolute;
    left: 0%;
	right: 0;
    top: 56%;
    margin: auto;
    width: 86%;
    transition: 1s;
    animation-timing-function: ease-in-out;
    z-index: 3;
}
#labb .cont04 .cont04_01.trigger{
	clip-path: inset(0% 100% 0% 0%);
    opacity: 0;
}
#labb .cont04 .cont04_01.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
#labb .cont04 .cont04_02{
	position: absolute;
    left: 0%;
	right: 0;
    top: 68%;
    margin: auto;
    width: 86%;
    transition: 1s .4s;
    animation-timing-function: ease-in-out;
    z-index: 3;
}
#labb .cont04 .cont04_02.trigger{
	clip-path: inset(0% 100% 0% 0%);
    opacity: 0;
}
#labb .cont04 .cont04_02.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}

#labb .cont04 .cont04_03{
	position: absolute;
    left: 0%;
	right: 0%;
    top: 5%;
    margin: auto;
    width: 110%;
    transition: 3s .5s;
    z-index: 2;
}
#labb .cont04 .cont04_03.trigger{
    transform: scale(1) rotate(0);
    opacity: 1;
}
#labb .cont04 .cont04_03.trigger.move{
    transform: scale(.4) rotate(50deg);
    opacity: .8;
}
#labb .cont04 .cont04_04{
	position: absolute;
	right: 0%;
    bottom: 2%;
    z-index: 2;
	font-size: 11px;
	color: #585858;
}