@charset "utf-8";

.anibg {
  position: absolute;
}
.anibg path{
  fill: transparent;
}
.anibg.is-set path{
  stroke: #737373;
/*  -webkit-transition: stroke-dashoffset 1s linear;
  transition: stroke-dashoffset 1s linear;*/
}
.anibg.is-ani path{
  /*stroke-dashoffset: 0 !important;*/
}

/* sec */
.sec {
  position: relative;
}
.anibg-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 1;
  pointer-events:none;
}
.anibg {
  pointer-events:none;
}

.page-home .anibg1 {left: 252px; top: -183px;}
.page-home .anibg2 {left: 454px; top: 20px;}
.page-home .anibg3 {right: 205px; top: 39px;}
.page-home .anibg4 {right: 362px; top: 320px;}
.page-home .anibg5 {right: 170px; top: 410px;}

.page-home .anibg6 {left: -504px; top: -195px;}
.page-home .anibg7 {left: -533px; top: -55px;}
.page-home .anibg8 {left: 386px; top: 140px;}
.page-home .anibg9 {left: 336px; top: 491px;}
.page-home .anibg10 {left: 156px; top: 401px;}

.page-home .anibg11 {right: 192px; top: 755px;}
.page-home .anibg12 {right: 452px; top: 830px;}
.page-home .anibg13 {right: 358px; top: 931px;}
.page-home .anibg14 {left: 248px; top: 1350px;}
.page-home .anibg15 {left: 497px; top: 1600px;}

.page-home .anibg16 {left: 28px; top: -203px;}
.page-home .anibg17 {left: 412px; top: 177px;}
.page-home .anibg18 {right: 459px; top: 403px;}
.page-home .anibg19 {right: 360px; top: 492px;}

@media (max-width: 767px) {
  .anibg.is-ani path{
      stroke-width: 2px;
  }

  .anibg {
    transform: scale(0.36);
  }

  .page-home .anibg1 {left: -47px; top: 17px;}
  .page-home .anibg2 {left: 69px; top: 132px;}
  .page-home .anibg3 {right: -85px; top: -207px;}
  .page-home .anibg4 {right: 46px; top: -29px;}
  .page-home .anibg5 {right: -55px; top: -122px;}

  .page-home .anibg6 {left: -271px; top: -185px;}
  .page-home .anibg7 {left: -223px; top: -115px;}
  .page-home .anibg8 {left: 56px; top: 190px;}
  .page-home .anibg9 {left: 71px; top: 410px;}
  .page-home .anibg10 {left: -114px; top: 255px;}

  .page-home .anibg11 {right: -94px; top: 222px;}
  .page-home .anibg12 {right: 53px; top: 302px;}
  .page-home .anibg13 {right: -40px; top: 1041px;}
  .page-home .anibg14 {left: -89px; top: 1150px;}
  .page-home .anibg15 {left: 81px; top: 1320px;}

  .page-home .anibg16 {left: auto; right: -99px; top: -403px;}
  .page-home .anibg17 {left: auto; right: -69px; top: -195px;}
  .page-home .anibg18 {right: 59px; top: 293px;}
  .page-home .anibg19 {right: -3px; top: 204px;}
}

.page-about .anibg1 {left: 252px; top: -136px; display: none;}
.page-about .anibg2 {left: 384px; top: 440px;}
.page-about .anibg3 {left: -725px; top: 630px;}
.page-about .anibg4 {left: 252px; top: 1010px;}
.page-about .anibg5 {left: -790px; top: -100px;}
.page-about .anibg6 {left: 370px; top: 320px;}

@media (max-width: 767px) {
  .page-about .anibg1 {left: -28px; top: -172px;}
  .page-about .anibg2 {left: -16px; top: 440px;}
  .page-about .anibg3 {left: -405px; top: 680px; display: none;}
  .page-about .anibg4 {left: -18px; top: 920px; display: none;}
  .page-about .anibg5 {left: -307px; top: -171px;}
  .page-about .anibg6 {left: -41px; top:510px;}
}

.page-recruit .anibg1 {left: -632px; top: -136px;}
.page-recruit .anibg2 {left: 234px; top: 1970px;} /*top: 600px;*/
.page-recruit .anibg3 {left: -685px; top: 230px;}
.page-recruit .anibg4 {left: 262px; top: 1220px;}
.page-recruit .anibg5 {left: -650px; top: 50px;} /*left: -650px; top: -120px;*/

@media (max-width: 767px) {
  .page-recruit .anibg1 {left: -272px; top: -200px;}
  .page-recruit .anibg2 {display: none;}
  .page-recruit .anibg3 {left: -45px; top: 110px;}
  .page-recruit .anibg4 {left: -85px; top: 861px;}
  .page-recruit .anibg5 {left: -300px; top: -50px;} /*left: -300px; top: -164px;*/
}

.page-staff .anibg1 {left: -632px; top: -136px;}
.page-staff .anibg2 {left: 234px; top: 3300px;}

@media (max-width: 767px) {
  .page-staff .anibg1 {left: -272px; top: -200px;}
  .page-staff .anibg2 {display: none;}
}

.page-news .anibg1 {left: 402px; top: 4px;}
.page-news .anibg2 {left: -644px; top: 730px;}
.page-news .anibg3 {left: 265px; top: 1120px;}
.page-news .anibg4 {left: -602px; bottom: -220px;}

.page-column .anibg1 {left: 402px; top: 4px;}
.page-column .anibg2 {left: -644px; top: 730px;}
.page-column .anibg3 {left: 265px; top: 1120px;}
.page-column .anibg4 {left: -602px; bottom: -220px;}

.page-column-single .anibg1 {left: 402px; top: 4px;}
.page-column-single .anibg2 {left: -644px; top: 730px;}
.page-column-single .anibg3 {left: 265px; top: 1120px;}
.page-column-single .anibg4 {left: -602px; bottom: -220px;}

@media (max-width: 767px) {
  .page-news .anibg1 {left: -15px; top: -229px;}
  .page-news .anibg2 {display: none;}
  .page-news .anibg3 {display: none;}
  .page-news .anibg4 {left: -269px; bottom: -192px;}
  
  .page-column .anibg1 {left: -15px; top: -229px;}
  .page-column .anibg2 {display: none;}
  .page-column .anibg3 {display: none;}
  .page-column .anibg4 {left: -269px; bottom: -192px;}
 
   .page-column-single .anibg1 {left: -15px; top: -229px;}
  .page-column-single .anibg2 {display: none;}
  .page-column-single .anibg3 {display: none;}
  .page-column-single .anibg4 {left: -269px; bottom: -192px;}
}

.page-project .anibg1 {left: 630px; bottom: -212px;}
.page-project .anibg2 {left: -1000px; bottom: -733px;}
.page-project .anibg3 {right: -684px; bottom: -750px;}

@media (max-width: 767px) {
  .page-project .anibg1 {display: none;}
  .page-project .anibg2 {display: none;}
  .page-project .anibg3 {display: none;}
}

.page-project-single .anibg1 {left: -742px; top: -312px;}
.page-project-single .anibg2 {left: 194px; top: 150px;}
.page-project-single .anibg3 {left: 345px; top: 610px;}
.page-project-single .anibg4 {left: -672px; top: 1650px;}
.page-project-single .anibg5 {left: 180px; top: 2670px;}

@media (max-width: 767px) {
  .page-project-single .anibg1 {left: -426px; top: -371px;}
  .page-project-single .anibg2 {left: -66px; top: 20px;}
  .page-project-single .anibg3 {left: -45px; top: 740px;}
  .page-project-single .anibg4 {left: -312px; top: 1570px;}
  .page-project-single .anibg5 {left: -480px; top: 2590px;}
}

@media (min-width: 768px) {
  .page-goodstory .anibg1 {right: 330px; top: -50px;}
  .page-goodstory .anibg2 {left: 350px; bottom: -190px;}
}

@media (max-width: 767px) {
  .page-goodstory .anibg-wrap {
    left: 0;
    width: 100%;
  }
  .page-goodstory .anibg1 {left: -155px; top: -130px;}
  .page-goodstory .anibg2 {right: -140px; bottom: -190px;}
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
  .page-goodstory-single .anibg1 {left: 330px; top: 90px;}
  .page-goodstory-single .anibg2 {left: 402px; bottom: -70px;}
  .page-goodstory-single .anibg3 {right: 330px; top: -90px;}
  .page-goodstory-single .anibg4 {right: 250px; top: -270px;}
}

@media (max-width: 767px) {
  .page-goodstory-single .anibg-wrap {
    left: 0;
    width: 100%;
  }
  .page-goodstory-single .anibg1 {right: -130px; bottom: -150px;}
  .page-goodstory-single .anibg2 {right: -220px; bottom: -180px;}
  .page-goodstory-single .anibg3 {left: -240px; top: -140px;}
  .page-goodstory-single .anibg4 {left: -190px; top: -216px;}
}