@charset "UTF-8";
/* CSS Document */
#hutyou {
	position:relative;
	width: 100%;
}
#hutyou .cont01,#hutyou .cont02{
  position: relative;
}
#hutyou .cont01 .cont01_01{
	position: absolute;
	top: 10%;
	left:0;
	right: 0;
	margin: auto;
	width: 65%;
	transition: .6s;
	z-index: 2;
}
#hutyou .cont01 .cont01_01.trigger{
  transform: translateY(8%);
	opacity: 0;
}
#hutyou .cont01 .cont01_01.trigger.move{
	transform: translateY(0%);
	opacity: 1;
}
#hutyou .cont01 .cont01_02{
	position: absolute;
    top: 23.0%;
    right: 7%;
    margin: auto;
    width: 40%;
    transition: 1s;
    z-index: 2;
}
#hutyou .cont01 .cont01_02.trigger{
	opacity: 0;
}
#hutyou .cont01 .cont01_02.trigger.move{
	opacity: 1;
}
#hutyou .cont01 .cont01_03{
	position: absolute;
    top: 37.8%;
    left: 2%;
    /* margin: auto; */
    width: 43%;
    transition: 1s;
    z-index: 2;
}
#hutyou .cont01 .cont01_03.trigger{
  opacity: 0;
}
#hutyou .cont01 .cont01_03.trigger.move{
  opacity: 1;
}
#hutyou .cont01 .cont01_04{
	position: absolute;
    top: 56.2%;
    right: 6.4%;
    margin: auto;
    width: 40%;
    transition: 1s;
    z-index: 2;
}
#hutyou .cont01 .cont01_04.trigger{
	opacity: 0;
}
#hutyou .cont01 .cont01_04.trigger.move{
	opacity: 1;
}
#hutyou .cont01 .cont01_05{
	position: absolute;
    top: 35.5%;
    left: 1%;
    /* margin: auto; */
    width: 20%;
    transition: 1s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#hutyou .cont01 .cont01_05.trigger{
  clip-path: inset(0% 0% 100% 0%);
  opacity: 0;
}
#hutyou .cont01 .cont01_05.trigger.move{
  clip-path: inset(0%);
  opacity: 1;
}
 #hutyou .cont01 .cont01_06{
	position: absolute;
    top: 53.5%;
    right: 3%;
    /* margin: auto; */
    width: 20%;
    transition: 1s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#hutyou .cont01 .cont01_06.trigger{
  clip-path: inset(0% 0% 100% 0%);
  opacity: 0;
}
#hutyou .cont01 .cont01_06.trigger.move{
  clip-path: inset(0%);
  opacity: 1;
}