@charset "utf-8";

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


/**************************************************************
* common
**************************************************************/

.g-nav[class*="--v@2"] {
  background: linear-gradient(135deg, var(--accent-color-2) 15%, #000 70%);
}

.ui-state-nav-opened .copyright {
  color: #fff;
}

/**************************************************************
* MV
**************************************************************/

@media all and (max-width: 767px) {
  .swiper-image-two {
    background-position: 75%;
  }

  .swiper-image-three {
    background-position: 75%;
  }
}

/**************************************************************
* コンセプト
**************************************************************/

/**************************************************************
* SERVICE
**************************************************************/

/**************************************************************
* MERITS
**************************************************************/

@media (min-width: 1024px) {

  .menu-segment.--01 .l-container,
  .menu-segment.--01 .menu-segment__visual,
  .menu-segment.--02 .l-container,
  .menu-segment.--02 .menu-segment__visual,
  .menu-segment.--02::before,
  .menu-segment.--03 .l-container,
  .menu-segment.--03 .menu-segment__visual {
    height: 90vh;
  }

  .menu-segment.--01 .menu-segment__visual img,
  .menu-segment.--02 .menu-segment__visual img,
  .menu-segment.--03 .menu-segment__visual img {
    max-height: 700px;
  }

  .menu-segment.--01::before {
    top: -355px;
  }

  .menu-segment.--03::before {
    top: -160px;
  }

  .menu-segment.--03 {
    margin-top: 10vw;
  }

  .about-text {
    font-size: 18px;
    line-height: 2;
  }
}

@media (max-width: 1023px) {
  .menu-segment[class*="--reversed"] .menu-vertical-label {
    transform: translateY(10%) translateX(-95%);
  }

  .menu-segment.--03 {
    margin-top: calc(180/14 * 1rem);
  }
}

/**************************************************************
* COMPANY
**************************************************************/

@media (min-width: 1024px) {
  .access .c-heading__alphabetic.has-left-line>i {
    width: 60vw;
  }
}

/* 
@media all and (max-width: 1023px) {
  .c-heading__alphabetic.has-left-line>i {
    width: 60%;
  }
} */

/**************************************************************
* CONTACT
**************************************************************/


/**************************************************************
* footer
**************************************************************/

.footer-logo__wrap>a>img {
  filter: brightness(0) invert(1);
}