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

.equlmo01 video{
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	margin: auto;
	width: 85.3%;
	height: auto;
	border-radius: 20px 20px 0 0;
}
.equlmo01 .cont01 .cont01_01{
	position: absolute;
	top: 15%;
	left:0;
	right: 0;
	margin: auto;
	width: 100%;
	transition: 1s;
	z-index: 1;
}
.equlmo01 .cont01 .cont01_01.trigger{
	clip-path: inset(0% 0% 0% 100%);
    opacity: 0;
}
.equlmo01 .cont01 .cont01_01.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
.equlmo01 .cont01 .cont01_02{
	position: absolute;
	top: 57%;
	left:0;
	right: 0;
	margin: auto;
	width: 100%;
	transition: 1s;
	z-index: 1;
}
.equlmo01 .cont01 .cont01_02.trigger{
	clip-path: inset(0% 100% 0% 0%);
    opacity: 0;
}
.equlmo01 .cont01 .cont01_02.trigger.move{
	clip-path: inset(0%);
    opacity: 1;
}
.equlmo01 .cont02 .cont02_01{
	position: absolute;
	top: 2%;
	left:0;
	right: 0;
	margin: auto;
	width: 86%;
	z-index: 0;
}
.equlmo01 .cont02 .cont02_01.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_01.trigger{
    transition: .9s;
    transform: translateY(6%);
	opacity: 0;
}
.equlmo01 .cont02 .cont02_02{
	position: absolute;
	top: 19%;
    left: 0;
    right: 0;
    margin: auto;
    width: 47%;
    z-index: 2;
}
.equlmo01 .cont02 .cont02_02.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_02.trigger{
    transition: .9s;
    transform: translateY(6%);
	opacity: 0;
}
.equlmo01 .cont02 .cont02_03{
	position: absolute;
    top: 38%;
    left: 0;
    margin: auto;
    width: 50%;
    z-index: 5;
}
.equlmo01 .cont02 .cont02_03.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_03.trigger{
    transition: .9s;
    transform: translateX(-10%);
	opacity: 0;
}
.equlmo01 .cont02 .cont02_04{
	position: absolute;
    top: 38%;
    right: 0;
    margin: auto;
    width: 50%;
    z-index: 5;
}
.equlmo01 .cont02 .cont02_04.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_04.trigger{
    transition: .9s .5s;
    transform: translateX(10%);
	opacity: 0;
}
/*３番目用*/

.equlmo01 .cont02 .cont02_03_03{
	position: absolute;
    top: 40.5%;
    left: 0;
    margin: auto;
    width: 50%;
    z-index: 5;
}
.equlmo01 .cont02 .cont02_03_03.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_03_03.trigger{
    transition: .9s;
    transform: translateX(-10%);
	opacity: 0;
}
.equlmo01 .cont02 .cont02_04_03{
	position: absolute;
    top: 40.5%;
    right: 0;
    margin: auto;
    width: 50%;
    z-index: 5;
}
.equlmo01 .cont02 .cont02_04_03.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_04_03.trigger{
    transition: .9s .5s;
    transform: translateX(10%);
	opacity: 0;
}
.equlmo01 .cont02 .cont02_05{
	position: absolute;
    bottom: 2%;
    right: 0;
    /* left: 0; */
    margin: auto;
    width: 90%;
    z-index: 0;
}
.equlmo01 .cont02 .cont02_05.trigger.move{
	opacity: 1;
    transform: translate(0);
}
.equlmo01 .cont02 .cont02_05.trigger{
    transition: .9s;
    transform: translateY(6%);
	opacity: 0;
}
.equlmo01 .cont02 .cycle {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 63%;
    animation: 20s cycle1 linear infinite;
    z-index: 1;
}

@keyframes cycle1 {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-359deg)
    }
}

.equlmo01 .cont03{
	position: relative;
}
.equlmo01 .cont03 .cont03_01{
    position: absolute;
    top: 8%;
    left: 8%;
    /* right: 0; */
    margin: auto;
    width: 63%;
	transition: 0.6s;
}
.equlmo01 .cont03 .cont03_01.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
.equlmo01 .cont03 .cont03_01.trigger.move{
	clip-path: inset(0%);}

.equlmo01 .cont03 .cont03_02{
	position: absolute;
    top: 25%;
    left: 8%;
    /* right: 0; */
    margin: auto;
    width: 60%;
    z-index: 1;
	transition: 0.6s;
}
.equlmo01 .cont03 .cont03_02.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
.equlmo01 .cont03 .cont03_02.trigger.move{
	clip-path: inset(0%);
}
.equlmo01 .cont03 .cont03_03{
	position: absolute;
    top: 39%;
    left: 8%;
    /* right: 0; */
    margin: auto;
    width: 49%;
	transition: 0.6s;
}
.equlmo01 .cont03 .cont03_03.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
.equlmo01 .cont03 .cont03_03.trigger.move{
	clip-path: inset(0%);
}