/*! Writen  by SCSS */
.sec_main {
  position: relative;
  overflow: hidden; }
  .sec_main::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
    line-height: 0; }
  .sec_main img {
    width: 100%; }

.main_wrap {
  position: absolute;
  inset: 0;
  line-height: 0;
  opacity: 0;
  filter: blur(30px);
  transition-property: opacity,filter;
  transition-duration: 1s;
  transition-timing-function: ease-in-out; }
  .main_wrap .main_movie_box {
    position: absolute;
    inset: 0; }
    .main_wrap .main_movie_box video {
      display: block;
      width: 100%; }
  .main_wrap .main_text {
    position: absolute;
    transition-property: transform,opacity;
    transition-duration: 2s;
    transition-delay: 1s;
    transition-timing-function: ease-in-out;
    transform: translateY(30px);
    opacity: 0; }

.main_wrap_01 {
  z-index: 1; }
  .s1 .main_wrap_01 {
    opacity: 1;
    filter: blur(0px); }
  .main_wrap_01 .main01_logo_box {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .main_wrap_01 .main01_logo_box img {
      width: 29.13%; }
      @media screen and (max-width: 480px) {
        .main_wrap_01 .main01_logo_box img {
          width: 46.6%; } }
    .s1 .main_wrap_01 .main01_logo_box {
      opacity: 1;
      transform: translateY(0); }

.main_wrap_02 {
  z-index: 2; }
  .s2 .main_wrap_02 {
    opacity: 1;
    filter: blur(0px); }
  .main_wrap_02 .main_movie_box_2 {
    opacity: 0;
    filter: blur(30px);
    transition-property: opacity,filter;
    transition-duration: 1s;
    transition-timing-function: ease-in-out; }
    .s2_2 .main_wrap_02 .main_movie_box_2 {
      opacity: 1;
      filter: blur(0px); }
  .main_wrap_02 .main02_text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .s2 .main_wrap_02 .main02_text {
      opacity: 1;
      transform: translateY(0); }
    .main_wrap_02 .main02_text img {
      width: 29.75%;
      filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5)) drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5)) drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5)); }
      @media screen and (max-width: 480px) {
        .main_wrap_02 .main02_text img {
          width: 47.6%; } }

.main_wrap_03 {
  z-index: 3; }
  .s3 .main_wrap_03 {
    opacity: 1;
    filter: blur(0px); }
  .main_wrap_03 .main03_text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .s3 .main_wrap_03 .main03_text {
      opacity: 1;
      transform: translateY(0); }
    .main_wrap_03 .main03_text img {
      width: 31.63%;
      filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5)) drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5)) drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5)); }
      @media screen and (max-width: 480px) {
        .main_wrap_03 .main03_text img {
          width: 50.6%; } }

.main_wrap_04 {
  z-index: 4; }
  .s4 .main_wrap_04 {
    opacity: 1;
    filter: blur(0px); }
  .main_wrap_04 .main04_bg_wrap {
    position: relative; }
    .main_wrap_04 .main04_bg_wrap .main04_bg_glitter {
      position: absolute;
      opacity: 0.8;
      inset: 0;
      mix-blend-mode: screen;
      animation: bg_gritter 10s linear infinite alternate; }
      @media screen and (max-width: 480px) {
        .main_wrap_04 .main04_bg_wrap .main04_bg_glitter {
          transform: scale(1.3); } }
  .main_wrap_04 .main04_image_list {
    position: absolute;
    inset: 0; }
    .main_wrap_04 .main04_image_list .item {
      position: absolute;
      transition-property: transform,opacity;
      transition-duration: 1s;
      transition-timing-function: ease-in-out;
      transform: translateY(30px);
      opacity: 0; }
      .main_wrap_04 .main04_image_list .item.fade_in {
        transform: translateY(0);
        opacity: 1; }
    .main_wrap_04 .main04_image_list .item01 {
      top: 0;
      left: 0;
      width: 16.25%; }
    .main_wrap_04 .main04_image_list .item02 {
      top: 15.89%;
      left: 12.5%;
      width: 14.38%; }
    .main_wrap_04 .main04_image_list .item03 {
      top: 0;
      left: 33.88%;
      width: 11.25%; }
    .main_wrap_04 .main04_image_list .item04 {
      top: 12.23%;
      left: 55.63%;
      width: 11.25%; }
    .main_wrap_04 .main04_image_list .item05 {
      top: 31.12%;
      left: 71.07%;
      width: 10%; }
    .main_wrap_04 .main04_image_list .item06 {
      top: 0;
      right: 0;
      width: 16.25%; }
    .main_wrap_04 .main04_image_list .item07 {
      top: 65.56%;
      left: 0;
      width: 9.38%; }
    .main_wrap_04 .main04_image_list .item08 {
      bottom: 0;
      left: 16.25%;
      width: 16.25%; }
      @media screen and (max-width: 480px) {
        .main_wrap_04 .main04_image_list .item08 {
          left: 10%; } }
    .main_wrap_04 .main04_image_list .item09 {
      bottom: 6.67%;
      left: 40%;
      width: 12.5%; }
    .main_wrap_04 .main04_image_list .item10 {
      right: 0;
      bottom: 0;
      width: 28.75%; }
  .main_wrap_04 .main04_text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-delay: 3s; }
    .s4 .main_wrap_04 .main04_text {
      opacity: 1;
      transform: translateY(0); }
    .s5 .main_wrap_04 .main04_text {
      transition-delay: 0s;
      opacity: 0; }
    .main_wrap_04 .main04_text img {
      width: 33.57%; }
      @media screen and (max-width: 480px) {
        .main_wrap_04 .main04_text img {
          width: 44.75%; } }

.main_wrap_05 {
  z-index: 5; }
  .s5 .main_wrap_05 {
    opacity: 1;
    filter: blur(0px); }
  .main_wrap_05 .main05_bg_wrap {
    opacity: 0;
    filter: blur(30px);
    transition-property: opacity,filter;
    transition-duration: 1s;
    transition-delay: 2s;
    transition-timing-function: ease-in-out; }
    .s5 .main_wrap_05 .main05_bg_wrap {
      opacity: 1;
      filter: blur(0px); }
  .main_wrap_05 .main05_plot {
    position: absolute;
    inset: 0;
    transition-property: transform,opacity;
    transition-duration: 2s;
    transition-delay: 2.2s;
    transition-timing-function: ease-in-out;
    transform: translateY(30px);
    opacity: 0; }
    .s5 .main_wrap_05 .main05_plot {
      opacity: 1;
      transform: translateY(0); }
  .main_wrap_05 .main05_logo {
    position: absolute;
    width: 20.13%;
    top: 14.45%;
    left: 0;
    right: 0;
    margin-inline: auto;
    transition-property: transform,opacity;
    transition-duration: 2s;
    transition-delay: 1.2s,0.2s;
    transition-timing-function: ease-in-out;
    transform: translateY(40%);
    opacity: 0; }
    @media screen and (max-width: 480px) {
      .main_wrap_05 .main05_logo {
        width: 26.84%;
        top: 20%; } }
    .s5 .main_wrap_05 .main05_logo {
      opacity: 1;
      transform: translateY(0); }
    .main_wrap_05 .main05_logo .main05_logo_light {
      position: absolute;
      width: 81.37%;
      top: -8.38%;
      right: -27.95%;
      mix-blend-mode: overlay;
      transition-property: opacity,filter;
      transition-duration: 2s;
      transition-delay: 0.4s;
      transition-timing-function: ease-in-out;
      filter: blur(15px) brightness(500%);
      opacity: 0; }
      .s5 .main_wrap_05 .main05_logo .main05_logo_light {
        opacity: 1;
        filter: blur(0) brightness(100%); }
  .main_wrap_05 .main05_text {
    top: 6.12%;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 47.38%;
    transition-delay: 3s;
    filter: drop-shadow(0px 0px 0px rgba(24, 123, 186, 0.6)) drop-shadow(0px 0px 1px rgba(24, 123, 186, 0.6)) drop-shadow(0px 0px 2px rgba(24, 123, 186, 0.6)) drop-shadow(0px 0px 3px rgba(24, 123, 186, 0.6)) drop-shadow(0px 0px 4px rgba(24, 123, 186, 0.6));
    transform: translateY(-30px); }
    @media screen and (max-width: 480px) {
      .main_wrap_05 .main05_text {
        transform: translateY(-20px);
        width: 63.17%; } }
    .s5 .main_wrap_05 .main05_text {
      opacity: 1;
      transform: translateY(0); }

@keyframes bg_gritter {
  0% {
    opacity: 0.6;
    filter: blur(3px) brightness(1.1); }
  100% {
    opacity: 0.8;
    filter: blur(0) brightness(1); } }

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