@charset "UTF-8";



.top_visual .scroll{
	animation: opacity 3s infinite;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.4;
  }
   100% {
    opacity: 1;
  }

  
}

.top_visual .scroll p.vertical{
	font-size: 12px;
	position: absolute;
	right: 5%;
	bottom: -3%;
	letter-spacing: 2px;
	color: #7E7E7E;
	
}



.top_visual .top_text .vertical .round{
	font-size: 38px;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	
}

.top_visual .top_text .vertical .text_01{
	position: absolute;
	top: 20px;
	left: 10px;
	animation: main_fade01 5s ease;
}

.top_visual .top_text .vertical .text_02{
	position: absolute;
	top: 71px;
	left: 28px;
	animation: main_fade01 5s ease;
}
.top_visual .top_text .vertical .text_03{
	position: absolute;
	top: 105px;
	left: 24px;
	animation: main_fade03 5s ease;
}
.top_visual .top_text .vertical .text_04{
	position: absolute;
	top: 138px;
	left: 29px;
	animation: main_fade04 5s ease;
}
.top_visual .top_text .vertical .text_05{
	position: absolute;
	top: 175px;
	left: 21px;
	animation: main_fade05 5s ease;
}
.top_visual .top_text .vertical .text_06{
	position: absolute;
	top: 215px;
	left: 22px;
	animation: main_fade06 5s ease;
}
.top_visual .top_text .vertical .text_07{
	position: absolute;
	top: 250px;
	left: 23px;
	animation: main_fade07 5s ease;
}
.top_visual .top_text .vertical .text_08{
	position: absolute;
	top: 289px;
	left: 23px;
	animation: main_fade08 5s ease;
}





.top_visual .top_text.type02.type02 .vertical .text_01{
	position: absolute;
	top: 10px;
	left: 10px;
	animation: main_fade01 5s ease;
}

.top_visual .top_text.type02 .vertical .text_02{
	position: absolute;
	top: 71px;
	left: 28px;
	animation: main_fade01 5s ease;
}
.top_visual .top_text.type02 .vertical .text_03{
	position: absolute;
	top: 102px;
	left: 24px;
	animation: main_fade03 5s ease;
}
.top_visual .top_text.type02 .vertical .text_04{
	position: absolute;
	top: 136px;
	left: 29px;
	animation: main_fade04 5s ease;
}
.top_visual .top_text.type02 .vertical .text_05{
	position: absolute;
	top: 174px;
	left: 21px;
	animation: main_fade05 5s ease;
}
.top_visual .top_text.type02 .vertical .text_06{
	position: absolute;
	top: 215px;
	left: 22px;
	animation: main_fade06 5s ease;
}
.top_visual .top_text.type02 .vertical .text_07{
	position: absolute;
	top: 250px;
	left: 23px;
	animation: main_fade07 5s ease;
}
.top_visual .top_text.type02 .vertical .text_08{
	position: absolute;
	top: 289px;
	left: 23px;
	animation: main_fade08 5s ease;
}





/*.top_visual .top_text.type02 .vertical .text_01{
	position: absolute;
	top: 20px;
	left: 10px;
	animation: main_fade01 5s ease;
}
.top_visual .top_text.type02 .vertical .text_03{
	position: absolute;
	top: 103px;
	left: 24px;
	animation: main_fade03 5s ease;
}
.top_visual .top_text.type02 .vertical .text_04{
	position: absolute;
	top: 134px;
	left: 29px;
	animation: main_fade04 5s ease;
}
.top_visual .top_text.type02 .vertical .text_05{
	position: absolute;
	top: 171px;
	left: 21px;
	animation: main_fade05 5s ease;
}
.top_visual .top_text.type02 .vertical .text_06{
	position: absolute;
	top: 212px;
	left: 22px;
	animation: main_fade06 5s ease;
}
.top_visual .top_text.type02 .vertical .text_07{
	position: absolute;
	top: 245px;
	left: 23px;
	animation: main_fade07 5s ease;
}
.top_visual .top_text.type02 .vertical .text_08{
	position: absolute;
	top: 286px;
	left: 23px;
	animation: main_fade08 5s ease;
}
*/


@keyframes main_fade01 {
	0% {
		opacity: 0;
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		-o-transform: scale(0,0);
		-ms-transform: scale(0,0);

	}
	10% {
		opacity: 0;
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		-o-transform: scale(0,0);
		-ms-transform: scale(0,0);
		transform: rotate(-15deg);
	}
	25% {
		-moz-transform: scale(1.25,1.25);
		-webkit-transform: scale(1.25,1.25);
		-o-transform: scale(1.25,1.25);
		-ms-transform: scale(1.25,1.25);

	}
	33% {
		opacity: 1;
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: rotate(-15deg);
	}
}

@keyframes main_fadesp01{
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

@keyframes main_fade03{
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
}
@keyframes main_fade04{
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes main_fade05{
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
}
@keyframes main_fade06{
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@keyframes main_fade07{
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
}
@keyframes main_fade08{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
}




@media screen and (max-width:767px){

.top_visual .top_text .vertical .round {
    font-size: 35px;
}

.top_visual .top_text .vertical .text_01{
	position: absolute;
	top: 18px;
	left: 14px;
	animation: main_fadesp01 5s ease;
}

.top_visual .top_text .vertical .text_02{
	position: absolute;
	top: 58px;
	left: 26px;
	animation: main_fadesp01 5s ease;
}
.top_visual .top_text .vertical .text_03{
	position: absolute;
	top: 102px;
	left: 27px;
	animation: main_fade03 5s ease;
}
.top_visual .top_text .vertical .text_04{
	position: absolute;
	top: 135px;
	left: 26px;
	animation: main_fade04 5s ease;
}
.top_visual .top_text .vertical .text_05{
	position: absolute;
	top: 172px;
	left: 24px;
	animation: main_fade05 5s ease;
}
.top_visual .top_text .vertical .text_06{
	position: absolute;
	top: 212px;
	left: 25px;
	animation: main_fade06 5s ease;
}
.top_visual .top_text .vertical .text_07{
	position: absolute;
	top: 247px;
	left: 20px;
	animation: main_fade07 5s ease;
}
.top_visual .top_text .vertical .text_08{
	position: absolute;
	top: 290px;
	left: 19px;
	animation: main_fade08 5s ease;
}





.top_visual .top_text.type02.type02 .vertical .text_01{
	position: absolute;
	top: 13px;
	left: 8px;
	animation: main_fadesp01 5s ease;
}
.top_visual .top_text.type02 .vertical .text_03{
	position: absolute;
	top: 103px;
	left: 24px;
	animation: main_fade03 5s ease;
}
.top_visual .top_text.type02 .vertical .text_04{
	position: absolute;
	top: 134px;
	left: 24px;
	animation: main_fade04 5s ease;
}
.top_visual .top_text.type02 .vertical .text_05{
	position: absolute;
	top: 171px;
	left: 20px;
	animation: main_fade05 5s ease;
}
.top_visual .top_text.type02 .vertical .text_06{
	position: absolute;
	top: 212px;
	left: 22px;
	animation: main_fade06 5s ease;
}
.top_visual .top_text.type02 .vertical .text_07{
	position: absolute;
	top: 245px;
	left: 17px;
	animation: main_fade07 5s ease;
}
.top_visual .top_text.type02 .vertical .text_08{
	position: absolute;
	top: 286px;
	left: 17px;
	animation: main_fade08 5s ease;
}


}