.p-news__box {
  border: 2px solid #bbc3cc;
  padding: 3rem 2rem;
}
@media (min-width: 768px) {
  .p-news__box {
    padding: 5rem 4rem;
    margin-top: 2.4rem;
  }
}
.p-news .news-item {
  padding-inline: 1rem;
}

.p-detail {
  padding-block: 6rem 2rem;
}
@media (min-width: 768px) {
  .p-detail {
    padding-block: 13.5rem 4rem;
  }
}
.p-detail__head {
  display: flex;
  align-items: flex-end;
  gap: 2.2rem;
  margin-bottom: 0.5rem;
}
.p-detail__head .time {
  line-height: 1;
}
@media (min-width: 768px) {
  .p-detail__head .time {
    font-size: 2.1rem;
  }
}
.p-detail__head .cate {
  color: #00a296;
  line-height: 1;
}
.p-detail__ttl {
  border-bottom: 1px solid #bbc3cb;
  font-size: 2.4rem;
  font-weight: 500;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .p-detail__ttl {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
}
.p-detail__wrap > * {
  margin-bottom: 2rem;
}
.p-detail__wrap a {
  color: var(--color-primary);
  text-decoration: underline;
}
.p-detail__wrap ul {
  padding-left: 2rem;
  list-style: inherit;
}
.p-detail__wrap ol {
  padding-left: 2rem;
  list-style: decimal;
}
.p-detail__wrap table td {
  border: 1px solid #bbc3cb;
  padding: 1rem;
}
.p-detail__btn {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .p-detail__btn {
    margin-top: 6rem;
  }
}
.p-detail__btn .btn {
  margin: 0 auto;
}