* {
  padding: 0;
  margin: 0;
  font-family: 'Zen Old Mincho', serif; }

html, body {
  color: #333;
  font-size: 62.5%; }

h1 {
  letter-spacing: 2px; }

h2 {
  font-size: 2.4rem;
  font-weight: bolder;
  letter-spacing: 2px; }
  @media (max-width: 1024px) {
    h2 {
      font-size: 2.0rem;
      font-weight: 500; } }

h3 {
  font-size: 3.0rem;
  font-weight: bolder; }
  @media (max-width: 1024px) {
    h3 {
      font-size: 1.8rem;
      font-weight: 500; } }

p, a, div, span, ul, li, button, header, footer, table, tbody, tr, td {
  font-size: 1.6rem;
  line-height: 1.5;
  box-sizing: border-box;
  color: #402727;
  letter-spacing: 3px; }
  @media (max-width: 1024px) {
    p, a, div, span, ul, li, button, header, footer, table, tbody, tr, td {
      font-size: 1.5rem; } }
  @media (max-width: 599px) {
    p, a, div, span, ul, li, button, header, footer, table, tbody, tr, td {
      font-size: 1.4rem; } }

li {
  list-style: none; }

a {
  text-decoration: none; }

img {
  max-width: 100%; }