@charset "utf-8";
.poyon {
 opacity:0;
 animation-name:sample1;
 animation-duration:1.5s;
 animation-fill-mode: forwards;
 animation-delay: 3s;
}
@-webkit-keyframes sample1 {
 0%   {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.6) translate(0%, -200%);
}
10%  {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.5) translate(0%, -100%);
}
20%  {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.4) translate(0%, -10%);
}
30%  {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.3) translate(0%, 0%);
}
40%  {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.2) translate(0%, -10%);
}
50%  {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.1) translate(0%, 0%);
}
60%  {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.0) translate(0%, -2%);
}
100% {
 opacity: 1;
 -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
}
}
@keyframes sample1 {
 0%   {
 opacity: 1;
 transform: scale(1.0, 1.6) translate(0%, -200%);
}
10%  {
 opacity: 1;
 transform: scale(1.0, 1.5) translate(0%, -100%);
}
20%  {
 opacity: 1;
 transform: scale(1.0, 1.4) translate(0%, -10%);
}
30%  {
 opacity: 1;
 transform: scale(1.0, 1.3) translate(0%, 0%);
}
40%  {
 opacity: 1;
 transform: scale(1.0, 1.2) translate(0%, -10%);
}
50%  {
 opacity: 1;
 transform: scale(1.0, 1.1) translate(0%, 0%);
}
60%  {
 opacity: 1;
 transform: scale(1.0, 1.0) translate(0%, -2%);
}
100% {
 opacity: 1;
 transform: scale(1.0, 1.0) translate(0%, 0%);
}
}
/*
      0%   {
 opacity: 1;
 transform: scale(1.0, 3.0) translate(0%, -200%);
}
10%  {
 opacity: 1;
 transform: scale(1.0, 2.0) translate(0%, -100%);
}
20%  {
 opacity: 1;
 transform: scale(1.0, 1.5) translate(0%, -30%);
}
30%  {
 opacity: 1;
 transform: scale(1.0, 1.2) translate(0%, 10%);
}
40%  {
 opacity: 1;
 transform: scale(1.0, 1.1) translate(0%, -20%);
}
50%  {
 opacity: 1;
 transform: scale(1.0, 1.2) translate(0%, 10%);
}
60%  {
 opacity: 1;
 transform: scale(1.0, 1.1) translate(0%, -10%);
}
70%  {
 opacity: 1;
 transform: scale(1.0, 1.05) translate(0%, 2%);
}
100% {
 opacity: 1;
 transform: scale(1.0, 1.0) translate(0%, 0%);
}
*/

.logbox{
 height : 400px;
 overflow : auto;
 border : 0px solid;
 vertical-align : top;
 text-align : left;
 padding-left : 0px;
 padding-top : 0px;
 padding-bottom : 0px;
 font-size : 15px;
 width : 640px;
}
.twibox{
 width : 300px;
 height : 400px;
}
.main1{
 background-image : url(../img_top/main0001.jpg);
 background-repeat : no-repeat;
 background-position : center top;
 height : 1150px;
}
.main_back1{
 background-image : url(../img_top/main_back0001.jpg);
 background-repeat : no-repeat;
 background-position : center top;
 height : 1150px;
}
.top_waku{
 width : 1000px;
 height : 1150px;
 position : relative;
}
.div_info{
 width : 870px;
 top : 1030px;
 left : 65px;
 position : absolute;
 height : 115px;
}
@-webkit-keyframes bgroop {
 from {
 background-position: 0  0;
}
to {
 background-position: -1956px 0;
}
}
@keyframes bgroop {
 from {
 background-position: 0 0;
}
to {
 background-position: -1956px 0;
}
}
.logo01{
 background-image : url(../img_top/logo001.png);
 background-repeat : no-repeat;
 width : 805px;
 height : 307px;
 position : absolute;
 right : 95px;
 left : 100px;
 top : 600px;
 z-index : 2;
}
.cre01{
 background-image : url(../img_top/cre1.png);
 width : 619px;
 height : 91px;
 position : absolute;
 top : 920px;
 right : 191px;
 left : 190px;
}
.sp80{
 width : 80px;
}