@charset "UTF-8";
body.top2 {
  background: #3d454c; }
  body.top2 .service,
  body.top2 .construction,
  body.top2 footer {
    background: #8a8e93; }

/* 
------------------------------------------------------------------------------
20251105修正
------------------------------------------------------------------------------
*/
.top .service, .top .construction, .bg-noise--gray {
  background: transparent;
  position: relative;
  z-index: 2; }

.top .service::before,
.top .construction::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #8a8e93 15%, #a4a8ad 30%, #8a8e93 45%, #a4a8ad 60%, #8a8e93 75%);
  background-size: 400% 400%;
  animation: shinyMove 15s ease-in-out infinite;
  filter: brightness(1.15) contrast(1.3);
  z-index: -1; }

.bg-noise--gray::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #8a8e93 15%, #a4a8ad 30%, #8a8e93 45%, #a4a8ad 60%, #8a8e93 75%);
  background-size: 400% 100%;
  animation: shinyMove 15s ease-in-out infinite;
  filter: brightness(1.15) contrast(1.3);
  z-index: 0; }

.top .sustainability,
.bg-noise--black {
  background: transparent;
  position: relative;
  z-index: 2; }

.top .sustainability__main {
  position: relative; }

.top .sustainability::before,
.bg-noise--black::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #000000 15%, #1a1a1a 30%, #000000 45%, #222831 60%, #000000 75%);
  background-size: 400% 400%;
  animation: shinyMove 15s ease-in-out infinite;
  filter: brightness(1.15) contrast(1.3);
  z-index: 0; }

.top .banner__wrapper {
  position: relative;
  z-index: 2; }

.top .case::before,
.top .news::before,
.top .banner__wrapper::before,
.about-professional::before,
.under__about .about-quality::before,
.under__service .service-onsite-construction::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #424a51 15%, #7e858c 30%, #424a51 45%, #7e858c 60%, #424a51 75%);
  background-size: 400% 400%;
  animation: shinyMove 15s ease-in-out infinite;
  filter: brightness(1.15) contrast(1.3);
  z-index: 0; }

.under .vision__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #5d666d 10%, #82919b 30%, #5d666d 45%, #96a5af 65%, #5d666d 80%);
  background-size: 400% 100%;
  animation: shinyMove 15s ease-in-out infinite;
  filter: brightness(1.15) contrast(1.3);
  z-index: 0; }

/* アニメーション */
@keyframes shinyMove {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* ---------------------下層 ---------------------*/
/* ---------------------about ---------------------*/
.under__about .about-sec {
  position: relative;
  z-index: 4; }

.under__about .about-professional__inner {
  position: relative; }

/* ---------------------service ---------------------*/
.under__service .service-content__main-area {
  position: relative; }

/* ---------------------sustainability ---------------------*/
.sustainability-intro__list-wrap-ttl,
.sustainability-intro__list-wrap-catch,
.sustainability-intro__list,
.sustainability-csr .inner {
  position: relative; }