@charset "utf-8";

/*
==============
top.css
==============
*/

/* -----------------
■ header
------------------- */
.header {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 99;
}

.header__logo {
  width: 100px;
}


@media screen and (max-width: 767px)
{
  .header__logo {
    width: 15vw;
  }

} /* media end */



/* -----------------
■ logo
------------------- */
.home-heroLink__item-logo {
  width: 100%!important;
  height: 16px!important;
}

.home-heroLink__item-logo._uv {
  height: 48px!important;
}

.home-heroLink__item-logo img {
  max-width: 100%;
  object-fit: unset;
}


@media screen and (max-width: 767px)
{
  .home-heroLink__item-logo {
    height: 5vw!important;
  }
  
  .home-heroLink__item-logo._uv {
    height: 15vw!important;
  }

} /* media end */





/* -----------------
■ home-limited
------------------- */
.home-limited{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 1s}
.home-limited.is-view{opacity:1;pointer-events:auto}
.home-limited-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.home-limited-box{display:flex;z-index:1;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%}
.home-limited-box img{
  display:block;
  max-width:88.8888vw;
  max-height:88.8888vh;
  overflow:hidden;
  border-radius: 10px;
}


@media screen and (max-width: 767px)
{
  .l-page {
    height: auto;
  }

  .l-content,
  .home-heroLink__items {
    overflow: visible;
  }

  .home-heroLink__item p+p {
    z-index: 3;
  }

  .home-heroLink__item-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  ._top .home-heroLink__logo._top {
    bottom: 1.2rem;
    height: 1.5rem;
  }

  .home-heroLink__item ._img {
    position: static;
    transform: none;
  }

  ._top .l-pageFooter {
    position: static;
    padding: 10px 0;
  }

  ._top .l-pageFooter .l-pageFooter__copyright {
    padding: 0;
  }

} /* media end */




/* -----------------
■ 
------------------- */



@media screen and (max-width: 767px)
{

} /* media end */





/* -----------------
■ 
------------------- */



@media screen and (max-width: 767px)
{

} /* media end */