html {
	min-width: 1000px;
	/* viewport */
}



/*=============================================
 * body
 *=============================================*/

body {
	color: #000;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	line-height: 34px;
	letter-spacing: 1.5px;
	background: #FFF;
	min-width: inherit;
	min-height: inherit;
	max-height: 100%;
}



/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {}

.fnt-meiryo {}

.fnt-gothic {}

.fnt-garamond {}



/*=============================================
 * #wrapper
 *=============================================*/

#wrapper {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

.wrap {
	width: 1000px;
	position: relative;
	z-index: 1;
}

h1,
h2,
h3,
h4,
h5 {
	position: relative;
	z-index: 2;
}

.box1,
.box2,
.box3,
.box4,
.box5,
.group1,
.group2,
.group3,
.group4,
.group5 {
	position: relative;
}

#sec1,
#sec2,
#sec3,
#sec4,
#sec5 {
	position: relative;
}



/*=============================================
 * header
 *=============================================*/

#header {
	position: relative;
	z-index: 5;
}

#header h1 {
	text-align: center;
	padding-top: 70px;
	z-index: 1;
	color: #000;
}

#header .logo {}

#header .tel {}

#header .nav {
	margin-left: 99px;
	margin-top: 51px;
}

#header .mail {
	width: 340px;
	height: 44px;
	border: 1px solid #ebebeb;
	line-height: 44px;
	margin-top: 24px;
}



#header .mail .deco {
	position: absolute;
	background: url(../img/index/sec2_mail.png) no-repeat;
	width: 30px;
	height: 22px;
	left: 23px;
	top: 11px;
	opacity: 1;

}

#header .mail .txt {
	margin-left: 63px;
}

#header .span_1 {
	font-size: 10px;
	margin-left: -2px;
}



#header .mail:hover .deco {
	background: url(../img/index/sec2_mail_hover.png) no-repeat;
}


#header #belt {
	position: fixed;
	left: 0;
	top: 0;
	color: #fff;
	width: 100%;
	z-index: 9999;
}


#header #hd_top {
	background: #5B5B5B;
	position: relative;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	height: 76px;
	z-index: 99;
}



#header .menu_toggle {
	background: #999999;
}

#header .menu_toggle.nav-style01 {
	top: 0px;
	right: -100%;
	display: block;
	transition: all 0.5s ease 0s;
}

.navOpen .menu_toggle.nav-style01 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	right: 0;
}




/*=============================================*/

/*               menubtm                       */

/*=============================================*/

#header .navBtn {
	display: block;
	width: 34px;
	height: 36px;
	position: absolute;
	left: 55px;
	top: 55px;
	cursor: pointer;
	padding: 12px 13px 12px 13px;
	text-align: center;
	font-size: 11px;
	line-height: 27px;
	z-index: 9999999999;
}



#header .navBtn span {
	display: block;
	height: 3px;
	width: 100%;
	background: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


#header .navBtn.fixed1 span {
	background: #000;
}

#header .navBtn span:nth-of-type(2),
#header .navBtn span:nth-of-type(3) {
	margin-top: 6px;
}

/* ナビゲーションアイコン：アクティブ */

.navOpen .navBtn span:nth-of-type(1) {
	-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
	-ms-transform: translateY(9px) translateX(0) rotate(45deg);
	transform: translateY(9px) translateX(0) rotate(45deg);
}

.navOpen .navBtn span:nth-of-type(2) {
	margin-top: 6px;
	opacity: 0;
	-webkit-transform: translateY(9px);
	-ms-transform: translateY(9px);
	transform: translateY(9px);
}

.navOpen .navBtn span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
	transform: translateY(-9px) translateX(0) rotate(-45deg);
}

#header .close_btn {
	width: 100%;
	height: 40px;
	padding-top: 1px;
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
	display: block;
	letter-spacing: 0.1em;
	line-height: 30px;
	text-align: center;
	background-color: #000;
	z-index: 100;
}

#header .close_btn span {
	font-size: 24px;
}

.navOpen .navBtn span {
	background: #000 !important;
}

#belt_inner {
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 9999999;
	display: none;

}

#header .menu_toggle {
	display: none;
	position: fixed;
	width: 100%!important;
	height: 100vh;
	overflow-y: scroll;

}

#belt1 {
	padding-bottom: 151px;
	background: #fff;
}

#belt2 {
	background: #00193e;
	 height: 392px;
}

#belt2 {
	text-align: center;
	padding-top: 49px;
}

#belt_1 {
	position: fixed;
	right: 51px;
	top: 144px;
	z-index: 999999;
}


#belt_1.fixed {
	display: block;
}

#belt_1 .fixnav a {
	width: 24px;
	height: 24px;
	display: block;
	margin-bottom: 20px;
}


#belt_1 .photo {
	display: block;
	margin-bottom: 50px;
	background: url(../img/shared/fix_nav1.png) no-repeat;
	width: 24px;
	height: 216px;

}

.navOpen #belt_1 {
	display: none;
}

#belt_1.fixed .photo {
	background: url(../img/shared/fix_nav1_black.png) no-repeat;
}

#belt_1 .nav1 {
	background: url(../img/shared/fix_nav2.png) no-repeat;
}

#belt_1 .nav2 {
	background: url(../img/shared/fix_nav3.png) no-repeat;
}

#belt_1 .nav3 {
	background: url(../img/shared/fix_nav4.png) no-repeat;
}





#belt_1.fixed .nav1 {
	background: url(../img/shared/fix_nav2_black.png) no-repeat;
}

#belt_1.fixed .nav2 {
	background: url(../img/shared/fix_nav3_black.png) no-repeat;
}

#belt_1.fixed .nav3 {
	background: url(../img/shared/fix_nav4_black.png) no-repeat;
}




#belt_1.fixed1 .photo {
	background: url(../img/shared/fix_nav1_black.png) no-repeat;
}


#belt_1.fixed1 .nav1 {
	background: url(../img/shared/fix_nav2_black.png) no-repeat;
}

#belt_1.fixed1 .nav2 {
	background: url(../img/shared/fix_nav3_black.png) no-repeat;
}

#belt_1.fixed1 .nav3 {
	background: url(../img/shared/fix_nav4_black.png) no-repeat;
}



/*=============================================
 * key
 *=============================================*/

#key {
	position: relative;
	height: 1057px;
}

#key:before {
	position: absolute;
	content: "";
	background: url(../img/shared/key_bg.jpg) repeat;
	width: 100%;
	height: 722px;
	left: 0;
	top: 229px;
	z-index: -1;
}

#key ul {
	min-height: inherit;
}

#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



/*=============================================
 * container
 *=============================================*/

#container {}



/*=============================================
 * #socialbuttons
 *=============================================*/

#socialbuttons {
	text-align: center;
	margin-top: 54px;
}



/*=============================================
 * footer
 *=============================================*/

#footer {
	background: #00193e;
	padding-top: 164px;
	color: #fff;
	padding-bottom: 42px;
}

#footer .fl {
	width: 330px;
	position: relative;
}

#footer .sub1 {
	margin-left: 27px;
	font-weight: bold;
	margin-top: 13px;
}

#footer .txt1 {
	text-align: center;
	font-weight: bold;
	margin-left: -76px;
	margin-top: 19px;
}

#footer .fl1 {
	padding-top: 38px;
	text-align: center;
	margin-left: 8px;
	position: relative;
}

#footer .fl1:before {
	position: absolute;
	left: -7px;
	top: -11px;
	content: "";
	border-left: 1px solid #4d5e78;
	height: 240px;
}

#footer .fl2:before {
	position: absolute;
	left: -3px;
	top: -9px;
	content: "";
	border-left: 1px solid #4d5e78;
	height: 240px;
}

#footer .logo {}

#footer .tel {}

#footer .nav {
	margin-left: 102px;
	margin-top: 14px;
}

#footer .nav li a:hover {
	text-decoration: none;
}

#footer .nav li a {
	position: relative;
}

#footer .nav li a:before {
	position: absolute;
	content: "";
	left: -40px;
	top: 8px;
	width: 24px;
	height: 2px;
	border-top: 2px solid #294a7a;

}

#footer .nav li a:after {
	position: absolute;
	content: "";
	left: -40px;
	top: 8px;
	width: 24px;
	height: 2px;
	border-top: 2px solid #fff;
	z-index: -1;
}

#footer .nav li a:hover {
	opacity: 0.8;
}

#footer .nav li a:hover:after {
	-webkit-animation: menujs 1.5s;
	animation: menujs 1.5s;
	z-index: 1;
}
#footer .nav li.animated a:after {
	-webkit-animation: menujs 1.5s;
	animation: menujs 1.5s;
	z-index: 1;
}



@-webkit-keyframes menujs {
	from {
		width: 0;
	}
	to {
		width: 24px;
	}
}

/* Standard syntax */

@keyframes menujs {
	from {
		width: 0;
	}
	to {
		width: 24px;

	}
}

#footer .nav li + li {}

#footer .nav li + li:before {
	display: none;
}







.animated.wall:after {
	position: absolute;
	content: "";
	z-index: 1;
	background: #fff;
	height: 100%;
	right: 0;
	top: 0;
	animation: wall 1s;
	-webkit-animation: wall 1s;
}


@-webkit-keyframes wall {
	from {
		width: 100%;
	}
	to {
		width: 0;
	}
}

/* Standard syntax */

@keyframes wall {
	from {
		width: 100%;
	}
	to {
		width: 0;
	}
}


/*=============================================
 * copyright
 *=============================================*/

address {
	font-size: 12px;
	letter-spacing: 1.3px;
	margin-top: 18px;
}

#pagetop {
	right: 0;
	bottom: 0;
}


#tel {
	margin-bottom: -80px;

}

#tel .group {
	position: relative;
	margin-bottom: 43px;
}

#tel .group:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 60px;
	left: 500px;
	z-index: 1;
	background: #1d3459;
	top: 11px;

}

#tel .box1 {
	background: #294a7a;
	width: 1000px;
	padding-bottom: 53px;
}

#tel h2 {
	text-align: center;
	padding-top: 27px;
}

#tel .tel {
	margin-left: 142px;
}

#tel .fax {
	position: absolute;
	right: 147px;
	top: 0;
}

#tel .mail {
	width: 382px;
	height: 70px;
	border: 1px solid #fff;
	line-height: 20px;
	text-align: center;
}

#tel .mail .txt {
	font-size: 19px;
	padding-top: 19px;
	margin-left: 40px;
}

#tel .mail .txt1 {
	margin-left: 40px;
}

#tel .mail .deco {
	position: absolute;
	background: url(../img/index/sec2_mail.png) no-repeat;
	width: 30px;
	height: 22px;
	left: 44px;
	top: 19px;
	opacity: 1;

}


#tel .mail:hover .deco {
	background: url(../img/index/sec2_mail_hover.png) no-repeat;
}



@-webkit-keyframes btnmove {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

/* Standard syntax */

@keyframes btnmove {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}



.btn_hover {
	color: #00265e;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	position: relative;
	transition: 1s;
	z-index: 1;
	border: 1px solid #fff;
}

.btn_hover:hover {
	text-decoration: none;
	color: #fff;

}

.btn_hover:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: -1;
	left: 0;
	top: 0;
}

.btn_hover:hover:after {
	width: 100%;
		transition: 0.7s;

}


.btn_hover:after {
	background: #00265e;
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	left: 0;
	top: 0;
	transition: 0.5s;
}

.btn_hover:hover .deco {
	animation: btnmove1 1.5s;
	-webkit-animation: btnmove1 1.5s;
}

@-webkit-keyframes btnmove1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Standard syntax */

@keyframes btnmove1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;


	}
}




.l-mainvisual__bg {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 1
}

.l-mainvisual__bg .moveline-outer {
	height: 100vh
}

.l-mainvisual__bg .moveline-normal {
	background-color: #ebecf5;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}

.l-mainvisual__bg .moveline-accent {
	background-color: #7ab8df;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg)
}

.l-mainvisual__bg .moveline {
	display: block;
	position: absolute;
	top: -100px;
	bottom: -100px;
	width: 1px
}

.l-mainvisual__bg .moveline-outer {
	position: relative;
	overflow: hidden
}

.moveline-1 {
	left: 95%;
	-webkit-animation: moveline1 50s linear infinite;
	animation: moveline1 50s linear infinite
}

.moveline-2 {
	left: 88%;
	-webkit-animation: moveline2 65s linear infinite;
	animation: moveline2 65s linear infinite
}

.moveline-3 {
	left: 75%;
	-webkit-animation: moveline3 40s linear infinite;
	animation: moveline3 40s linear infinite
}

.moveline-4 {
	left: 71%;
	-webkit-animation: moveline4 40s linear infinite;
	animation: moveline4 40s linear infinite
}

.moveline-5 {
	left: 70%;
	-webkit-animation: moveline5 30s linear infinite;
	animation: moveline5 30s linear infinite
}

.moveline-6 {
	left: 68%;
	-webkit-animation: moveline6 50s linear infinite;
	animation: moveline6 50s linear infinite
}

.moveline-7 {
	left: 40%;
	-webkit-animation: moveline7 35s linear infinite;
	animation: moveline7 35s linear infinite
}

.moveline-8 {
	left: 26%;
	-webkit-animation: moveline8 40s linear infinite;
	animation: moveline8 40s linear infinite
}

.moveline-9 {
	left: 24%;
	-webkit-animation: moveline9 40s linear infinite;
	animation: moveline9 40s linear infinite
}

.moveline-10 {
	left: 10%;
	-webkit-animation: moveline10 35s linear infinite;
	animation: moveline10 35s linear infinite
}

.moveline-accent {
	left: 70%;
	-webkit-animation: movelineAccent 20s linear infinite;
	animation: movelineAccent 20s linear infinite
}

@-webkit-keyframes moveline1 {
	0% {
		left: 90%
	}
	10% {
		left: 110%
	}
	55% {
		left: -10%
	}
	to {
		left: 90%
	}
}

@keyframes moveline1 {
	0% {
		left: 90%
	}
	10% {
		left: 110%
	}
	55% {
		left: -10%
	}
	to {
		left: 90%
	}
}

@-webkit-keyframes moveline2 {
	0% {
		left: 88%
	}
	40% {
		left: -10%
	}
	80% {
		left: 110%
	}
	to {
		left: 88%
	}
}

@keyframes moveline2 {
	0% {
		left: 88%
	}
	40% {
		left: -10%
	}
	80% {
		left: 110%
	}
	to {
		left: 88%
	}
}

@-webkit-keyframes moveline3 {
	0% {
		left: 75%
	}
	20% {
		left: 110%
	}
	65% {
		left: -10%
	}
	to {
		left: 75%
	}
}

@keyframes moveline3 {
	0% {
		left: 75%
	}
	20% {
		left: 110%
	}
	65% {
		left: -10%
	}
	to {
		left: 75%
	}
}

@-webkit-keyframes moveline4 {
	0% {
		left: 71%
	}
	25% {
		left: 110%
	}
	75% {
		left: -10%
	}
	to {
		left: 71%
	}
}

@keyframes moveline4 {
	0% {
		left: 71%
	}
	25% {
		left: 110%
	}
	75% {
		left: -10%
	}
	to {
		left: 71%
	}
}

@-webkit-keyframes moveline5 {
	0% {
		left: 70%
	}
	40% {
		left: 20%
	}
	80% {
		left: 110%
	}
	to {
		left: 70%
	}
}

@keyframes moveline5 {
	0% {
		left: 70%
	}
	40% {
		left: 20%
	}
	80% {
		left: 110%
	}
	to {
		left: 70%
	}
}

@-webkit-keyframes moveline6 {
	0% {
		left: 68%
	}
	25% {
		left: 100%
	}
	75% {
		left: -10%
	}
	to {
		left: 68%
	}
}

@keyframes moveline6 {
	0% {
		left: 68%
	}
	25% {
		left: 100%
	}
	75% {
		left: -10%
	}
	to {
		left: 68%
	}
}

@-webkit-keyframes moveline7 {
	0% {
		left: 40%
	}
	20% {
		left: -10%
	}
	80% {
		left: 80%
	}
	to {
		left: 40%
	}
}

@keyframes moveline7 {
	0% {
		left: 40%
	}
	20% {
		left: -10%
	}
	80% {
		left: 80%
	}
	to {
		left: 40%
	}
}

@-webkit-keyframes moveline8 {
	0% {
		left: 26%
	}
	25% {
		left: 78%
	}
	75% {
		left: 10%
	}
	to {
		left: 26%
	}
}

@keyframes moveline8 {
	0% {
		left: 26%
	}
	25% {
		left: 78%
	}
	75% {
		left: 10%
	}
	to {
		left: 26%
	}
}

@-webkit-keyframes moveline9 {
	0% {
		left: 24%
	}
	30% {
		left: -10%
	}
	60% {
		left: 94%
	}
	to {
		left: 24%
	}
}

@keyframes moveline9 {
	0% {
		left: 24%
	}
	30% {
		left: -10%
	}
	60% {
		left: 94%
	}
	to {
		left: 24%
	}
}

@-webkit-keyframes moveline10 {
	0% {
		left: 10%
	}
	10% {
		left: 0%
	}
	50% {
		left: 68%
	}
	to {
		left: 10%
	}
}

@keyframes moveline10 {
	0% {
		left: 10%
	}
	10% {
		left: 0%
	}
	50% {
		left: 68%
	}
	to {
		left: 10%
	}
}

@-webkit-keyframes movelineAccent {
	0% {
		background-color: #7ab8df
	}
	35% {
		background-color: #bfdf7a
	}
	70% {
		background-color: #df7a7a
	}
	to {
		background-color: #7ab8df
	}
}

@keyframes movelineAccent {
	0% {
		background-color: #7ab8df
	}
	35% {
		background-color: #bfdf7a
	}
	70% {
		background-color: #df7a7a
	}
	to {
		background-color: #7ab8df
	}
}

@-webkit-keyframes moveupAction {
	0% {
		-webkit-transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
	50% {
		-webkit-transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	52% {
		-webkit-transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	70% {
		-webkit-transform: translate(-50px, 50px) matrix(0.92, 0, 0, 0.92, 0, 0);
		transform: translate(-50px, 50px) matrix(0.92, 0, 0, 0.92, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
}

.op {
	opacity: 0
}

@keyframes moveupAction {
	0% {
		-webkit-transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
	50% {
		-webkit-transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	52% {
		-webkit-transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(-50px, 50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	70% {
		-webkit-transform: translate(-50px, 50px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(-50px, 50px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes waitupAction {
	0% {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
	30% {
		-webkit-transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	50% {
		-webkit-transform: translate(-10px, 10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(-10px, 10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	51% {
		-webkit-transform: translate(-10px, 10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(-10px, 10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
}

@keyframes waitupAction {
	0% {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
	30% {
		-webkit-transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	50% {
		-webkit-transform: translate(-10px, 10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(-10px, 10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	51% {
		-webkit-transform: translate(-10px, 10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(-10px, 10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
}

@-webkit-keyframes movedownAction {
	0% {
		-webkit-transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
	50% {
		-webkit-transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	52% {
		-webkit-transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	70% {
		-webkit-transform: translate(50px, -50px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(50px, -50px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
}

@keyframes movedownAction {
	0% {
		-webkit-transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(100%, -200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
	50% {
		-webkit-transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	52% {
		-webkit-transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(50px, -50px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	70% {
		-webkit-transform: translate(50px, -50px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(50px, -50px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes waitdownAction {
	0% {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
	30% {
		-webkit-transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	50% {
		-webkit-transform: translate(10px, -10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(10px, -10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	51% {
		-webkit-transform: translate(10px, -10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(10px, -10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
}

@keyframes waitdownAction {
	0% {
		-webkit-transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		transform: translate(0, 0) matrix(1, 0, 0, 1, 0, 0);
		opacity: 1
	}
	30% {
		-webkit-transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(0, 0) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	50% {
		-webkit-transform: translate(10px, -10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		transform: translate(10px, -10px) matrix(0.95, 0, 0, 0.95, 0, 0);
		opacity: 1
	}
	51% {
		-webkit-transform: translate(10px, -10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		transform: translate(10px, -10px) matrix(0.93, 0, 0, 0.93, 0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		transform: translate(-100%, 200%) matrix(0.3, 0, 0, 0.3, 0, 0);
		opacity: 0
	}
}