@charset "UTF-8";
* {
  color: #1c273e;
}

header {
  z-index: 1;
}

@font-face {
  font-family: "Avenir";
  src: url("../font/Avenir") format("otf");
}

.hero {
  height: 100vh;
  width: 100vw;
  background-image: url("../assets/hero01.png");
  background-position: center;
  background-size: cover;
}

.hero::before {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}

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

.title-description {
  display: block;
}

.title-description p {
  margin-bottom: 1rem;
}

.bg-grey {
  background-color: #ededed;
}

/* =========================================== */
/* TextアニメーションCSS コード */
/* =========================================== */
.logo0 {
  stroke: #000;
  /* 文字色 */
  fill: none;
  /* 塗りつぶし無し */
  stroke-width: 2.5;
  /* 文字の太さ */
  stroke-dasharray: 4000;
  /* 破線の間隔 */
  stroke-dashoffset: 4000;
  /* 破線の開始位置 */
  animation: DASH 8s ease-in-out alternate 0s forwards;
  /* アニメーション */
  -webkit-animation: DASH 8s ease-in-out alternate 0s forwards;
}

.logo1 {
  stroke: #000;
  fill: none;
  stroke-width: 2.5;
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
  animation: DASH 8s ease-in-out alternate 0s forwards;
  animation-delay: 3s;
  -webkit-animation: DASH 8s ease-in-out alternate 0s forwards;
  -webkit-animation-delay: 3s;
}

.logo2 {
  stroke: #000;
  fill: none;
  stroke-width: 1;
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
  animation: DASH 1s ease-in-out alternate 0s forwards;
  animation-delay: 4s;
  -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
  -webkit-animation-delay: 4s;
}

@keyframes DASH {
  0% {
    stroke-dashoffset: 4000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes DASH {
  0% {
    stroke-dashoffset: 4000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

#productions {
  background-image: url(../assets/productions_bg.jpg);
  background-size: cover;
  background-position: center;
}

#productions::before {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}

footer li a {
  padding: 0 0.5rem;
}
/*# sourceMappingURL=style.css.map */