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

body {
max-width: 100%;	
display: flex;
overflow:hidden;
background: #e79b02;
height: 800px;
}


img{
	max-width: 100%;
	bottom: 0;
}

#wrapper {
  width:auto;
  overflow-x: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/top_back.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; }
}


.css-fade3 {
    animation-name: fade-in3;
    animation-duration: 2s; /*アニメーション時間*/
    animation-timing-function: ease-out; /*アニメーションさせるイージング*/
    animation-delay: 1s; /*アニメーション開始させる時間*/
    animation-iteration-count: 1; /*繰り返し回数*/
    animation-direction: normal; /*往復処理をするかどうか*/
    animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
  }
  
  @keyframes fade-in3 {
    0% {
      opacity: 0;
      transform: translate3d(0, 20px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }s



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


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


.moji{
	color: #e79b02;
}




table {
   table-layout: relative;     /* 固定レイアウト */
   border-collapse: separate; /* 隣接する枠線を重ねる */
   width: 100%;    /* 表の横幅：350ピクセル */
   border-spacing: 35px;
   margin-right:auto;
   margin-left:auto;
}


table td {
   padding: 0px;            /* セル内側の余白：3ピクセル */
}