@charset "UTF-8";
/*==================================================
   style.css
==================================================*/
/*========================= Normalize */
/** デフォルトの大きさは1.0倍 */
.bound-img-wrap img{
  -webkit-animation: bound 3s ease-in infinite;
  -moz-animation:    bound 3s ease-in infinite;
  animation: bound 3s ease-in infinite;
}
/** 画像ホバー時のアニメを設定 */
.bound-img-wrap img:hover{
  -webkit-animation: bound 1s ease-in infinite;
  -moz-animation:    bound 1s ease-in infinite;
  animation: bound 1s ease-in infinite;
}

/** アニメーションの定義 */
@keyframes bound {
  /** 開始時は１倍の大きさ */
  from { transform: scale(1); }
  /** 0%～25%にかけて1.15倍する */
  25% { transform: scale(1.15); }
  /** 25%～50%にかけて0.95倍する */
  50% { transform: scale(0.95); }
  /** 50%～75%にかけて1.05倍する */
  75% { transform: scale(1.05); }
  /** 終了時は元の大きさに戻す */
  to { transform: scale(1); }
}

.bound-img-wrap{
	position:absolute;
	bottom:5px;
	left:5%;
}
.bound-img-wrap{
	width:90%;
}
.key_vi {
	width:100%;
	position:relative;

}