@charset "UTF-8";

html { -webkit-text-size-adjust: 100%; }
img {
	max-width:100%;
	height: auto;
}

/*****************************************************************

    768px

*****************************************************************/
@media only screen and (max-width: 768px) {
  article { width: 80%; }
}
/*****************************************************************

    767px

*****************************************************************/
@media only screen and (max-width: 767px) {
  nav.gm { display: none; }
  .hbc-back {display: block; }
}
/*****************************************************************

    414px

*****************************************************************/
@media only screen and (max-width: 414px) {
  body { font-size: 1.4rem; }
  header h1 {
    font-size: 1.8rem;
    margin: 5% ;
    color: #fff;
    text-align: left;
  }
    header h1 br{
    display: none;
  }
  article {
    width: 90%;
    font-size: 1.4rem;
    border: none;
  }
  footer address {
    letter-spacing: 0.0em;
    font-size: 0.8rem;
  }
}