/* responsive */
/*@include mq() { }*/
/* Scss Document */
/*color*/
/* cubic-bezier */
.eng_catch, .eng {
  font-weight: 500;
}

.vh_max {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.f_sans {
  font-family: "Noto Sans JP", sans-serif !important;
}

.f_serif, .text {
  font-family: "Noto Serif JP", serif;
}

.f_en {
  font-family: "Jost", sans-serif !important;
}

.f_count {
  font-family: "Monda", sans-serif;
}

.text {
  line-height: 2;
  letter-spacing: 0.075em;
}

.u_ba {
  position: relative;
}
.u_ba::before, .u_ba::after {
  content: "";
  position: absolute;
  display: block;
}

.vertical {
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.top_section_tt #svg_no04.finished path {
  fill: #ffffff;
  fill-opacity: 1;
  transition: fill-opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

#catch01_s path,
#catch01_c path,
#catch01_i path,
#catch01_e path,
#catch01_n path,
#catch01_c2 path,
#catch01_e2 path,
#catch02_d path,
#catch02_e path,
#catch02_s path,
#catch02_i path,
#catch02_g path,
#catch02_n path {
  fill-opacity: 0;
  fill: #000000;
  transition: fill-opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
#catch01_s.fill path,
#catch01_c.fill path,
#catch01_i.fill path,
#catch01_e.fill path,
#catch01_n.fill path,
#catch01_c2.fill path,
#catch01_e2.fill path,
#catch02_d.fill path,
#catch02_e.fill path,
#catch02_s.fill path,
#catch02_i.fill path,
#catch02_g.fill path,
#catch02_n.fill path {
  fill-opacity: 1;
  transition-delay: 2s;
}

.mv_catch .g svg {
  width: 4.466875rem;
  height: 4.573125rem;
}
.mv_catch .d svg {
  width: 3.828125rem;
  height: 4.573125rem;
}
.mv_catch .e svg {
  width: 2.739375rem;
  height: 4.573125rem;
}
.mv_catch .i svg {
  width: 0.8375rem;
  height: 4.573125rem;
}
.mv_catch .c svg {
  width: 3.70125rem;
  height: 4.573125rem;
}
.mv_catch .s svg {
  width: 3.1875rem;
  height: 4.573125rem;
}
.mv_catch .n svg {
  width: 4.09625rem;
  height: 5.03rem;
}

@media (max-width: 749px) {
  .mv_catch .g svg {
    width: 2.6875rem;
    height: 2.75rem;
  }
  .mv_catch .d svg {
    width: 2.3rem;
    height: 2.75rem;
  }
  .mv_catch .e svg {
    width: 1.64375rem;
    height: 2.75rem;
  }
  .mv_catch .i svg {
    width: 0.5rem;
    height: 2.75rem;
  }
  .mv_catch .c svg {
    width: 2.25rem;
    height: 2.75rem;
  }
  .mv_catch .s svg {
    width: 1.9375rem;
    height: 2.75rem;
  }
  .mv_catch .n svg {
    width: 2.46875rem;
    height: 3.03125rem;
  }
}