:root {
  --navbar-color:#62ffff;
  --navbar-bg-color: #000000;
  --navbar-fixed-bg-color: #000000;
  --mainKv-bg-color:#000000;
  --about-bg-color:#ffffff;
  --job-bg-color:#ffffff;
  --welfare-bg-color:#ffffff;
}
.WEB-Loading{
  background-color: #000000;
}
.WEB-Loading__img {
  max-width: 220px;
}
#mainKv{
  background-image:var(--bg-pc)
}
#about{
  background-image:var(--bg-pc)
}
#job{
  background-image:var(--bg-pc)
}
#welfare{
  background-image:var(--bg-pc)
}
.job-position>li:nth-of-type(even) {
    background:#eeeeee;
}
.job-wrap>li:nth-of-type(even) .job-area{
    border-top:2px solid #ffffff;
}
.navbar{
  button.navBtn{
    position:relative;
    overflow:hidden;
  }
  button.navBtn::after{
    content:'';
    width: 100%;
    height: 6px;
    background:var(--navbar-color);
    position:absolute;
    left:0;
    bottom:0;
    transform:translateY(100%);
    transition:.3s ease-in-out;
  }
  button.navBtn:hover::after{
    transform:translateY(0%);
  }
}

.about-icon:nth-of-type(1){
  animation-delay: 0ms !important;
}
.about-icon:nth-of-type(2){
  animation-delay: 200ms !important;
}
.about-icon:nth-of-type(3){
  animation-delay: 400ms !important;
}
.about-icon:nth-of-type(4){
  animation-delay: 600ms !important;
}
.about-icon:nth-of-type(5){
  animation-delay: 800ms !important;
}

.job-card:nth-of-type(1){
  animation-delay: 0ms !important;
}
.job-card:nth-of-type(2){
  animation-delay: 400ms !important;
}

.welfare-card:nth-of-type(1){
  animation-delay: 0ms !important;
}
.welfare-card:nth-of-type(2){
  animation-delay: 200ms !important;
}
.welfare-card:nth-of-type(3){
  animation-delay: 400ms !important;
}
.welfare-card:nth-of-type(4){
  animation-delay: 600ms !important;
}
.welfare-card:nth-of-type(5){
  animation-delay: 800ms !important;
}
.welfare-card:nth-of-type(6){
  animation-delay: 1000ms !important;
}
@media(max-width:960px){
  #mainKv{
    background-image:var(--bg-mobile)
  }
  #about{
    background-image:var(--bg-mobile)
  }
  #job{
    background-image:var(--bg-mobile)
  }
  #welfare{
    background-image:var(--bg-mobile)
  }
  #floatBtn{
    background-image: linear-gradient(90deg, #6de5ce 0%, #59679f 100%);
  }
  .job-wrap>li:nth-of-type(even) .job-area{
    border-top:0px;
  }
  .about-icon:nth-of-type(1),
  .about-icon:nth-of-type(2),
  .about-icon:nth-of-type(3),
  .about-icon:nth-of-type(4),
  .about-icon:nth-of-type(5){
    animation-delay: 0ms !important;
  }
  .job-card:nth-of-type(1),
  .job-card:nth-of-type(2){
    animation-delay: 0ms !important;
  }
  .welfare-card:nth-of-type(1),
  .welfare-card:nth-of-type(2),
  .welfare-card:nth-of-type(3),
  .welfare-card:nth-of-type(4),
  .welfare-card:nth-of-type(5),
  .welfare-card:nth-of-type(6){
    animation-delay: 0ms !important;
  }
}