@charset "UTF-8";

#container {
  padding-top: 0;
}
#gheader:not(.is_float) .logo svg path, #gheader:not(.is_float) .logo svg rect {
  fill: #fff;
}
#gheader:not(.is_float) #gnav .primary > li > a {
  color: #fff;
}
#gheader:not(.is_float) .lang > li a {
  color: #fff;
}
#gheader:not(.is_float) .inner #gnav .gnavInner .primary:has(li.service:hover, li.company:hover) > li > a,
#gheader:not(.is_float) .inner:has(li.service:hover, li.company:hover) .lang > li a {
  color: #1a2229;
}
@media (max-width: 767px) {
  #gheader:not(.is_float) .inner #gnav .gnavInner .primary:has(li.service:hover, li.company:hover) > li > a,
  #gheader:not(.is_float) .inner:has(li.service:hover, li.company:hover) .lang > li a {
    color: #fff;
  }
}


/*-----------------------------------
 MV
-----------------------------------*/
.mainvisual_mv {
  box-sizing: border-box;
  position: relative;
  height: 100svh;
  padding: 10px;
  overflow: hidden;
}
.mainvisual_mv .mainvisual_mv__inner {
  width: 100%;
  height: 100%;
}
.mainvisual_mv #three-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.mainvisual_mv canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.mainvisual_mv .mv-content {
  position: absolute;
  bottom: 50px;
  left: 60px;
}
.mainvisual_mv .mv-content .mv-text {
  display: flex;
  flex-direction: column;
}
.mainvisual_mv .mv-content .mv-text .mv-text-main {
  width: 100%;
  margin-bottom: 24px;
  font-family: "Crimson Text", serif;
  font-weight: 700;
  font-size: 50px;
  color: #fff;
}
.mainvisual_mv .mv-content .mv-text .mv-text-sub {
  width: 100%;
  font-family: "Crimson Text", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
}

@media (max-width: 767px) {
  .mainvisual_mv {
    padding: 0;
    min-width: unset;
  }
  .mainvisual_mv .mainvisual_mv__inner {
    min-width: unset;
  }
  .mainvisual_mv .mv-content {
    left: 20px;
    bottom: 30px;
  }
  .mainvisual_mv .mv-content .mv-text .mv-text-main {
    max-width: 340px;
    margin-bottom: 16px;
  }
  .mainvisual_mv .mv-content .mv-text .mv-text-sub {
    margin-bottom: 0;
    font-size: 13px;
  }
}