.page-detail {
  padding-block: 4.4rem 6.5rem;
}
@media (min-width: 768px) {
  .page-detail {
    padding-block: 9.4rem 12.9rem;
  }
}
.page-detail__back {
  text-align: center;
}
.page-detail__back a {
  border-bottom: 1px solid currentColor;
}

.p-detail {
  padding-top: 4.5rem;
}
@media (min-width: 768px) {
  .p-detail {
    padding-top: 10rem;
  }
}
.p-detail__tag {
  background: #0071B2;
  background: linear-gradient(90deg, rgb(0, 113, 178) 0%, rgb(65, 126, 140) 100%);
  color: var(--color-white);
  font-family: "Hiragino Sans", sans-serif;
  display: inline-block;
  letter-spacing: -0.1em;
  padding: 0.7rem 1.55rem;
}
@media (min-width: 768px) {
  .p-detail__tag {
    font-size: 1.2rem;
    padding: 0.6rem 1.6rem;
  }
}
.p-detail__title {
  border-bottom: 1px solid #000000;
  font-family: var(--font-ttl);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.81;
  padding: 0 0 2rem 1.2rem;
  margin-block: 2rem 3.5rem;
}
@media (min-width: 768px) {
  .p-detail__title {
    font-size: 3.2rem;
    padding: 0 0 3.2rem 1.1rem;
    margin-block: 2.4rem 5rem;
  }
}
.p-detail__content > * {
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .p-detail__content > * {
    margin-bottom: 10rem;
  }
}
.p-detail__content p {
  font-size: 1.6rem;
  font-weight: 500;
  font-feature-settings: normal;
  line-height: 1.75;
  letter-spacing: -0.003em;
  text-align: justify;
}
@media (min-width: 768px) {
  .p-detail__content p {
    line-height: 2.25;
  }
}
.p-detail__media {
  text-align: center;
}
.p-detail__media-col {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
@media (min-width: 768px) {
  .p-detail__media-col {
    flex-direction: row;
  }
}