@charset "UTF-8";
/*------------------------------------------------
functions
------------------------------------------------*/
/* vw ------------ */
/* minpx ------------ */
/* maxpx ------------ */
/* vw clammp ------------ */
/*------------------------------------------------
mixins
------------------------------------------------*/
/*------------------------------------------------
font
------------------------------------------------*/
/*---------------------------------------------
color
---------------------------------------------*/
/*---------------------------------------------
ease
---------------------------------------------*/
/*------------------------------------------------
media
------------------------------------------------*/
/* ▼▼ この下にスタイル ▼▼ ------------ */
/*------------------------------------------------
Hero
------------------------------------------------*/
.lcl-hero {
  position: relative;
  height: 100lvh;
}
.lcl-hero .lcl-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
.lcl-hero .lcl-hero-ttl {
  position: absolute;
  bottom: 13%;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0.4rem 0.4rem 0 rgba(0, 0, 0, 0.35));
  width: 100%;
  text-align: center;
  /* SP only ------------ */
}
@media screen and (max-width: 767px) {
  .lcl-hero .lcl-hero-ttl {
    bottom: percent(88, 667);
  }
}
.lcl-hero .lcl-hero-ttl__txt {
  display: block;
  filter: drop-shadow(0 0.4rem 0 #ad1e2f);
  color: #ffffff;
  font-size: 4.2rem;
  font-size: max(4.2rem, 10px);
  line-height: 1.3;
  /* SP only ------------ */
}
@media screen and (max-width: 767px) {
  .lcl-hero .lcl-hero-ttl__txt {
    font-size: 2rem;
    font-size: max(2rem, 10px);
  }
}