/* CSS Document */
html {
  font-size: 62.5%;
  /* 16px * 62.5% = 10px */
  width: 100%;
}

body {
  color: #000;
  /* RGB */
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.6em;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  background-color: #FFF;
}

section h2 {
  font-size: 2.4rem;
}

a:hover {
  opacity: 0.8;
}

img {
  width: 100%;
  height: auto;
}

.wf-zenold {
  font-family: 'Zen Old Mincho', serif;
}

.wf-notosans {
  font-family: 'Noto Sans', sans-serif;
}

.wf-notosans-jp {
  font-family: 'Noto Sans JP', sans-serif;
}

.wf-cardo {
  font-family: 'Cardo', serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}