@media screen and (max-width:768px) {
  #firstView {
    width: 100%;
  }
  .category {
    padding: 2% 3%;
    font-size: 1rem;
  }
  .workname div {
    font-size: 1.25em;
  }
  .workname{
    text-align: center;
    width: 100%;
  }
  #logos {
    margin-top: 9%;
  }
  /* 各ページ個別設定修正 */
  #single_wrap {
    margin-top: 8.5%;
  }
  #aboutsite{
    margin-top: 30px;
  }
  #single > main{
    width: 100%;
  }
}

@media screen and (max-width:500px) {
  .category {
    font-size: 70%;
  }
  .workname div {
    font-size: 0.70rem;
    width: 100%;
    line-height: 1rem;
  }
}