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

/* font size html = 1rem = 16px

10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem
18px = 1.125rem
20px = 1.375rem
22px = 1.375rem
24px = 1.5rem
32px = 2rem
*/

* {
margin: 0;
padding: 0;
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: .875rem; /* htmlで16px指定。14px */
color: #444444;
background: #FFF;
line-height:1.6rem;
letter-spacing:1px;

}

a {
  color:#7d7d7d;
  text-decolation:none;
}

a:hover {
  color:#444444;

}

img { width:100%; }

#wrapper {
  width:100%;
  padding:30px 10px;
  box-sizing: border-box;
  text-align:left;
}

#wrapper h1{
  width:45%;
  margin:0 auto;
}

#wrapper h2{
  font-size:1.125rem;
  margin:30px auto 50px;
  text-align:center;
}


@media (min-width: 960px) {
  #wrapper {
    max-width:720px;
    margin:50px auto 200px auto;
    padding:0;
    text-align:center;
  }

  #wrapper h2{
    font-size:1.375rem;
    margin:30px auto 50px;
  }


}