/*
=======================================

Filename: top.css

======================================= */

/* ====================================================
// top common style
==================================================== */

@media screen and (min-width: 1921px) {

}

@media screen and (max-width: 1920px) and (min-width: 1441px) {

}

@media screen and (max-width: 1440px) and (min-width: 768px) {

}


.header {
  justify-content: flex-end;
}

.top .top__fv {
  /* align-items: center; */
  /* height: 100dvh;
  display: flex;
  justify-content: center; */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top h1 {
  width: 37rem;
}

.top h1 svg {
  width: 100%;
  height: auto;
}

.top h1 #logo {
  display: none;
}

.top svg path {
  fill: none;
  stroke: #000;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  animation: path .7s ease-in-out 1.4s both;
}

@keyframes path {
  0% {
    stroke-opacity: 1;
    fill-opacity: 0;
    fill: #000;
  }

  100% {
    stroke-opacity: 0;
    fill-opacity: 1;
    fill: #000;
  }
}

@media screen and (max-width: 750px) {
  .top h1 {
    width: 15rem;
  }
}


/* ========== footer (top用) ========== */
.footer {
  position: fixed;
  bottom: 0;
}