/*! Writen  by SCSS */
.pre-inc .wrap {
  padding-top: 0 !important; }
.pre-inc .mainvisual {
  position: relative; }
  .pre-inc .mainvisual .main_in {
    position: relative;
    overflow: hidden;
    aspect-ratio: 192/110; }
    @media screen and (max-width: 480px) {
      .pre-inc .mainvisual .main_in {
        aspect-ratio: 75/110; } }
    .pre-inc .mainvisual .main_in .main_swiper {
      position: absolute;
      inset: 0; }
      .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide {
        position: relative; }
        .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .main_image {
          opacity: 1;
          filter: brightness(100%); }
        .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .main_image:before, .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .main_image:before {
          transform: translateX(0) scale(1.15);
          animation: zoom_in 7s linear 0s both; }
          @media screen and (max-width: 480px) {
            .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .main_image:before, .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .main_image:before {
              animation-duration: 10s; } }
        .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image {
          position: absolute;
          inset: 0;
          opacity: 0;
          filter: brightness(500%);
          transition: opacity 1.5s linear, filter 1.5s linear;
          will-change: opacity; }
          .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image:before {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(0) scale(1.15);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover; }
            @media screen and (max-width: 480px) {
              .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image:before {
                transform-origin: bottom center;
                background-position: bottom center; } }
          .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image.main01:before {
            background-image: url("../images/top/main/main01.jpg?260407"); }
            @media screen and (max-width: 480px) {
              .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image.main01:before {
                background-image: url("../images/top/main/main01_sp.jpg?260407"); } }
          .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image.main02:before {
            background-image: url("../images/top/main/main02.jpg?260407"); }
            @media screen and (max-width: 480px) {
              .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_image.main02:before {
                background-image: url("../images/top/main/main02_sp.jpg?260407"); } }
        .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_cap {
          position: absolute;
          right: 180px;
          bottom: 60px;
          font-size: 14px;
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .pre-inc .mainvisual .main_in .main_swiper .swiper-wrapper .swiper-slide .main_cap {
              right: auto;
              left: 20px;
              bottom: 30px;
              font-size: 12px; } }
@keyframes zoom_in {
  0% {
    transform: scale(1.15); }
  100% {
    transform: scale(1); } }
    .pre-inc .mainvisual .main_in .graduation_bg {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      inset: 0;
      animation: Grad 20s infinite;
      mix-blend-mode: hue; }
    .pre-inc .mainvisual .main_in .main_text_group {
      position: absolute;
      z-index: 2;
      top: 180px;
      left: 2.61%;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 1200px) {
        .pre-inc .mainvisual .main_in .main_text_group {
          top: 25%; } }
      @media screen and (max-width: 820px) {
        .pre-inc .mainvisual .main_in .main_text_group {
          top: 19%; } }
      @media screen and (max-width: 480px) {
        .pre-inc .mainvisual .main_in .main_text_group {
          top: 15%;
          left: 20px;
          display: flex;
          justify-content: center; } }
      .pre-inc .mainvisual .main_in .main_text_group .maincopy_group {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 20px; }
        @media screen and (max-width: 480px) {
          .pre-inc .mainvisual .main_in .main_text_group .maincopy_group {
            row-gap: 10px; } }
        .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub {
          font-size: clamp(10px, 1vw, 18px);
          color: #FFF;
          display: flex;
          flex-direction: column;
          row-gap: 10px; }
          @media screen and (max-width: 820px) {
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub {
              font-size: 1vw; } }
          @media screen and (max-width: 480px) {
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub {
              font-size: 1.7vw; } }
          .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span {
            display: inline-block;
            transition: 1s opacity ease-in-out 0s,1s transform ease-in-out 0s;
            will-change: opacity, transform; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(1) {
              transition-delay: 0s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(2) {
              transition-delay: 0.06s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(3) {
              transition-delay: 0.12s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(4) {
              transition-delay: 0.18s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(5) {
              transition-delay: 0.24s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(6) {
              transition-delay: 0.3s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(7) {
              transition-delay: 0.36s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(8) {
              transition-delay: 0.42s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(9) {
              transition-delay: 0.48s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(10) {
              transition-delay: 0.54s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(11) {
              transition-delay: 0.6s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(12) {
              transition-delay: 0.66s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(13) {
              transition-delay: 0.72s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(14) {
              transition-delay: 0.78s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(15) {
              transition-delay: 0.84s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(16) {
              transition-delay: 0.9s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(17) {
              transition-delay: 0.96s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(18) {
              transition-delay: 1.02s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(19) {
              transition-delay: 1.08s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(20) {
              transition-delay: 1.14s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(21) {
              transition-delay: 1.2s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(22) {
              transition-delay: 1.26s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(23) {
              transition-delay: 1.32s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(24) {
              transition-delay: 1.38s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(25) {
              transition-delay: 1.44s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(26) {
              transition-delay: 1.5s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(27) {
              transition-delay: 1.56s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(28) {
              transition-delay: 1.62s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(29) {
              transition-delay: 1.68s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span:nth-of-type(30) {
              transition-delay: 1.74s; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span.cinzel {
              font-size: 400%;
              line-height: 0.85; }
              .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span.cinzel sup {
                vertical-align: top; }
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span.sub {
              display: block; }
              @media screen and (max-width: 480px) {
                .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_sub span.sub {
                  font-size: 14px; } }
        .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_txt {
          font-size: clamp(18px, 2vw, 36px);
          color: #e0dad5;
          line-height: 1.6; }
          @media screen and (max-width: 820px) {
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_txt {
              font-size: 3vw;
              line-height: 1.6; } }
          @media screen and (max-width: 480px) {
            .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_txt {
              font-size: 6.4vw; } }
          .pre-inc .mainvisual .main_in .main_text_group .maincopy_group .main_txt .sub {
            display: block;
            font-size: 50%;
            color: #FFF; }
      .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group {
        align-items: flex-start;
        row-gap: 10px;
        width: 42.06%;
        max-width: 376px;
        /*
        opacity: 0;
        transition:1s opacity ease-in-out 0s;
        */ }
        @media screen and (max-width: 1800px) {
          .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group {
            width: 55%; } }
        @media screen and (max-width: 1200px) {
          .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group {
            width: 50%; } }
        @media screen and (max-width: 820px) {
          .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group {
            width: 45%; } }
        @media screen and (max-width: 480px) {
          .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group {
            width: 100%;
            flex-direction: row;
            column-gap: 15px;
            justify-content: flex-start; } }
        .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group .main_wappen {
          width: 39.9%; }
          @media screen and (max-width: 480px) {
            .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group .main_wappen {
              width: 20%; } }
        .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group .main_wappen02 {
          width: 54.79%; }
          @media screen and (max-width: 480px) {
            .pre-inc .mainvisual .main_in .main_text_group .main_wappen_group .main_wappen02 {
              width: 32%; } }
  .pre-inc .mainvisual .under_scroll {
    position: absolute;
    bottom: 27.58%;
    left: 6.25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    color: #231815;
    opacity: 0;
    transition: 1s opacity ease-in-out 0s; }
    @media screen and (max-width: 1200px) {
      .pre-inc .mainvisual .under_scroll {
        left: 20px;
        bottom: 90px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .mainvisual .under_scroll {
        left: 20px;
        bottom: 50px; } }
    .pre-inc .mainvisual .under_scroll .scroll_line {
      position: relative;
      height: 70px;
      width: 5px; }
      @media screen and (max-width: 820px) {
        .pre-inc .mainvisual .under_scroll .scroll_line {
          height: 40px; } }
      .pre-inc .mainvisual .under_scroll .scroll_line::after {
        content: "";
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: solid 1px #231815;
        border-left: solid 1px #231815;
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: 5px;
        transform: skewY(-50deg);
        transition: 0.3s all ease-in-out 0s;
        animation: loopScrollBar 2.5s ease-in-out 0s infinite both; }
    .pre-inc .mainvisual .under_scroll .scroll_txt {
      margin-top: 10px;
      font-size: 12px;
      writing-mode: vertical-lr; }
      @media screen and (max-width: 480px) {
        .pre-inc .mainvisual .under_scroll .scroll_txt {
          font-size: 12px; } }
@keyframes loopScrollBar {
  0%,100% {
    transform: skewY(-50deg) translateY(0); }
  50% {
    transform: skewY(-50deg) translateY(-20px); } }
@keyframes Grad {
  0% {
    background-color: #bf4040; }
  1% {
    background-color: #bf4740; }
  2% {
    background-color: #bf4f40; }
  3% {
    background-color: #bf5740; }
  4% {
    background-color: #bf5e40; }
  5% {
    background-color: #bf6640; }
  6% {
    background-color: #bf6e40; }
  7% {
    background-color: #bf7540; }
  8% {
    background-color: #bf7d40; }
  9% {
    background-color: #bf8540; }
  10% {
    background-color: #bf8c40; }
  11% {
    background-color: #bf9440; }
  12% {
    background-color: #bf9c40; }
  13% {
    background-color: #bfa340; }
  14% {
    background-color: #bfab40; }
  15% {
    background-color: #bfb340; }
  16% {
    background-color: #bfba40; }
  17% {
    background-color: #bdbf40; }
  18% {
    background-color: #b5bf40; }
  19% {
    background-color: #adbf40; }
  20% {
    background-color: #a6bf40; }
  21% {
    background-color: #9ebf40; }
  22% {
    background-color: #96bf40; }
  23% {
    background-color: #8fbf40; }
  24% {
    background-color: #87bf40; }
  25% {
    background-color: #80bf40; }
  26% {
    background-color: #78bf40; }
  27% {
    background-color: #70bf40; }
  28% {
    background-color: #69bf40; }
  29% {
    background-color: #61bf40; }
  30% {
    background-color: #59bf40; }
  31% {
    background-color: #52bf40; }
  32% {
    background-color: #4abf40; }
  33% {
    background-color: #42bf40; }
  34% {
    background-color: #40bf45; }
  35% {
    background-color: #40bf4d; }
  36% {
    background-color: #40bf54; }
  37% {
    background-color: #40bf5c; }
  38% {
    background-color: #40bf63; }
  39% {
    background-color: #40bf6b; }
  40% {
    background-color: #40bf73; }
  41% {
    background-color: #40bf7a; }
  42% {
    background-color: #40bf82; }
  43% {
    background-color: #40bf8a; }
  44% {
    background-color: #40bf91; }
  45% {
    background-color: #40bf99; }
  46% {
    background-color: #40bfa1; }
  47% {
    background-color: #40bfa8; }
  48% {
    background-color: #40bfb0; }
  49% {
    background-color: #40bfb8; }
  50% {
    background-color: #40bfbf; }
  51% {
    background-color: #40b8bf; }
  52% {
    background-color: #40b0bf; }
  53% {
    background-color: #40a8bf; }
  54% {
    background-color: #40a1bf; }
  55% {
    background-color: #4099bf; }
  56% {
    background-color: #4091bf; }
  57% {
    background-color: #408abf; }
  58% {
    background-color: #4082bf; }
  59% {
    background-color: #407abf; }
  60% {
    background-color: #4073bf; }
  61% {
    background-color: #406bbf; }
  62% {
    background-color: #4063bf; }
  63% {
    background-color: #405cbf; }
  64% {
    background-color: #4054bf; }
  65% {
    background-color: #404dbf; }
  66% {
    background-color: #4045bf; }
  67% {
    background-color: #4240bf; }
  68% {
    background-color: #4a40bf; }
  69% {
    background-color: #5240bf; }
  70% {
    background-color: #5940bf; }
  71% {
    background-color: #6140bf; }
  72% {
    background-color: #6940bf; }
  73% {
    background-color: #7040bf; }
  74% {
    background-color: #7840bf; }
  75% {
    background-color: #8040bf; }
  76% {
    background-color: #8740bf; }
  77% {
    background-color: #8f40bf; }
  78% {
    background-color: #9640bf; }
  79% {
    background-color: #9e40bf; }
  80% {
    background-color: #a640bf; }
  81% {
    background-color: #ad40bf; }
  82% {
    background-color: #b540bf; }
  83% {
    background-color: #bd40bf; }
  84% {
    background-color: #bf40ba; }
  85% {
    background-color: #bf40b3; }
  86% {
    background-color: #bf40ab; }
  87% {
    background-color: #bf40a3; }
  88% {
    background-color: #bf409c; }
  89% {
    background-color: #bf4094; }
  90% {
    background-color: #bf408c; }
  91% {
    background-color: #bf4085; }
  92% {
    background-color: #bf407d; }
  93% {
    background-color: #bf4075; }
  94% {
    background-color: #bf406e; }
  95% {
    background-color: #bf4066; }
  96% {
    background-color: #bf405e; }
  97% {
    background-color: #bf4057; }
  98% {
    background-color: #bf404f; }
  99% {
    background-color: #bf4047; }
  100% {
    background-color: #bf4040; } }
.pre-inc #mainvisual.s1 .main_in .main_text_group {
  visibility: visible; }
  .pre-inc #mainvisual.s1 .main_in .main_text_group .main_sub_group .main_sub span {
    opacity: 1;
    transform: translateX(0); }
  .pre-inc #mainvisual.s1 .main_in .main_text_group .main_sub02 span {
    opacity: 1;
    transform: translateX(0); }
.pre-inc #mainvisual.s2 .main_in .main_text_group .maincopy {
  opacity: 1;
  transform: translateY(0); }
.pre-inc #mainvisual.s3 .main_in .main_text_group .maincopy_group {
  transform: scale(1); }
  @media screen and (max-width: 480px) {
    .pre-inc #mainvisual.s3 .main_in .main_text_group .maincopy_group {
      transform: none; } }
.pre-inc #mainvisual.s4 .main_in .main_image {
  opacity: 1; }
.pre-inc #mainvisual.s5 .main_in .main_text_group .maincopy02,
.pre-inc #mainvisual.s5 .main_in .main_text_group .main_wappen_group {
  opacity: 1; }
.pre-inc #mainvisual.s5 .under_scroll {
  opacity: 1; }

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