/* =======================================================
single
======================================================= */
.c-single {
  padding: var(--spacing-xl) 0;
}
@media (width <= 767px) {
  .c-single {
    padding: 3rem 0;
  }
}
.c-single .l-inner {
  max-width: 50rem;
}
.c-single__back {
  position: relative;
  display: inline-block;
  margin-bottom: 2.5rem;
  color: var(--primary-color);
}
.c-single__back::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.0625rem;
  content: "";
  background-color: var(--primary-color);
  transition-timing-function: ease;
  transition-duration: var(--transition-duration);
  transition-property: width;
  will-change: width;
}
.c-single__back .fas {
  margin-right: 0.5em;
}
.c-single__back:focus-visible::after {
  width: 100%;
}
@media (any-hover: hover) {
  .c-single__back:hover::after {
    width: 100%;
  }
}
.c-single__article-head {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2.5rem;
}
.c-single__article-ttl {
  margin-bottom: 2.5rem;
  font-size: 2em;
  font-weight: 700;
}
.c-single__article-body {
  display: grid;
  gap: 2em;
}
.c-single__article-body > p > a {
  color: var(--text-link);
  text-decoration: underline;
}
.c-single__archive {
  padding: var(--spacing-xl) 0;
  background: linear-gradient(to bottom, var(--gray-50), var(--white));
}
.c-single__archive .c-lead {
  margin-bottom: 2rem;
}