@layer page {
  .p-page-header::before {
    content: "";
    position: absolute;
    top: -9.625rem;
    right: -3rem;
    width: 35.5rem;
    height: 29.625rem;
    background: url("/assets/img/page/case/mv_bg.png") no-repeat center top/contain;
    pointer-events: none;
  }
  @media screen and (max-width: 767px) {
    .p-page-header::before {
      top: 3.8461538462vw;
      right: -19.4871794872vw;
      width: 57.1794871795vw;
      height: 47.6923076923vw;
      background: url("/assets/img/page/case/mv_bg_sp.png") no-repeat center top/contain;
    }
  }
  .p-page-header__illust {
    width: 53.0625rem;
    top: 5.125rem;
    right: 0;
  }
  @media screen and (max-width: 767px) {
    .p-page-header__illust {
      width: 48.4615384615vw;
      top: 28.7179487179vw;
      right: 0;
    }
  }
  .case__tag {
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2.5rem;
  }
  @media screen and (max-width: 767px) {
    .case__tag {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 5.1282051282vw;
    }
  }
  .case__tag-ttl {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }
  .case__pager {
    margin-top: 5rem;
  }
  @media screen and (max-width: 767px) {
    .case__pager {
      margin-top: 10.2564102564vw;
    }
  }
  @media screen and (max-width: 767px) {
    .case__pager ul {
      margin-left: 10.2564102564vw;
      margin-right: 10.2564102564vw;
    }
  }
  @media screen and (max-width: 767px) {
    .case__pager li.p-pager-arrow a {
      width: 10.2564102564vw;
    }
  }
  .case__pager li.p-pager-arrow a::before {
    border: none;
  }
  .case .p-tab-project {
    background: transparent;
  }
  @media screen and (max-width: 767px) {
    .case .p-tab-project__list {
      padding: 0;
      margin-bottom: 6.4102564103vw;
      margin-left: -2.0512820513vw;
      margin-right: -2.0512820513vw;
    }
  }
  @media screen and (max-width: 767px) {
    .case .p-tab-project__body {
      border-radius: 8px;
    }
  }
  .case .p-tab-project__content {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }
  @media screen and (max-width: 767px) {
    .case .p-tab-project__content {
      padding-top: 8.2051282051vw;
      padding-left: 5.1282051282vw;
      padding-right: 5.1282051282vw;
      padding-bottom: 10.2564102564vw;
    }
  }
  .case .case-card-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2rem;
    row-gap: 4rem;
  }
  @media screen and (max-width: 767px) {
    .case .case-card-list {
      width: 100% !important;
      grid-template-columns: 1fr;
      row-gap: 8.2051282051vw;
    }
  }
  .case .case-card-list::before {
    content: none !important;
  }
  .case .case-card-list .p-card-list__item {
    width: 100%;
    margin: 0;
  }
}