/*---------------------------------------------------------
width
---------------------------------------------------------*/
#top{
  width: 84.5%;
}

#top img{
  width: 100%;
}

@media only screen and (max-width: 767px){  
  #top{
    width: 100%;
  }
}


/*---------------------------------------------------------
height
---------------------------------------------------------*/
#top img{
  height: 100%;
}



@media only screen and (max-width: 767px){  
  #top{
    height: 242px;
  }
}


/*---------------------------------------------------------
margin
---------------------------------------------------------*/
@media only screen and (max-width: 767px){  
  #top{
    margin-top: 60px;
  }
}


/*---------------------------------------------------------
position
---------------------------------------------------------*/
#top{
  position: relative;
}

#top h2,
#top img{
  position: absolute;
}

#top h2{
   top: 10%;
   left: 5%;
}

/*---------------------------------------------------------
font-size
---------------------------------------------------------*/
#top h2{
  font-size: 220%;
}

@media only screen and (max-width: 767px){  
  #top h2{
      font-size: 80%;
  }
}

/*---------------------------------------------------------
color
---------------------------------------------------------*/
#top h2{
  color: #fff;
}

/*---------------------------------------------------------
z-index;
---------------------------------------------------------*/
#top h2{
  z-index: 1;
}


/*---------------------------------------------------------
font-family
---------------------------------------------------------*/
#top h2{
  font-family: "MS P明朝","ヒラギノ明朝","Times",serif;
}