#globHeader nav .mainMenu > li .anchor {
  padding: 12px 9px; }
  #globHeader nav .mainMenu > li .anchor span {
    display: block; }
  #globHeader nav .mainMenu > li .anchor .wrap {
    position: relative;
    height: 15px; }
    #globHeader nav .mainMenu > li .anchor .wrap .upper,
    #globHeader nav .mainMenu > li .anchor .wrap .lower {
      font-size: 15px;
      letter-spacing: 0.04em;
      overflow: hidden;
      padding: 0 10px; }
      #globHeader nav .mainMenu > li .anchor .wrap .upper .text,
      #globHeader nav .mainMenu > li .anchor .wrap .lower .text {
        transition: transform 300ms ease; }
    #globHeader nav .mainMenu > li .anchor .wrap .upper {
      height: 7px; }
      #globHeader nav .mainMenu > li .anchor .wrap .upper:after {
        content: "";
        display: block;
        height: 1px;
        width: 0px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        transition: width 300ms ease;
        background: #000; }
    #globHeader nav .mainMenu > li .anchor .wrap .lower {
      height: 8px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      #globHeader nav .mainMenu > li .anchor .wrap .lower .text {
        position: absolute;
        bottom: 0;
        left: 10px; }
  #globHeader nav .mainMenu > li .anchor:hover .wrap .upper .text {
    transform: skewX(10deg) translateX(2px); }
  #globHeader nav .mainMenu > li .anchor:hover .wrap .upper:after {
    width: 100%; }
  #globHeader nav .mainMenu > li .anchor:hover .wrap .lower .text {
    transform: skewX(10deg) translateX(-2px); }

#mouseStoker {
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 10px;
  height: 10px;
  background-color: #FFF;
  z-index: 999;
  pointer-events: none;
  transition: transform 300ms ease, width 300ms ease, height 300ms ease;
  transform: translateX(-50%) translateY(-50%);
  position: fixed;
  margin-top: 5px;
  margin-left: 5px;
  mix-blend-mode: difference; }
  #mouseStoker.onAnchor {
    width: 70px;
    height: 70px; }
  #mouseStoker .serviceNum {
    opacity: 0; }
  #mouseStoker:after, #mouseStoker:before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #FFF;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-2px);
    opacity: 0; }
  #mouseStoker.onServiceSlider {
    transform: translateX(-50%) translateY(-50%);
    background: rgba(0, 0, 0, 0.8);
    font-size: 11px;
    color: #FFF;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    mix-blend-mode: normal; }
    #mouseStoker.onServiceSlider .serviceNum {
      transition: opacity 300ms ease 300ms;
      display: inline;
      opacity: 1; }
    #mouseStoker.onServiceSlider:after, #mouseStoker.onServiceSlider:before {
      transition: opacity 300ms ease 300ms;
      opacity: 1; }
    #mouseStoker.onServiceSlider:after {
      left: 15px; }
    #mouseStoker.onServiceSlider:before {
      right: 15px; }

#wrapper.topTouchDevice {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

#works header .item ul li {
  overflow: hidden; }
  #works header .item ul li a .wrap {
    display: inline-block; }
  #works header .item ul li a:hover .wrap {
    mix-blend-mode: screen;
    animation: worksMenuHover 500ms linear infinite; }
    #works header .item ul li a:hover .wrap span._r, #works header .item ul li a:hover .wrap span._b {
      opacity: 1; }
    #works header .item ul li a:hover .wrap span._r {
      top: 1px;
      left: 1px;
      color: #ff2020; }
    #works header .item ul li a:hover .wrap span._g {
      top: 0;
      left: 0;
      z-index: 2; }
    #works header .item ul li a:hover .wrap span._b {
      top: 2px;
      left: 2px;
      color: #2020ff; }

@keyframes worksMenuHover {
  0% {
    transform: none; }
  33% {
    transform: none; }
  33.3% {
    transform: skewX(20deg); }
  33.6% {
    transform: skewX(-20deg); }
  33.9% {
    transform: none; }
  66% {
    transform: none; }
  66.3% {
    transform: skewX(5deg); }
  66.6% {
    transform: skewX(-5deg); }
  66.9% {
    transform: none; }
  77% {
    transform: none; }
  77.3% {
    transform: skewX(10deg); }
  77.6% {
    transform: skewX(-10deg); }
  77.9% {
    transform: none; } }

/*# sourceMappingURL=pc.css.map */