/*
Theme Name: new
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
}

a:hover {
  opacity: 0.7;
}

img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  background: #004d7d;
}

header .logo {
  position: relative;
  width: 80%;
  max-width: 540px;
  margin: 150px auto 0;
}

header .logo::after {
  content: "";
  display: block;
  padding-top: 64.5%;
}

header .logo img {
  top: 0;
  position: absolute;
  display: block;
}

header .logo .pt2 {
  -webkit-transform: translate(-8%, -7%);
          transform: translate(-8%, -7%);
  -webkit-animation: slideDrawer 0.5s ease-out 0.3s forwards normal;
          animation: slideDrawer 0.5s ease-out 0.3s forwards normal;
}

@-webkit-keyframes slideDrawer {
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@keyframes slideDrawer {
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

header .logo .pt3 {
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-out 1.2s forwards normal;
          animation: fadeIn 0.5s ease-out 1.2s forwards normal;
}

@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

main {
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-out 2.1s forwards normal;
          animation: fadeIn 0.5s ease-out 2.1s forwards normal;
}

@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

main p {
  color: #fff;
  text-align: center;
  margin: 32px 0;
  line-height: 1.75rem;
  letter-spacing: 0.125rem;
}

footer {
  margin-top: 100px;
  padding: 1rem 0;
}

footer p {
  color: #fff;
  text-align: center;
  font-size: 0.75rem;
}

a {
  color: #fff;
  text-decoration: none;
}
/*# sourceMappingURL=style.css.map */