.pc {
  display: inline-block;
}

@media only screen and (min-width: 481px) and (max-width: 766px), only screen and (max-width: 480px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media only screen and (min-width: 481px) and (max-width: 766px), only screen and (max-width: 480px) {
  .sp {
    display: inline-block;
  }
}

.sp-only {
  display: none;
}

@media only screen and (max-width: 480px) {
  .sp-only {
    display: inline-block;
  }
}

@font-face {
  font-family: 'KozuGoPro';
  src: url(../fonts/KozGoPro-Regular.otf);
}

@keyframes move_smoke {
  0% {
    transform: translate(-5px, -5px);
  }
  50% {
    transform: translate(5px, 5px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.commonMv {
  margin-bottom: 12.3rem;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 766px) {
  .commonMv {
    margin-bottom: 8rem;
  }
}

.movePageLink {
  margin-bottom: 11.3rem;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 766px) {
  .movePageLink {
    margin-bottom: 8rem;
  }
}

.works .inner {
  padding-bottom: 21rem;
}

@media only screen and (max-width:768px) {
  .works .inner {
    padding-bottom: 9rem;
  }
  .pageTop {
    margin-bottom: 0rem;
  }
}


.works .works_flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}

.works .works_flex .works_flex_item {
  color: #000000;
  width: 32%;
  font-size: 1.5376rem;
  letter-spacing: 0.2em;
  margin-bottom: 4.8rem;
  transition: 0.3s;
  opacity: 1;
}

.works .works_flex .works_flex_item:hover {
  opacity: 0.8;
  transition: 0.3s;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 766px) {
  .works .works_flex .works_flex_item {
    width: 48%;
    margin-bottom: 3.8rem;
    font-size: 1.4rem;
  }
}

.works .works_flex .works_flex_item:not(:nth-child(3n)) {
  margin-right: 2%;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 766px) {
  .works .works_flex .works_flex_item:not(:nth-child(3n)) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 766px) {
  .works .works_flex .works_flex_item:nth-child(odd) {
    margin-right: 4%;
  }
}

.footer .parts_top_flex {
  display: block;
}

.footer .parts_top_flex .item {
  margin: 0 auto;
}