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

#jio .cont01 .cont01_01{
	position: absolute;
	top: -23%;
	left:0;
	right: 0;
	margin: auto;
	width: 25%;
	transition: .5s;
	z-index: 2;
}
#jio .cont01 .cont01_01.trigger{
	transform: scale(0);
}
#jio .cont01 .cont01_01.trigger.move{
	transform: scale(1);
}
#jio .cont01 .cont01_02{
	position: absolute;
	top: 40%;
	left:0;
	right: 0;
	margin: auto;
	width: 80%;
	transition: .5s;
	z-index: 2;
}
#jio .cont01 .cont01_02.trigger{
  clip-path: inset(0% 100% 0% 0%);
  opacity: 0;
}
#jio .cont01 .cont01_02.trigger.move{
  clip-path: inset(0);
  opacity: 1;
}
#jio .cont02 .cont02_01{
position: absolute;
    top: 8%;
    left: 0;
    right: 0;
    margin: auto;
    width: 74%;
    transition: 1s .2s;
    z-index: 2;
}
#jio .cont02 .cont02_01.trigger{
	opacity: 0;
}
#jio .cont02 .cont02_01.trigger.move{
	opacity: 1;
}
#jio .cont02 .cont02_02{
	position: absolute;
	top: 15%;
	left:0;
	right: 0;
	margin: auto;
	width: 58%;
	transition: .3s;
	z-index: 3;
}
#jio .cont02 .cont02_02.trigger{
	transform: scale(0);
	opacity: 0;
}
#jio .cont02 .cont02_02.trigger.move{
	transform: scale(1);
	opacity: 1;
}
#jio .cont03 .cont03_01{
position: absolute;
    top: 9.3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    transition: .4s;
    z-index: 2;
}
#jio .cont03 .cont03_01.trigger{
	transform: scale(0);
}
#jio .cont03 .cont03_01.trigger.move{
	transform: scale(1);
}
#jio .cont03 .cont03_02{
	position: absolute;
    top: 44%;
    right: 6%;
    width: 26%;
    transition: .8s;
    z-index: 3;
}
#jio .cont03 .cont03_02.trigger{
	clip-path: inset(0% 0% 100% 0%);
    opacity: 0;
}
#jio .cont03 .cont03_02.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
#jio .cont03 .cont03_03{
    position: absolute;
    top: 50%;
    left: 5%;
    width: 25%;
    transition: 1s .1s;
    z-index: 3;
}
#jio .cont03 .cont03_03.trigger{
	transform: scale(0);
	opacity: 0;
}
#jio .cont03 .cont03_03.trigger.move{
	transform: scale(1);
	opacity: 1;
}
#jio .cont03 .cont03_04{
	position: absolute;
    bottom: 3.5%;
    right: 0;
	left: 0;
	margin: auto;
	width: 88%;
    transition: .5s;
    z-index: 3;
}
#jio .cont03 .cont03_04.trigger{
	clip-path: inset(0% 100% 0% 0%);
    opacity: 0;
}
#jio .cont03 .cont03_04.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}