@charset "utf-8";
/* CSS Document */



/*---------------wrapper----------------*/

body:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
    background-image: url(../img/common/backimg.png);
    background-repeat: no-repeat;
    background-position: center 270px;
}
#container {
	z-index: 2;
}
#touch .logarea .nextarea .next_btn {
    background-image: url(../img/touch/next_btn.jpg);
}
#touch.next_off .logarea .nextarea .next_btn {
	background-image: url(../img/next_btn_gray.jpg);/*クリック後3秒間はクリック無効（背景グレーアウト）*/
}
.title {
	text-align: center;
	padding-top: 20px;
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.annotation1 {
    opacity: 0;
    font-size: 10px;
    position: absolute;
    left: calc(50% + -70px);
    bottom: 125px;
    margin: 0;
}


/* formarea */
.formarea {
	position: absolute;
	top: 0;
	left: 58%;
	transform: translateX(-50%);
	width: 60%;
	z-index: 5;
	padding: 0 30px;
    background: rgba(255,255,255,0.6);
}
.formarea .formarea_heading {
	text-align: center;
	padding: 0 0 23px;
}
.formarea .formarea_heading h3 {
	color: #fff;
	font-size: 24px;
	border-radius: 4px;
	background: #FFA717;
	padding: 10px;
	margin-top: 0;
	font-weight: 700;
	margin-bottom: 20px;
}
.formarea .formarea_heading p {
	margin: 0; padding: 0;
}
.logarea {
	display: flex;
	opacity: 1;
}
.before_form .next_btn {
	visibility: hidden;
}


/*cursol*/

.window_cursol1 {
	display: none;
}

.cursolwrap {
	position: absolute;
	width: 900px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
.cursolwrap figure {
	opacity: 0;
	position: absolute;
	z-index: 10;
}
.cursol1 {
	top: 236px;
	left: 220px;
}
.cursol2 {
	top: 480px;
	left: 525px;
}
.cursol3 {
	top: 253px;
	left: 510px;
}
.cursol4 {
    top: 384px;
    left: 433px;
}
.cursol5 {
	top: 354px;
	left: 725px;
}
.cursol6 {
	top: 230px;
    left: 675px;
}
.cursol7 {
	top: 175px;
	left: 520px;
}
.cursol8 {
	top: 225px;
	left: 710px;
}
.cursol9 {
	top: 165px;
	left: 280px;
}
.cursol10 {
	top: 350px;
	left: 390px;
}
.cursol11 {
	top: 179px;
	left: 432px;
}
.cursol12 {
	top: 214px;
	left: 775px;
}
.cursol13 {
	top: 148px;
	left: 382px;
}
.cursol14 {
	top: 214px;
	right: -110px;
}
.cursol15 {
	top: 310px;
	left: 240px;
}

.active4 .cursol1 {
	animation-name: cursol1;
	animation-duration: 1s;
	animation-delay: 1.5s;
}
.active5 .cursol1 {
	animation-name: none;
}
.active5 .cursol2 {
	animation-name: cursol2;
	animation-duration: 1s;
	animation-delay: 1.5s;
}
.active6 .cursol2 {
	animation-name: none;
}

.active6 .cursol3 {
	animation-name: cursol3;
	animation-duration: 1s;
	animation-delay: 1s;
}
.active7 .cursol3 {
	animation-name: none;
}
.active7 .cursol4 {
	animation-name: cursol4;
	animation-duration: 1s;
	animation-delay: 1s;
}
.active8 .cursol4 {
	animation-name: none;
}
.active9 .cursol5 {
	animation-name: cursol5;
	animation-duration: 1s;
	animation-delay: 1s;
}
.active10 .cursol5 {
	animation-name: none;
}
.active12 .cursol6 {
	animation-name: cursol6;
	animation-duration: 1s;
	animation-delay: 1.3s;
}
.active13 .cursol6 {
	animation-name: none;
}
.active14 .cursol7 {
	animation-name: cursol7;
	animation-duration: 1s;
	animation-delay: 1.3s;
}
.active15 .cursol7 {
	animation-name: none;
}
.active18 .cursol8 {
	animation-name: cursol8;
	animation-duration: 1s;
	animation-delay: 1.4s;
}
.active19 .cursol8 {
	animation-name: none;
}
.active20 .cursol9 {
	animation-name: cursol9;
	animation-duration: 1s;
	animation-delay: 1.4s;
}
.active21 .cursol9 {
	animation-name: none;
}
.active21 .cursol10 {
	animation-name: cursol10;
	animation-duration: 1s;
	animation-delay: 1.4s;
}
.active22 .cursol10 {
	animation-name: none;
}
.active24 .cursol11 {
	animation-name: cursol11;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-delay: 1.4s;
}
.active25 .cursol11 {
	animation-name: none;
}
.active28 .cursol12 {
	animation-name: cursol14;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 1s;
}
.active28 .cursol13 {
	animation-name: cursol15;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 3s;
}
.active29 .cursol12,
.active29 .cursol13 {
	animation-name: none;
}
.active31 .cursol14 {
	animation-name: cursol12;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 2s;
}
.active31 .cursol15 {
	animation-name: cursol13;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 4.5s;
}
.active32 .cursol14,
.active32 .cursol15 {
	animation-name: none;
}
.active39 .cursolwrap {
	display: none;
}

/*user*/

.personwrap figure {
	z-index: 9;
}
.ebisu1 {
	position: absolute;
	left: 60px;
	z-index: 1;
    width: 200px;
	bottom:  40px;
}
.ebisu2 {
	opacity: 0;
    position: absolute;
    left: 69px;
    z-index: 1;
    width: 180px;
    bottom: 40px;
}

.active2 .ebisu1 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.5s;
	animation-delay: 0s;
}
.active2 .ebisu2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.active3 .ebisu2 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.5s;
	animation-delay: 0s;
}
.active3 .ebisu1 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.user1 {
	opacity: 0;
	position: absolute;
	right: 60px;
	bottom: 10px;
	z-index: 1;
	animation-name: fadein;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
}
.user9 {
	opacity: 0;
	position: absolute;
	right: 400px;
	bottom: 65px;
	z-index: 1;
}
.active2 .user1 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.active26 .user1 {
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0.6s;
}
.active27 .user1 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.active38 .user1 {
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0.6s;
}
.active39 .user1 {
	opacity: 1;
}
.active39 .user9 {
	display: none;
}

/*comment*/

.comment1 {
	opacity: 0;
	position: absolute;
	right: 300px;
	top: 300px;
	animation-name: fadein;
	animation-duration: 0.8s;
	animation-delay: 3s;
}
.active1 .comment1 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-delay: 0s;
}

/*log*/

.log1 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 2s;
}
.active1 .log1 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active1 .log2 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active2 .log2 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active2 .log3 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active3 .log3 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active3 .log4 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active4 .log4 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active4 .log5 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active9 .log5 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active9 .log6 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active10 .log6 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active10 .log7 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active11 .log7 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active11 .log8 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active12 .log8 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active12 .log9 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active13 .log9 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active13 .log10 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active14 .log10 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active14 .log11 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active16 .log11 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active16 .log12 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active17 .log12 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active17 .log13 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active18 .log13 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active18 .log14 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active20 .log14 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active20 .log15 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active21 .log15 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active21 .log16 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active23 .log16 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active23 .log17 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active24 .log17 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active24 .log18 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active25 .log18 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active25 .log19 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active26 .log19 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active26 .log20 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active27 .log20 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active27 .log21 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active28 .log21 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active28 .log22 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active29 .log22 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active29 .log23 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active30 .log23 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active30 .log24 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active31 .log24 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active31 .log25 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active32 .log25 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active32 .log26 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active33 .log26 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active33 .log27 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active34 .log27 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active34 .log28 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active35 .log28 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active35 .log29 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active36 .log29 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active36 .log30 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active37 .log30 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active37 .log31 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active38 .log31 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active38 .log32 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active39 .log32 {
	animation-name: fadeout;
	animation-duration: 0.8s;
}
.active39 .log33 {
	animation-name: log1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
}
.active39 .ebisu1,
.active39 .user1 {
	z-index: 2;
}

/*window*/

.window {
	opacity: 0;
    width: 898px;
    height: 485px;
    position: absolute;
    top: 0;
    left: 63px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.windowwrap {
	position: absolute;
	top: -430px;
	left: 0;
	width: 1538px;
}
.window_base1 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.window_base2 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 2273px;
}
.window_base3 {
	opacity: 0;
	position: absolute;
	top: -4px;
	left: 0;
	z-index: 2;
}
.window_base4 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.window_base5 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 1029px;
}
.window_base5 img {
	height: 516px;
	width: 100%;
}
.window_base6 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.window_button1 {
	width: 103px;
    opacity: 0;
    position: absolute;
    top: 181px;
    left: 37px;
    height: auto;
}
.window_button1 img {
    box-shadow: 0px 0px 0px 0px #5fccff;
}
.window_button2 {
	opacity: 0;
	position: absolute;
    top: 264px;
    left: 395px;
}
.window_button2_back {
	opacity: 0;
    position: absolute;
    top: 204px;
    left: 347px;
    z-index: 1;
    width: 103px;
    height: auto;
}
.window_button3 {
	opacity: 0;
    position: absolute;
    top: 213px;
    left: 207px;
    background-color: rgba(0,0,0,0.50);
    z-index: 2;
    width: 228px;
}
.window_button3 img {
	vertical-align: middle;
}
.window_button4 {
	opacity: 0;
	position: absolute;
    top: 304px;
    left: 766px;
	background-color: rgba(0,0,0,0.50);
	z-index: 1;
}
.window_button4 img {
	vertical-align: middle;
}
.window_button5_back {
	opacity: 0;
    position: absolute;
    top: 79px;
    left: 527px;
    z-index: 1;
    width: 74px;
    height: auto;
}
.window_button6 {
	width: 460px; height: auto;
	opacity: 0;
	position: absolute;
    top: 125px;
    left: 420px;
	z-index: 1;
}
.window_button6 img {
	vertical-align: middle;
}
.window_button6_2 {
	width: 460px; height: auto;
	opacity: 0;
	position: absolute;
    top: 125px;
    left: 420px;
	z-index: 1;
}
.window_button6_2 img {
	vertical-align: middle;
}
.window_button7_back {
	opacity: 0;
    position: absolute;
    top: 53px;
    left: 321px;
    z-index: 1;
    width: 129px; height: auto;
}
.window_button8 {
	opacity: 0;
	position: absolute;
	top: 40px;
    left: 501px;
	z-index: 1;
	width: 131px;
}
.window_button8 img {
	vertical-align: middle;
}
.window_button9_back {
	opacity: 0;
	position: absolute;
    top: 30px;
    left: 9px;
	z-index: 2;
}
.window_button95_back {
	opacity: 0;
    position: absolute;
    top: 184px;
    left: 6px;
    z-index: 4;
    width: 133px;
	height: auto;
}
.window_button10_back {
	opacity: 0;
    position: absolute;
    top: 186px;
    left: 736px;
    z-index: 4;
    width: 101px;
    height: auto;
}
.window_button11_back {
	opacity: 0;
    position: absolute;
    top: 51px;
    left: 257px;
    z-index: 2;
    width: 91px;
    height: auto;
}
.window_button12_back {
	opacity: 0;
	position: absolute;
    top: 181px;
    left: 582px;
	z-index: 5;
}

.window_element1 {
	opacity: 0;
	position: absolute;
	top: 89px;
	left: 0;
	width: 900px;
	height: 465px;
	background-color: rgba(0,0,0,0.50);
}
.window_element1 .window_element1_1 {
	position: absolute;
	top: 75px;
	left: 50%;
	transform: translateX(-50%);
}
.window_element2 {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0;
	width: 900px;
	height: 580px;
	background-color: rgba(0,0,0,0.50);
	z-index: 1;
}
.window_element2 .window_element2_1 {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.window_graph1 {
	opacity: 0;
	position: absolute;
	top: 258px;
	left: 97px;
	z-index: 1;
}
.window_graph2 {
	opacity: 0;
	position: absolute;
	top: 327px;
	left: 500px;
	z-index: 1;
}
.window_graph2 img:nth-child(2) {
	position: absolute;
	bottom: 3px;
	left: 33px;
}
.window_graph2 img:nth-child(3) {
	position: absolute;
	bottom: 3px;
	left: 66px;
}
.window_graph2 img:nth-child(4) {
	position: absolute;
	bottom: 3px;
	left: 97px;
}
.window_graph2 img:nth-child(5) {
	position: absolute;
	bottom: 3px;
	left: 131px;
}
.window_graph3 {
	opacity: 0;
	position: absolute;
	top: 311px;
	left: 703px;
	z-index: 1;
}
.window_graph3 img:nth-child(2) {
	position: absolute;
	bottom: 3px;
	left: 32px;
}
.window_graph3 img:nth-child(3) {
	position: absolute;
	bottom: 3px;
	left: 65px;
}
.window_graph3 img:nth-child(4) {
	position: absolute;
	bottom: 3px;
	left: 97px;
}
.window_graph3 img:nth-child(5) {
	position: absolute;
	bottom: 3px;
	left: 130px;
}


.active2 .window {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.8s;
}
.active2 .windowwrap {
	animation-name: window1;
	animation-duration: 2s;
	animation-delay: 2s;
}
.active3 .windowwrap {
	top: 0;
	animation-name: window2;
	animation-duration: 1s;
	animation-delay: 0.3s;
}
.active4 .window_button1 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active4 .window_button1 img {
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
.active5 .window_button1 img {
	animation-name: flash0;
	animation-duration: 0.3s;
}
.active5 .window_element1 {
	animation-name: fadein;
	animation-duration: 0.3s;
}
.active5 .window_element1 .window_element1_1 {
	animation-name: flash1;
	animation-duration: 1s;
	animation-delay: 0.6s;
	animation-iteration-count: infinite;
}
.active6 .window_base0 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
}
.active6 .window_base1 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
}
.active6 .window_graph1,
.active6 .window_graph2,
.active6 .window_graph3 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
}
.active6 .window_element1 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
}
.active6 .window_button2_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-delay: 0.6s;
	animation-iteration-count: infinite;
}
.active7 .window_button2_back {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active7 .window_button3 {
	opacity: 1;
	transition: 0.3s;
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
.active8 .window_button3 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active8 .window_graph1 {
	opacity: 0;
	transition: 0.3s;
	animation-name: graph1;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-delay: 1s;
}
.active8 .window_graph2 img {
	transform: scaleY(0);
	transform-origin: left bottom 0;
	animation-name: graph2;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-delay: 1s;
}
.active8 .window_graph3 img {
	transform: scaleY(0);
	transform-origin: left bottom 0;
	animation-name: graph2;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-delay: 1s;
}
.active9 .window_button4 {
	opacity: 1;
	transition: 0.3s;
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.3s;
}
.active10 .window_button4 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active10 .windowwrap {
	top: -69px;
	animation-name: window3;
	animation-duration: 2s;
	animation-delay: 1s;
}
.active11 .windowwrap {
	top: -390px;
	animation-name: window4;
	animation-duration: 2s;
	animation-delay: 1s;
}
.active12 .windowwrap {
	opacity: 0;
	top: 0px;
	left: 0;
	transition: 0.3s;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.active12 .window_button5_back {
	opacity: 1;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
.active12 .window_button6 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 1s;
	animation-delay: 2.5s;
}
.active12 .window_button6_2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 1s;
	animation-delay: 5s;
}
.active13 .window_button5_back,
.active13 .window_button6,
.active13 .window_button6_2 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}

.active13 .window_element2 {
	animation-name: fadein;
	animation-duration: 0.3s;
}
.active13 .window_element2 .window_element2_1 {
	animation-name: flash1;
	animation-duration: 1s;
	animation-delay: 0.6s;
	animation-iteration-count: infinite;
}
.active14 .window_element2,
.active14 .window_element2 .window_element2_1 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active14 .window_button7_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: 3;
	animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
.active15 .window_base2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0s;
}
.active15 .window_button7_back,
.active15 .window_graph1,
.active15 .window_graph2,
.active15 .window_graph3 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}

.active16 .window_base2 {
	opacity: 1;
	animation-name: window5;
	animation-duration: 5s;
	animation-delay: 0s;
}
.active18 .window_base2 {
	opacity: 1;
	left: -1585px;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active18 .window_button8 {
	opacity: 1;
	transition: 0.3s;
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
.active18 .window_graph1,
.active18 .window_graph2,
.active18 .window_graph3 {
	opacity: 0;
	transition: 0.3;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active19 .window_button8 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active19 .window_base3 {
	opacity: 0;
	transition: 0.3;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active20 .window_button9_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
.active21 .window_base3 {
	opacity: 1;
	transition: 0.3;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 1s;
}
.active21 .window_button9_back {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}

.active21 .window_base4 {
	opacity: 0;
	transition: 0.3;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active22 .window_base5 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active22 .window_base4 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active22 .window_button95_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
.active23 .window_button95_back {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active23 .window_button10_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
.active24 .window_base5 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active24 .window_button10_back {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active24 .window_graph1,
.active24 .window_graph2,
.active24 .window_graph3 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active24 .window_button11_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.3s;
}
.active25 .window_button11_back {
	opacity: 0;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active25 .window_button12_back {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.3s;
}
.active25 .window_base6 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active26 .window {
	opacity: 0;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active26 .window_button12_back,
.active26 .window_base6 {
	opacity: 0;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0.1s;
}

/*chart*/

.chartwrap {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 63px;
	width: 898px;
	height: 485px;
    border: 1px solid #ccc;
	overflow: hidden;
}
.chart_read {
	position: relative;
	text-align: center;
	width: 898px;
	height: 70px;
	z-index: 5;
}
.chart_read figure {
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.chart_read figure.chart_read5 {
	opacity: 0;
	position: absolute;
	bottom: -43px;
	left: 50%;
	transform: translateX(-50%);
}
.chart_read figure.chart_read8 {
	opacity: 0;
	position: absolute;
	bottom: -38px;
	left: 50%;
	transform: translateX(-50%);
}
.chart_body1 {
	width: 898px;
	position: absolute;
	top: 0px;
	left: 0;
	margin: 0 auto;
}
.chart_body4,
.chart_body5 {
	width: 898px;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0;
}
.chart_body1 img,
.chart_body4 img,
.chart_body5 img {
	vertical-align: middle;
}
.chart_back1,
.chart_back2,
/*.chart_back3,*/
.chart_back4,
.chart_back5 {
	opacity: 1;
	position: absolute;
	width: 898px;
	height: 485px;
	top: 0px;
	left: 0px;
	z-index: 0;
	overflow: hidden;
}

.chart_back1 img {
	position: absolute;
    top: -68px;
    left: 0;
    width: 1510px;
    max-width: inherit;
}
.chart_back4 img,
.chart_back5 img {
	position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    max-width: inherit;
}
.chart_base1 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 1;
	transform: scale(0.731);
}
.chart_base2 {
	opacity: 0;
	top: 0px;
	left: 0px;
	z-index: 1;
	transform: scale(0.72);
}
.chart_base4 {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 1;
	transform: scale(0.69);
}
.chart_base5 {
	position: absolute;
	opacity: 0;
	top: 25px;
	left: 170px;
	z-index: 1;
	transform: scale(0.69);
}

.chart_base3_1 {
	position: absolute;
	opacity: 0;
	top: 120px;
    right: 5px;
	z-index: 1;
}
.chart_base3_2 {
	position: absolute;
	opacity: 0;
	top: 224px;
	left: 5px;
	z-index: 1;
}

.grayfilter1,
.grayfilter2,
.grayfilter3,
.grayfilter4,
.grayfilter5,
.grayfilter6 {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
	width: 900px;
	height: 485px;
    background-color: rgba(0,0,0,0.5);	
}
.chart_read figure.chart_read2 {
	position: absolute;
	top: 32px;
	left: 401px;
	z-index: 2;
}
.chart_element1 {
	opacity: 0;
    position: absolute;
    top: 33px;
    left: 141px;
    z-index: 1;
}
.chart_element2 {
	opacity: 0;
	position: absolute;
	top: 74px;
    left: 609px;
	z-index: 1;
}
.chart_element5 {
	opacity: 0;
	position: absolute;
	top: 80px;
    left: 97px;
	z-index: 1;
}
.chart_element6 {
	opacity: 0;
	position: absolute;
	top: 123px;
    left: 547px;
	z-index: 1;
}
.chart_element7 {
	opacity: 0;
	position: absolute;
	top: 168px;
    left: 183px;
	z-index: 1;
}
.chart_element8 {
	opacity: 0;
	position: absolute;
	top: 111px;
	left: 290px;
	z-index: 1;
}
.chart_element9 {
	opacity: 0;
	position: absolute;
	top: 166px;
	left: 410px;
	z-index: 1;
}
.chart_element10 {
	opacity: 0;
	position: absolute;
	top: 278px;
	left: 411px;
	z-index: 1;
}
.chart_element11 {
	opacity: 0;
	position: absolute;
	top: 202px;
	right: 0;
	z-index: 1;
}
.chart_element12 {
	opacity: 0;
    position: absolute;
    top: 82px;
    left: 517px;
    width: 79px;
	height: auto;
}
.chart_element13 {
	opacity: 0;
    position: absolute;
    top: 167px;
    left: 25px;
    width: 126px;
	height: auto;
}
.chart_element16 {
	opacity: 0;
	position: absolute;
	top: 138px;
    left: 182px;
	z-index: 1;
}
.chart_element17 {
	opacity: 0;
    position: absolute;
    top: 82px;
    left: 301px;
    z-index: 1;
}
.chart_element18 {
	opacity: 0; 
    position: absolute;
    top: 310px;
    left: 295px;
    z-index: 1;
}
.chart_element19 {
	opacity: 0;
    position: absolute;
    top: 239px;
    left: 539px;
    z-index: 1;
}
.chart_element20 {
	opacity: 0;
    position: absolute;
    top: 0px;
    left: 520px;
    z-index: 1;
}
.chart_element21_1 {
	opacity: 0;
    position: absolute;
    top: 165px;
    left: 65px;
    z-index: 1;
}
.chart_element21_2 {
	opacity: 0;
    position: absolute;
    top: 238px;
    left: 355px;
    z-index: 1;
}

.chart_element22_1 {
	opacity: 0;
    position: absolute;
    top: 185px;
    left: 399px;
    z-index: 1;
}
.chart_element22_2 {
	opacity: 0;
    position: absolute;
    top: 215px;
    left: 80px;
    z-index: 1;
}

.active27 .chartwrap {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0.3s;
}
.active27 .chart_base1 {
    opacity: 0;
    animation: chart_popup1;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
}
.active27 .grayfilter1 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 1.4s;
}
.active28 .chart_base1 {
	opacity: 1;
    top: 25px;
    left: 142px;
	transform: scale(1);
	animation: none;
}
.active28 .grayfilter1 {
	animation: none;
}
.active28 .chart_element1 {
	opacity: 1;
	transition: 0.3s;
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-iteration-count: infinite;
}
.active28 .chart_element2 {
	opacity: 0;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-iteration-count: infinite;
}
.active28 .chart_element5 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 4s;
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 4s;
}
.active28 .chart_element6 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 2s;
	animation-name: flash1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 2s;
}
.active29 .chart_element1,
.active29 .chart_element2,
.active29 .chart_element5,
.active29 .chart_element6 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active29 .chart_read2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active30 .chart_read2 {
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active30 .chart_element7 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 1.5s;
}
.active30 .chart_element8 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 2s;
}
.active30 .chart_element9 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 2.5s;
}
.active30 .chart_element10 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 3s;
}

.active30 .chart_element11 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 3.5s;
}

.active31 .chart_base1,
.active31 .grayfilter1,
.active31 .chart_element7,
.active31 .chart_element8,
.active31 .chart_element9,
.active31 .chart_element10,
.active31 .chart_element11 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}
.active31 .chart_base1 {
	transform: scale(1);
    top: 25px;
    left: 142px;
}
.active31 .chart_back1 img {
	animation: chart_back1;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.active31 .chart_element12 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 1s;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 5s;
}
.active31 .chart_element13 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 1s;
	animation-name: flash2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 1s;
}
.active31 .chart_base3_1 {
	opacity: 0;
	animation: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 2.5s;
}
.active31 .chart_base3_2 {
	opacity: 0;
	animation: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}
.active31 .grayfilter2 {
	opacity: 0.6;
	transition: 0.3s;
}

.active32 .chart_body1,
.active32 .chart_base3_1,
.active32 .chart_base3_2,
.active32 .chart_body3 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}
.active32 .chart_body4,
.active32 .chart_read5 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0.3s;
}
.active32 .chart_base4 {
	opacity: 0;
	animation-name: chart_popup4;
	animation-duration: 0.3s;
	animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.active32 .grayfilter3 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 1.4s;
}


.active33 .chart_read5 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}

.active33 .chart_element16 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 1.5s;
}
.active33 .chart_element17 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 2s;
}
.active33 .chart_element18 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 2.5s;
}
.active33 .chart_element19 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 3s;
}
.active33 .chart_element20 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 3.5s;
}

.active34 .chart_body4 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active34 .chart_body5 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.active34 .chart_base5 {
	opacity: 0;
	animation: chart_popup5;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}
.active34 .grayfilter5 {
	opacity: 1;
	transition: 0.3s;
	transition-delay: 1.4s;
}

.active35 .chart_read8 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0.3s;
}
.active36 .chart_element21_1,
.active36 .chart_element21_2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 1.5s;
}
.active36 .chart_read8 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active37 .chart_element21_1,
.active37 .chart_element21_2 {
	opacity: 1;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active37 .chart_element22_1,
.active37 .chart_element22_2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 1.5s;
}
.active38 .chart_body5 {
	opacity: 0;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0s;
}
.active38 .chartwrap {
	opacity: 0;
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
}

/*urlarea*/

.urlarea {
	opacity: 0;
	position: absolute;
	top: 190px;
	left: 50%;
	transform: translateX(-50%);
	width: 645px;
	background-color: rgba(254,210,0,1.00);
	font-size: 14px;
	box-sizing: border-box;
	padding: 20px;
	line-height: 1.4;
	z-index: 1;
}
.urlarea span {
	color: #FED201;
}
.urlarea dl {
	box-sizing: border-box;
	margin-top: 0;
}
.urlarea dl:not(:last-child) {
	margin-bottom: 15px;
}
.urlarea a {
	color: #3949AB;
	padding: 5px;
	display: block;
	font-weight: bold;
	transition: 0.3s;
	font-feature-settings: 'palt';
	pointer-events: none;
}
.urlarea a:hover {
    text-decoration: none;
}
.urlarea dt {
    margin-bottom: 10px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0;
	color: #333333;
}
.urlarea dd {
	margin: 0 20px;
}
.urlarea .sprit dd {
	display: flex;
	justify-content: space-between;
}
.urlarea dd div {
    width: 47%;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #3949AB;
    transition: 0.3s;
    border-radius: 10px;
	position: relative;
	background: #fff;
}
.urlarea dd div:hover {
	background-color: #ffffff;
}
.urlarea dd div i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	font-size: 18px;
}
.urlarea dd div:hover i {
	animation-name: linkarrow;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	color: #FED201;
}
.urlarea2 {
    opacity: 0;
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translateX(-50%);
    width: 645px;
    background-color: rgba(254,210,0,1.00);
    box-sizing: border-box;
    padding: 10px 0;
    line-height: 1.4;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.urlarea2:after {
	content: '';
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	border: 1px solid rgba(255,255,255,1.00);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


body:after,
.title,
.messagearea p,
.commentwrap figure,
.personwrap figure,
.cursolwrap figure,
.annotation1,
.window,
.windowwrap,
.windowwrap figure,
.windowwrap figure img,
.chartwrap,
.chartwrap figure,
.chart_body1,
.chart_body4,
.chart_body5,
.chart_body1 figure,
.urlarea,
.urlarea2 {
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

/*active1*/

.active1 .annotation1 {
	animation-name: fadein;
    animation-duration: 0.3s;
    animation-delay: 1s;
}

/*active2*/

body.active2:after {
	animation-name: fadeout;
	animation-duration: 0.3s;
}
.active2 .title {
	animation-name: fadeout;
	animation-duration: 0.3s;
}
.active2 .annotation1 {
	animation-name: fadeout;
	animation-duration: 0.3s;
}

/*active26*/

body.active26:after,
.active26 .title {
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0.3s;
}

/*active27*/

body.active27:after,
.active27 .title {
	animation-name: fadeout;
	animation-duration: 0.3s;
	animation-delay: 0s;
}

/*active38*/

body.active38:after,
.active38 .title {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
	animation-delay: 0.3s;
}

/*active39*/

.active39 .urlarea,
.active39 .urlarea2 {
	opacity: 0;
	animation-name: fadein;
	animation-duration: 0.3s;
}
.active39 .nextarea {
	display: none;
}
.active39 .sidemenu .next_btn {
	visibility: hidden;
}
.active39 .urlarea a {
	pointer-events: auto;
}

/*animation*/

@keyframes illustration1 {
	0% { 
		bottom: -360px; 
		opacity: 0;
	}
	100% { 
		bottom: 0px; 
		opacity: 1;
	}
}
@keyframes window1 {
	0% { top: -430px; }
	100% { top: 0px; }
}
@keyframes window2 {
	0% { top: 0px; }
	100% { top: -69px; }
}
@keyframes window3 {
	0% { top: -69px; }
	100% { top: -390px; }
}
@keyframes window4 {
	0% { 
		top: -390px;
		left: 0;
	}
	100% { 
		top: -390px;
		left: -625px;
	}
}
@keyframes window5 {
	0% { left: 0;}
	100% { left: -1375px;}
}


@keyframes flash0 {
	0% { box-shadow: 0px 0px 0px 0px #5fccff; }
	100% { box-shadow: 0px 0px 0px 0px #5fccff; }
}
@keyframes flash1 {
	0% { box-shadow: 0px 0px 10px 0px #5fccff; }
	50% { box-shadow: 0px 0px 10px 5px #5fccff; }
	100% { box-shadow: 0px 0px 10px 0px #5fccff; }
}
@keyframes flash2 {
	0% { opacity: 0 }
	50% { opacity: 1 }
	100% { opacity: 0 }
}

@keyframes cursol1 {
	0% { 
		opacity: 0;
		top: 236px;
		left: 220px;
	}
	100% {
		opacity: 1;
		top: 122px;
		left: 110px;
		 }
}
@keyframes cursol2 {
	0% { 
		opacity: 0;
		top: 480px;
		left: 525px;
	}
	100% {
		opacity: 1;
		top: 380px;
		left: 415px;
		 }
}
@keyframes cursol3 {
	0% { 
		opacity: 0;
		top: 253px;
		left: 510px;
	}
	100% {
		opacity: 1;
		top: 153px;
		left: 400px;
		 }
}
@keyframes cursol4 {
	0% { 
		opacity: 0;
		top: 384px;
		left: 433px;
	}
	100% {
		opacity: 1;
		top: 284px;
		left: 323px;
		 }
}
@keyframes cursol5 {
	0% { 
		opacity: 0;
		top: 354px;
		left: 725px;
	}
	100% {
		opacity: 1;
		top: 254px;
		left: 835px;
		 }
}
@keyframes cursol6 {
	0% { 
		opacity: 0;
		top: 230px;
		left: 675px;
	}
	100% {
		opacity: 1;
		top: 100px;
		left: 565px;
		 }
}
@keyframes cursol7 {
	0% { 
		opacity: 0;
		top: 175px;
		left: 520px;
	}
	100% {
		opacity: 1;
		top: 75px;
		left: 410px;
		 }    
}
@keyframes cursol8 {
	0% { 
		opacity: 0;
		top: 225px;
		left: 710px;
	}
	100% {
		opacity: 1;
		top: 125px;
		left: 610px;
		 }
}
@keyframes cursol9 {
	0% { 
		opacity: 0;
		top: 165px;
		left: 280px;
	}
	100% {
		opacity: 1;
		top: 65px;
		left: 170px;
		 }
}
@keyframes cursol10 {
	0% { 
		opacity: 0;
		top: 350px;
		left: 390px;
	}
	100% {
		opacity: 1;
		top: 250px;
		left: 280px;
		 }
}
@keyframes cursol11 {
	0% { 
		opacity: 0;
		top: 179px;
		left: 432px;
	}
	100% {
		opacity: 1;
		top: 79px;
		left: 312px;
		 }
}
@keyframes cursol12 {
	0% { 
		opacity: 0;
		top: 204px;
		left: 665px;
	}
	100% {
		opacity: 1;
		top: 104px;
		left: 555px;
		 }
}
@keyframes cursol13 {
	0% { 
		opacity: 0;
		top: 293px;
		left: 200px;
	}
	100% {
		opacity: 1;
		top: 193px;
		left: 90px;
		 }
}
@keyframes cursol14 {
	0% { 
		opacity: 0;
		top: 195px;
		left: 789px;
	}
	100% {
		opacity: 1;
		top: 95px;
		left: 680px;
		 }
}
@keyframes cursol15 {
	0% { 
		opacity: 0;
		top: 148px;
		left: 382px;
	}
	100% {
		opacity: 1;
		top: 48px;
		left: 272px;
		 }
}

@keyframes graph1 {
	0% { 
		transform: scale(0);
		opacity: 0;
	}
	5% {opacity: 1}
	100% {
		transform: scale(1);
		opacity: 1;
		 }
}
@keyframes graph2 {
	0% { 
		transform: scaleY(0);
	}
	100% {
		transform: scaleY(1);
		 }
}

@keyframes chart_popup1 {
	0% { 
		top: -40px;
		left: -40px;
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		top: 25px;
		left: 142px;
		transform: scale(1);
		opacity: 1;
		 }
}
@keyframes chart_popup2 {
	0% { 
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
		 }
}
@keyframes chart_popup3_1 {
	0% { 
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
		 }
}
@keyframes chart_popup3_2 {
	0% { 
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
		 }
}
@keyframes chart_popup4 {
	0% { 
		top: -40px;
		left: -40px;
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		top: 25px;
		left: 142px;
		transform: scale(1);
		opacity: 1;
		 }
}
@keyframes chart_popup5 {
	0% { 
		top: 25px;
		left: -61px;
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		top: 25px;
		left: 170px;
		transform: scale(1);
		opacity: 1;
		 }
}

@keyframes chart_back1 {
	0% { top: -68px;}
	100% {top: 0;}
}
@keyframes linkarrow {
	0% { left: 10px;}
	50% { left: 30px;}
	100% { left: 10px;}
}