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

/*top*/


#bg{
  position:absolute;
  top:0;
    box-shadow: inset 0 0 200px 100px rgba(0,0,0,0.1);
  background-image:url(../common/slide_bg.png);
    background-size: 1500px;
    background-position: center;
  height:100%;
  width:100%;
	background-position:1500px -750px;

	-webkit-animation:bg_move 40s linear infinite ;
	-moz-animation:bg_move 40s linear infinite ;
	animation:bg_move 40s linear infinite ;
}
@-webkit-keyframes bg_move{
	0% {background-position:left top;}
	100% {background-position:1500px -750px;}
}
@-moz-keyframes bg_move{
	0% {background-position:left top;}
	100% {background-position:1500px -750px;}
}
@keyframes bg_move{
	0% {background-position:left top;}
	100% {background-position:1500px -750px;}
}

#bgImage{
  position:relative;
  width:100%;
  height:auto;
  overflow:hidden;
  display:block;
  }
  #bgImage #title{
    position:absolute;
    top:50%;
    width:80%;
    margin:-175px 10% 0 10%;
    text-align:center;
    }
    #bgImage #title p{
      height:60px;
      margin:-80px 0 0 0;
      }
      #bgImage #title p img{
      height:60px;
      }
  #mImg{     background-size: cover; overflow:hidden; min-height:auto; background-repeat: no-repeat; background-position: center;}
  

    
/*---------------------------------------------------------------------
レスポンシブ
---------------------------------------------------------------------*/

@media screen and (min-width: 640px) and (max-width: 977px) {

#bgImage{
  position:relative;
  width:100%;
  height:auto;
  overflow:hidden;
  }
  #bgImage #title{
    position:absolute;
    top:50%;
    width:80%;
    margin:-175px 10% 0 10%;
    text-align:center;
    }

    
}
@media screen and (min-width: 978px)  {


}