@charset "utf-8";

/* --------------- top --------------- */
/* mv */
.top-mv{
  height: 100vh;
}
.top-mv__image{
  position: relative;
  background-image: url(../image/top/top-mv-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  height: 100%;
}
.top-mv__title{
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  mix-blend-mode: exclusion;
}

@media (min-width: 680px){
  .top-mv__image{
    background-image: url(../image/top/top-mv-pc.jpg);
  }
  .top-mv__title{
    width: 40%;
  }
}
@media (min-width: 1024px){
  .top-mv__title{
    width: 20%;
  }
}