@charset "utf-8";

/*----------------------------------------------------------
  lab-top
----------------------------------------------------------*/
/* #mv */
.lab-top #mv,
.lab-top .mv-video__wrap video {
  width: calc(var(--vw, 1vw) * 100);
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-aspect-ratio: 1/1) and (max-width: 767px) { /* sp縦長 */
  .lab-top #mv,
  .lab-top .mv-video__wrap video {
    height: calc(var(--vw, 1vw) * 100);
  }
}
.lab-top #mv {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-top .mv-video__wrap video {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  filter: drop-shadow(0px 0px #000);
}
.lab-top .mv__logo {
  width: 15.1rem;
}
@media screen and (min-width: 768px) {
  .lab-top .mv__logo {
    width: 25.8rem;
  }
}

/* #intro */
.lab-top #intro {
  padding-top: 5.6rem;
}
.lab-top .intro__title {
  text-align: center;
  padding-bottom: 1.2em;
  font-size: 2.0rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
}
.lab-top .intro__text {
  text-align: center;
  font-size: 1.5rem;
}
.lab-top .intro__text p+p {
  margin-top: 1.05em;
}
.lab-top #intro .link__icon {
  margin: 3.2rem auto 0;
}
@media screen and (min-width: 768px) {
  .lab-top #intro {
    padding-top: 10.7rem;
  }
  .lab-top .intro__title {
    font-size: 3.0rem;
  }
  .lab-top .intro__text {
    font-size: 1.8rem;
  }
  .lab-top .intro__text p+p {
    margin-top: 0.85em;
  }
  .lab-top #intro .link__icon {
    margin: 4.4rem auto 0;
  }
}

/* #lineup */
.lab-top #lineup {
  padding-top: 8.7rem;
}
.lab-top #lineup .brand {
  position: relative;
  margin-top: 4.4rem;
}
.lab-top #lineup .brand::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  width: calc(148 / var(--w_sp) * 100vw);
  aspect-ratio: 1;
}
.lab-top #lineup .brand__link {
  position: relative;
  align-items: center;
  gap: 1.6rem;
  padding-bottom: 4.4rem;
}
.lab-top #lineup .brand__image {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(180 / var(--w_sp) * 100vw);
  margin-block: 2.4rem;
  aspect-ratio: 18 / 12;
}
.lab-top #lineup .brand.brand-airbel::before {
  left: -5.333vw;
  background-color: rgba(196, 199, 204, .4);
}
.lab-top #lineup .brand.brand-liaura::before {
  right: -5.333vw;
  background-color: rgba(233, 219, 204, .4);
}
.lab-top #lineup .brand.brand-liaura .brand__image {
  margin-top: 2.8rem;
  margin-right: 1.4rem;
}
.lab-top #lineup .brand.brand-liaura .brand-text__notice {
  width: max-content;
  margin: -3.0rem 0 1.8rem 1.4rem;
  padding: 2px;
  background-color: #f0ebdf;
  font-size: 9px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.lab-top #lineup .brand.brand-liaura .brand__text img {
  margin-left: 1.4rem;
  width: calc(112 / var(--w_sp) * 100vw);
}
.lab-top #lineup .link__icon {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .lab-top #lineup {
    padding-top: 19.3rem;
  }
  .lab-top #lineup .inner {
    padding-inline: 0;
  }
  .lab-top #lineup .brand {
    padding-top: 1.8rem;
    padding-bottom: 1.4rem;
  }
  .lab-top #lineup .brand::before {
    width: 42.3rem;
    height: 40.0rem;
    aspect-ratio: auto;
  }
  .lab-top #lineup .brand__link {
    justify-content: center;
    gap: min(calc(96 / var(--w_full) * 100vw), 9.6rem);
    width: max-content;
    padding-bottom: 0;
  }
  .lab-top #lineup .brand__image {
    width: 48.0rem;
  }
  .lab-top #lineup .brand.brand-airbel::before {
    left: 0;
  }
  .lab-top #lineup .brand.brand-airbel .brand__text {
    width: 34.3rem;
  }
  .lab-top #lineup .brand.brand-liaura {
    margin-top: 4.8rem;
    padding-top: 1.4rem;
  }
  .lab-top #lineup .brand.brand-liaura::before {
    right: 0;
    width: 40.0rem;
  }
  .lab-top #lineup .brand.brand-liaura .brand__image {
    margin-top: 2.8rem;
    margin-right: 1.4rem;
  }
  .lab-top #lineup .brand.brand-liaura .brand-text__notice {
    margin: 0 0 3.2rem 1.4rem;
    padding: 0.4rem;
    font-size: 1.4rem;
  }
  .lab-top #lineup .brand.brand-liaura .brand__text img {
    margin-left: 1.4rem;
    width: 28.3rem;
  }
  .lab-top #lineup .link__icon {
    position: relative;
    left: 0;
    transform: translate(0);
    margin: 3.2rem 0 0 -0.2rem;
  }
  .lab-top #lineup .brand.brand-liaura .link__icon {
    margin-left: auto;
  }
}

/* #news */
.lab-top #news {
  padding-top: 8.7rem;
}
.lab-top #news .news__content {
  margin-top: 2.3rem;
}
@media screen and (min-width: 768px) {
  .lab-top #news {
    padding-top: 15.2rem;
  }
  .lab-top #news .news__content {
    margin-top: 1.8rem;
  }
}


/* #contact */
.lab-top #contact {
  padding-top: 12.3rem;
}
.lab-top #contact .contact__content {
  text-align: center;
  margin-top: 3.4rem;
}
.lab-top #contact .contact__num {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2.0rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
}
.lab-top #contact .contact__note {
  margin-block: 0.2rem 1.1rem;
  font-size: 1.4rem;
}
.lab-top #contact .contact__time {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
}
.lab-top #contact .link__btn {
  margin: 4.0rem auto 4.8rem;
}
@media screen and (min-width: 768px) {
  .lab-top #contact {
    padding-top: 15.3rem;
  }
  .lab-top #contact .contact__content {
    margin-top: 4.0rem;
  }
  .lab-top #contact .contact__num {
    flex-direction: row;
    justify-content: center;
    margin-right: 1.0rem;
    gap: 3.0rem;
    font-size: 3.0rem;
  }
  .lab-top #contact .contact__note {
    margin-block: -0.4rem 1.0rem;
    font-size: 1.6rem;
  }
  .lab-top #contact .contact__time {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    font-size: 1.8rem;
  }
  .lab-top #contact .link__btn {
    margin-block: 5.7rem 0;
  }
}