@charset "UTF-8";
/* CSS Document */
#yuragi {
	position:relative;
	width: 100%;
}
#yuragi .cont01,#yuragi .cont02,#yuragi .cont03,#yuragi .cont04{
  position: relative;
}
#yuragi .cont01 .cont01_01{
	position: absolute;
	top: -23%;
	left:0;
	right: 0;
	margin: auto;
	width: 25%;
	transition: .5s;
	z-index: 2;
}
#yuragi .cont01 .cont01_01.trigger{
	transform: scale(0);
}
#yuragi .cont01 .cont01_01.trigger.move{
	transform: scale(1);
}
#yuragi .cont01 .cont01_02{
	position: absolute;
    top: 40.0%;
    right: 0%;
	left: 0%;
    margin: auto;
    width: 80%;
    transition: 1s;
    z-index: 2;
}
#yuragi .cont01 .cont01_02.trigger{
  clip-path: inset(0% 100% 0% 0%);
  opacity: 0;
}
#yuragi .cont01 .cont01_02.trigger.move{
  clip-path: inset(0%);
  opacity: 1;
}

#yuragi .cont02 .cont01_01{
	position: absolute;
    top: 18.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 85%;
    transition: .6s;
    animation-timing-function: ease-in-out;
}
#yuragi .cont02 .cont01_01.trigger{
  clip-path: inset(0% 100% 0% 0%);
  opacity: 0;
}
#yuragi .cont02 .cont01_01.trigger.move{
  clip-path: inset(0%);
  opacity: 1;
}
#yuragi .cont02 .cont01_02{
    position: absolute;
    top: 40%;
    left: 17%;
    width: 73%;
	transition: .7s;
    animation-timing-function: ease-in-out;
}
#yuragi .cont02 .cont01_02.trigger{
  clip-path: inset(0% 100% 0% 0%);
  opacity: 0;
}
#yuragi .cont02 .cont01_02.trigger.move{
  clip-path: inset(0%);
  opacity: 1;
}

#yuragi .cont02 .cont01_03{
    position: absolute;
    top: 32%;
    right: 5%;
    width: 36%;
    transition: .6s;
}
#yuragi .cont02 .cont01_03.trigger{
	transform: scale(0);
	opacity: 0;
}
#yuragi .cont02 .cont01_03.trigger.move{
	transform: scale(1);
	opacity: 1;
	animation: poyopoyo2 2s ease-out infinite;
}
#yuragi .cont02 .cont01_04{
	position: absolute;
    top: -3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 4%;
    transition: .3s;
    animation-timing-function: ease-in-out;
}
#yuragi .cont02 .cont01_04.trigger{
  clip-path: inset(0% 0% 100% 0%);
  opacity: 0;
}
#yuragi .cont02 .cont01_04.trigger.move{
  clip-path: inset(0%);
  opacity: 1;
}
#yuragi .cont03 .slider_wrap{
  position: absolute;
  top: 7%;
  left: 0%;
  width: 100%;
}
#yuragi .cont03 .slider_wrap .slider .slick-list .slick-track .slick-slide img {
	width:90%;
	margin:auto;
}
#yuragi .cont03 .cont03_01{
    position: absolute;
    bottom: 8%;
    left: 0;
    right: 0;
    margin: auto;
    width: 66%;
    transition: .5s;
    animation-timing-function: ease-in-out;
}
#yuragi .cont03 .cont03_01.trigger{
  clip-path: inset(0% 0% 100% 0%);
}
#yuragi .cont03 .cont03_01.trigger.move{
  clip-path: inset(0%);
}
#yuragi .cont04 .cont04_01{
	position: absolute;
	top: -13%;
	left:0;
	right: 0;
	margin: auto;
	width: 5%;
	transition: .5s;
	z-index: 2;
}
#yuragi .cont04 .cont04_01.trigger{
	transform: scale(0);
}
#yuragi .cont04 .cont04_01.trigger.move{
	transform: scale(1);
}
#yuragi .cont04 .cont04_02{
	position: absolute;
	top: 25%;
	left:0;
	right: 0;
	margin: auto;
	width: 85%;
	transition: .5s;
	z-index: 2;
}
#yuragi .cont04 .cont04_02.trigger{
  clip-path: inset(0% 100% 0% 0%);
}
#yuragi .cont04 .cont04_02.trigger.move{
  clip-path: inset(0%);
}