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

body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	background: #005bac;
	color: #FFF;
}

a:link {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #2585DA;
}


.btn-light:link, .btn-light:visited {
	color: #005bac;
}
.btn-light:hover, .btn-light:active {
	color: #2585DA;
}

/* 下からフェードイン */

.fadeUptop{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.fadeInUpT{
opacity: 0;
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}