.p-detail {
  padding: 60px 0 20px;
}

@media screen and (max-width: 960px) {
  .p-detail {
    padding: 44px 0;
  }
}
.p-detail__art {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
  padding: 70px 0;
}

@media screen and (max-width: 960px) {
  .p-detail__art {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    padding: 32px 0 0;
  }
}
.p-detail__art h2 {
  width: 32%;
  margin-top: 10px;
  padding-left: 65px;
  font-size: 16px;
  font-family: var(--font_family--en);
}

@media screen and (max-width: 960px) {
  .p-detail__art h2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 19px;
    padding-left: 0;
    font-size: 16px;
  }
}
.p-detail__artTxt {
  width: 58%;
  font-size: 16px;
  line-height: 2.2;
}

@media screen and (max-width: 960px) {
  .p-detail__artTxt {
    width: 100%;
    font-size: 13px;
  }
}
.p-detail .p-projects__list {
  gap: 40px 40px;
}

@media screen and (max-width: 960px) {
  .p-detail .p-projects__list {
    gap: 40px 20px 20px;
    border-top: 0;
  }
}
@media screen and (max-width: 960px) {
  .p-detail .p-projects__img {
    width: 100%;
  }
}
.p-detail__img img {
  width: 100%;
}
.p-detail .p-projects__item {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 960px) {
  .p-detail .p-projects__item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .c-pageTtl__inner {
    border-bottom: 1px solid var(--color_border) !important;
  }
}