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


html {
overflow-y: hidden;
}


#wrapper {
  width:auto;
  overflow:hidden;
}




/* --- 背景の指定 ------------------------------------------- */
.bgImg {
    position   : fixed;
    top        : 0;
    left       : 0;
    bottom     : 0;
    right      : 0;
    opacity    : 1;
    animation  : bgAnime 9.5s 0s;   /* 4画像 × 各5s = 20s */
    background-size: cover;
    background-repeat: no-repeat;
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
.src1 {
  background-image : url('../img/kei_top.png'); /* 背景の画像を指定 */
}


@keyframes bgAnime {
   0% { opacity: 1; transform: scale(1.3, 1.3); }
   1% { opacity: 1; transform: scale(1.3, 1.3); }
   5% { opacity: 1; transform: scale(1.3, 1.3); }
  21% { opacity: 1; transform: scale(1.0, 1.0); }
  25% { opacity: 1; transform: scale(1.0, 1.0); }
  26% { opacity: 1; }
 100% { opacity: 1; }
}


.iframe_wrap {
	width:100%;
    overflow:hidden;
}


.iframe_wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	overflow: hidden;
}