@import url(sanitize.css);

html {
  font-size: 16px;
}

h1 {
  font-family:
    "fot-tsukuaoldmin-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h1 {
  font-size: 1.3rem;
  margin-bottom: 3rem;
}

a {
  text-decoration: none;
  color: inherit;
}

a:visited {
  color: inherit;
}

a {
  display: inline-block;
  text-decoration: none;
  transition: 1.7s;
}

a:hover {
  color: transparent;
  text-shadow: 0 0 5px;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  text-align: center;
}

.content {
  font-family: 'Times New Roman';
  font-size: 0.8rem;
}

.icon-tree {
  width: 5rem;
  height: auto;
  margin-bottom: 1.7rem;
}

.verticalBar {
  padding: 0.4rem;
}


.asterisk {
  font-size: 0.6rem;
}


.copywrite {
  font-size: 0.6rem;
  margin-top: 6rem;
}

.e-mail a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 480px) {
  html {
    font-size: 12px;
  }
}

.topPageTitle {
  display: inline-block;
  animation-name: H-beat;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
}

@keyframes H-beat {
  0% {
    transform: scale(1, 1);
  }
  3% {
    transform: scale(0.98, 0.98);
  }
  7% {
    transform: scale(1.008, 1.008);
  }
  22% {
    transform: scale(1.005, 1.005);
  }
 42% {
      transform: scale(1, 1);
  }
  }