@charset "utf-8";

/**************************************************************
* カスタム用CSS
**************************************************************/

/* グロナビ */

.nav-logo {
  max-width: calc(167.375%);
  width: 80%;
}

@media (min-width: 1024px) {
  .nav-logo {
    top: -2.8%;
    left: -0.6%;
  }
}


/* MV */


.mv-statement {
  position: relative;
  z-index: 10;
  top: 5%;
}

.mv-statement>p {
  margin-bottom: 0rem;
  font-weight: bold;
  line-height: 2.25;
  color: #ffffff;
  height: 61%;
}

.l-btn-wrapper {
  position: relative;
  top: 20px;
}

@media screen and (max-width: 768px) {
  .l-btn-wrapper {
    width: 100%;
    position: relative;
    top: 100px;
  }
}

@media all and (min-width: 1024px) {
  .scroll-indicator {
    bottom: -75%;
  }
}

@media all and (max-width: 1023px) {
  .mv-body__smallscreen-container {
    width: 94%;
    margin: auto;
  }
}


/* 実績・実例 */

.splide__slide img {
  vertical-align: bottom;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.building-data__upper-info {
  margin-bottom: 0rem;
}

.building-data .update-status {
  margin: 0rem;
}

.building-item__text {
  margin-top: 1rem;
  font-size: 13px;
}

.building-data__cta {
  margin-top: 2rem;
}

/* メリット */
@media screen and (max-width:424px) {
  .merit-item__body {
    padding: 4%;
    background-color: var(--base-background-color);
  }
}



/* Expertise */

@media screen and (max-width: 768px) {
  .business-item__wrap {
    padding-top: 1rem;
  }
}


/* お問い合わせ */
@media screen and (max-width: 768px) {
  .l-btn-wrapper[class*="--centered"] {
    position: relative;
    top: 0px;
  }
}



/* フッター */

.footer-logo {
  max-width: 400px;
}


/* スライダー14枚用調整 */
.scrolling-gallery__track {
    animation: gallery-horizontal-scroll 120s linear alternate infinite;
}

@keyframes gallery-horizontal-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-289%);
  }
}