/*responsive css*/

body {
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: dimgrey;
  font-size: 16px;
  margin: 0 auto; padding: 0;
  text-align: center;
  line-height: 180%;
  letter-spacing: 1px;
  width:100%; height: 100%;
}

h1, h2, h3, h4, h5, h6,{
  font-weight:bold;
  text-transform:uppercase;
}

a:link {}
a:visited {}
a:hover{}
a:active {}

img {
  width: 100%;
  height: auto;
  border-style:none; /*イメージ枠線消去*/
}


div{
  margin: 0 auto;
  width: 80%; height: 100%;
  margin-top: 10%;
}


/*:::::::::::::::::横幅が768px以下で適用（for Mobile & Tablet）:::::::::::::::::*/
@media screen and (max-width: 768px){ 
  div{ width: 100%; }
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/