/* CSS Document */


  @import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap");
  :root {
    --transition: .8s var(--easing);
  }
   .swiper{z-index: -1;}

  .slide-media,
  .thumb-media {
    position: relative;
    overflow: hidden;
  }
  .slide-media img,
  .thumb-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .fv-slide {
    /*margin-bottom: 16rem;*/
    height: 100vw;
  }
  .fv-slide .swiper-fade .swiper-slide {
    transition-property: opacity, transform !important;
    pointer-events: none;
  }
  .fv-slide .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .fv-slide .swiper-pagination {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 3.2rem;
    margin: auto;
  }
  .fv-slide .swiper-pagination-bullet {
    display: block;
    width: 3px;
    cursor: pointer;
    transition: var(--transition);
    background-color: rgba(255, 255, 255, 0.4);
  }
  .fv-slide .swiper-pagination-bullet:not(:first-child) {
    margin-top: 0.8rem;
  }
  .fv-slide .slide-media {
    /*height: 936px;*/
		height: 55vw;
  }
  .fv-slide .slide-media img {
    transition: 4s 1s ease-out;
  }
  .fv-slide .slide-title {
    font-size: 4rem;
    font-weight: normal;
    line-height: 1.6;
    position: absolute;
    right: 8rem;
    bottom: 15%;
    margin-left: 16rem;
    text-align: right;
    color: #fff;
  }
  .fv-slide .swiper-slide[class*=-active] .slide-media img {
            transition-delay: 0s;
            transform: scale(1.15);
  }
  .fv-slide .swiper-slide[class*=-active] .slide-title {
            animation: mv01-fadeIn 2s 1.5s var(--easing) both;
  }

  @keyframes mv01-fadeIn {
    0% {
              transform: scale(0.5);
      opacity: 0;
              filter: blur(300px);
    }
    100% {
              transform: scale(2);
      opacity: 1;
              filter: blur(0);
    }
  }

  @media only screen and (max-width: 1024px) {
    html {
      -webkit-text-size-adjust: 100%;
    }
    .slide-media img,
    .thumb-media img {
      position: absolute;
      top: -40px;
      left: 0;
      width: 100%;
      height: 70%;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .fv-slide {
      margin-bottom: 0;
    }
    .fv-slide .slide-media {
      height: max(38vh, 80vw);
    }
    .pc-tab {
      display: none !important;
    }
    .fv-slide .slide-title {
      font-size: 2.8rem;
      right: 4rem;
      margin-left: 0;
    }
  }
  @media only screen and (max-width: 599px) {
    html {
      font-size: 50%;
    }
		.fv-slide {
			/*margin-bottom: 16rem;*/
			height: 75vw;
		}
    .slide-media img,
    .thumb-media img {
      top: -60px;
      left: 0;
      width: 100%;
      height: 80%;
			position: static;
    }
  }
  @media only screen and (max-width: 375px) {
    .slide-media img,
    .thumb-media img {
      top: -60px;
      left: 0;
      width: 100%;
      height: 80%;
    }
  }
  @media only screen and (max-width: 344px) {
    .slide-media img,
    .thumb-media img {
      top: -40px;
      left: 0;
      width: 100%;
      height: 60%;
    }
  }
  @media only screen and (min-width: 1025px) {
    .tab-sp {
      display: none !important;
    }
    .swiper-button-prev::before, .swiper-button-next::before {
      transition: var(--transition);
    }
    .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
              transform: scale(1.2);
    }
  }
  @media only screen and (min-width: 600px) {
    .sp {
      display: none !important;
    }
  }