@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------------------------------------------------
*/
#mv-new {
  overflow: hidden; }
  #mv-new .mv-card {
    position: relative; }
  #mv-new .swiper-slide {
    position: relative; }
    #mv-new .swiper-slide::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
      height: 100%;
      mix-blend-mode: multiply;
      z-index: 1; }
    #mv-new .swiper-slide a .mv-slide-box {
      position: relative; }
      #mv-new .swiper-slide a .mv-slide-box .txt {
        position: absolute;
        bottom: 15px;
        left: 15px;
        z-index: 10;
        padding-right: 5%; }
        @media (min-width: 768px) {
          #mv-new .swiper-slide a .mv-slide-box .txt {
            bottom: 25px;
            left: 25px; } }
        @media (min-width: 1250px) {
          #mv-new .swiper-slide a .mv-slide-box .txt {
            bottom: 50px;
            left: 50px; } }
        #mv-new .swiper-slide a .mv-slide-box .txt h2 {
          font-size: 1.5em;
          line-height: 1.4em;
          letter-spacing: 0.05em;
          font-feature-settings: "palt";
          color: #fff;
          transition: .5s; }
          @media (min-width: 1024px) {
            #mv-new .swiper-slide a .mv-slide-box .txt h2 {
              font-size: 2.0em; } }
          @media (min-width: 1250px) {
            #mv-new .swiper-slide a .mv-slide-box .txt h2 {
              font-size: 3.0em; } }
        #mv-new .swiper-slide a .mv-slide-box .txt .personal {
          display: flex;
          color: #fff;
          margin-top: 10px; }
          @media (min-width: 1250px) {
            #mv-new .swiper-slide a .mv-slide-box .txt .personal {
              margin-top: 20px; } }
          #mv-new .swiper-slide a .mv-slide-box .txt .personal h3 {
            font-family: "Anton", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.125em;
            line-height: 1.0em; }
            @media (min-width: 1024px) {
              #mv-new .swiper-slide a .mv-slide-box .txt .personal h3 {
                font-size: 1.5em; } }
          #mv-new .swiper-slide a .mv-slide-box .txt .personal h4 {
            font-size: 0.8em;
            margin: 3px 0 0 5px;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden; }
            @media (min-width: 1024px) {
              #mv-new .swiper-slide a .mv-slide-box .txt .personal h4 {
                font-size: 0.9em;
                margin: 6px 0 0 5px; } }