@charset "UTF-8";

.svg_anime {
  height: auto;
  position: absolute;
  z-index: -1;
}
.svg_wrap{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.svg_wrap.interview_svg{
  top: auto;
  bottom: 0;
}
.environment_svg{
  z-index: 0;
}
#massage_svg_pc {
  width: 102vw;
  top: -3.5vw;
  left: -9.5vw;
}
#about_svg_pc {
  width: 105vw;
  height: 100vw;
  top: -30.5vw;
  left: -4.5vw;
}
#interview_svg_pc {
  width: 113vw;
  height: 100vw;
  bottom: -8vw;
  left: -9vw;
}
#interview_svg_pc path{
  transform: translateX(10%);
}
#environment_svg_pc {
  width: 130vw;
  top: -3.5vw;
  left: -6.5vw;
}
#environment_svg_pc path{
  transform: translateY(5%);
}
#massage_svg_sp,
#about_svg_sp,
#interview_svg_sp,
#environment_svg_sp{
  display: none;
}
@media screen and (max-width: 767px) {
  #massage_svg_pc,
  #about_svg_pc,
  #interview_svg_pc,
  #environment_svg_pc{
    display: none;
  }
  #massage_svg_sp,
  #about_svg_sp,
  #interview_svg_sp,
  #environment_svg_sp{
    display: block;
  }
  #massage_svg_sp {
    width: 119vw;
    top: 82.5vw;
    left: -14.5vw;
  }
  #about_svg_sp {
    width: 115vw;
    top: -5.5vw;
    left: -4.5vw;
  }
  #interview_svg_sp {
    width: 182vw;
    bottom: -9vw;
    left: -14vw;
  }
  #environment_svg_sp {
    width: 180vw;
    top: 5.5vw;
    left: -67.5vw;
  }
}