body{
    width: 100%;
    max-width: 750px;
    margin-right: auto;
    margin-left : auto;
background-color: #ffffff;
background-image: url(img/back.jpg);}

img{vertical-align: top;}

.relative{
    position: relative;
    width: 750px;
    height: 1501px;
  }
  .absolute01{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .absolute02{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .absolute03{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .absolute04{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .absolute05{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .absolute06{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .absolute07{
    position: absolute;
    top: 0px;
    left: 0px;
  }

.btnback{background-color: #4e98e3;
    max-width: 750px;}


    .back_blue{background-color: #4e98e3;}


footer{
	background: #000000;
	padding: 5px 0;
	text-align: center;
    width: 100%;
}
footer p{
	color: #fff;
	font-size: 10px;
}


  #loading_container{
    width: 100px;
    height: 100px;
    position: absolute;
    margin: auto;
    display: block;
    top: 50%;
    left: 50%;
  }
  .L{
    position: absolute;
    left:5%;
    top:50%;
    -webkit-animation: L 2s infinite;
  }
  .O{
    position: absolute;
    left:18%;
    top:50%;
    -webkit-animation: O 2s infinite;
    -webkit-animation-delay: 100ms;
  }
  .A{
    position: absolute;
    left:35%;
    top:50%;
    -webkit-animation: A 2s infinite;
    -webkit-animation-delay: 200ms;
  }
  .D{
    position: absolute;
    left:50%;
    top:50%;
    -webkit-animation: D 2s infinite;
    -webkit-animation-delay: 300ms;
  }
  .I{
    position: absolute;
    left:65%;
    top:50%;
    -webkit-animation: I 2s infinite;
    -webkit-animation-delay: 400ms;
  }
  .N{
    position: absolute;
    left:75%;
    top:50%;
    -webkit-animation: N 2s infinite;
    -webkit-animation-delay: 500ms;
  }
  .G{
    position: absolute;
    left:90%;
    top:50%;
    -webkit-animation: G 2s infinite;
    -webkit-animation-delay: 600ms;
  }
  
  @-webkit-keyframes L {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }
  @-webkit-keyframes O {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }
  @-webkit-keyframes A {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }
  @-webkit-keyframes D {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }
  @-webkit-keyframes I {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }
  @-webkit-keyframes N {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }
  @-webkit-keyframes G {
    0% {top:0px; opacity:0;}
    50% {top:50px; opacity: 1;}
    100% {top:0px; opacity: 0;}
  }

  /*アニメーション　スライドインぽよぽよ*/
  .anim-box {
    border-radius: 5px;
    max-width: 750px;
  }

  .anim-box.poyoyon.is-animated {
    animation: poyoyon 1.1s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
  }
   
  @keyframes poyoyon {
    0% {
      transform: translateX(240px);
      opacity: 0;
    }
    50% {
      transform: translateX(0);
    }
    65% {
      transform: translateX(30px);
    }
    100% {
      transform: translateX(0);
    }
    20%,100% {
      opacity: 1;
    }
  }
  /*アニメーション　スライドインぽよぽよ*/

     /*アニメーション　ズームイン*/
  .anim-box.zoomin.is-animated {
    animation: zoomIn 1.0s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
   
  @keyframes zoomIn {
    0% {
      transform: scale(0.1);
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
       /*アニメーション　ズームイン*/


    /*アニメーション　スライドイン*/
.anim-box.slidein.is-animated {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
  
  @keyframes slideIn {
    0% {
      transform: translateX(280px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
    }
    40%,100% {
      opacity: 1;
    }
  }
      /*アニメーション　スライドイン*/

          /*アニメーション　スライドイン逆*/
.anim-box.slidein.is-animated {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
  
  @keyframes slideIn2 {
    0% {
      transform: translateX(-280px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
    }
    40%,100% {
      opacity: 1;
    }
  }
        /*アニメーション　スライドイン逆*/
  
        /*アニメーション　ボタン*/
        .anim-box.poyopoyo {
            animation: poyopoyo 2s ease-out infinite;
            opacity: 1;
          }
          @keyframes poyopoyo {
            0%, 40%, 60%, 80% {
              transform: scale(1.0);
            }
            50%, 70% {
              transform: scale(0.95);
            }
          }
          /*アニメーション　ボタン*/