@charset "UTF-8";
/* ======================================================
pc
====================================================== */
@media (min-width: 1001px) {
    /* mv
---------------------------------------------------------------------- */
  #mv {
    width: 100%;
    height: 100vh;
    aspect-ratio: 1800 / 1018;
    position: relative;
  }
  #mv picture img {
    width: 100%;
    height: 100vh;
    aspect-ratio: 1800 / 1018;
    object-fit: cover;
    -o-object-fit: cover;
  }
  .mv__content {
    position: absolute;
    top: 50%;
    /* transform: translateY(-50%); */
    transform: translateY(-85%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  @media (min-width: 1001px) and (max-width: 1260px) {
    .mv__content {
      padding: 0 20px;
    }
  }
  .mv__content .cflex {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 35px;
  }
  .mv__content .mv__ttl {
    transform: translateY(10px);
  }
  .mv__content .mv__ttl img {
    width: 100%;
    max-width: 500px;
  }
  .mv__content .open {
    width: 100%;
    max-width: 650px;
    margin-bottom: 20px;
  }
  .mv__content .txt {
    width: 100%;
    max-width: 660px;
  }

  .mv__content a.sns {
    position: absolute;
    /* bottom: -80px; */
    bottom: -210px;
    left: 50%;
    transform: translateX(-50%);
  }
  .mv__content a.sns img {
    width: 100%;
    max-width: 60px;
  }



}
/* Start pc
---------------------------------------------------------------------- */


/* Start sp
---------------------------------------------------------------------- */

@media (max-width: 1000px) {
        /* mv
---------------------------------------------------------------------- */
  #mv {
    width: 100%;
    height: 100dvh;
    position: relative;
  }

  #mv picture img {
    width: 100%;
    height: 100dvh;
    object-fit: cover;
    -o-object-fit: cover;
  }
  .mvslide.slick-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .mv__content {
    position: absolute;
    width: 66.66667vw;
    top: 50%;
    /* transform: translateY(-50%); */
    transform: translateY(-70%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
  }
  .mv__content .cflex {
  }
  .mv__content .mv__ttl{
    margin-bottom: 4vw;
  }
  .mv__content .mv__ttl img {
    width: 100%;
   }
  .mv__content .open {
    width: 100%;
     margin-bottom: 4vw;
  }
  .mv__content .txt {
    width: 100%;
  }

  .mv__content a.sns {
    position: absolute;
    bottom: -26vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .mv__content a.sns img {
    width: 100%;
    max-width: 13.33334vw;
  }








} /* end sp  */