/*loading mark*/
.st0 {
  fill: #ffffff;
}

.st1 {
  fill: none;
  stroke: #fff;
  stroke-width: 69;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

/*----------------------------------------------------------------------------------------------------------------------main_v----------*/
#main_v {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #d4d4d7;
  z-index: 0;
}

.scroll {
  position: absolute;
  right: 6.25%;
  bottom: 8%;
  z-index: 100;
  width: 8.3%;
  height: auto;
  max-width: 160px;
  max-height: 160px;
}

.scroll p.arrow {
  position: absolute;
  right: 50%;
  top: 50%;
  width: 38px;
  height: 76px;
  margin-top: -36px;
  margin-right: -19px;
}

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

.scroll .circle img {
  animation: rotate-anime 20s linear infinite;
}

@keyframes rotate-anime {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

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

#video-area {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 177.77777778vh; */
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
}

/*# sourceMappingURL=top.css.map */

#sec01 h3 {
  color: #663100;
}

#sec02 h2 {
  color: #663100;
  text-align: center;
}