@charset "UTF-8";
:root {
  --font-family-base: "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-montserrat: "Montserrat", "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-noto-sans-jp: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

:root {
  --font-weight-base: 400;
}

:root {
  --color-base: #222;
  --color-placeholder: #959595;
}

:root {
  --z-index-level-top: 2147483647;
}

:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/* 言語が英語（ラテン系言語）の場合、cap-heightベースにする */
:root:lang(en) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

/* もし lh が未対応のブラウザであれば fallback */
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px;
  }
}
:root {
  --width-pc-design: 1920;
  --width-pc-design-content: 1200;
  --width-pc-design-content-percent: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100%);
  --width-pc-design-content-vw: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100vw);
  --width-pc-design-content-rem: calc((var(--width-pc-design-content) / 10) * 1rem);
  --width-sp-design: 414;
  --width-sp-design-content: 340;
  --width-sp-design-content-percent: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100%);
  --width-sp-design-content-vw: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100vw);
  --width-sp-design-content-rem: calc((var(--width-sp-design-content) / 10) * 1rem);
}

:root {
  --border-radius-infinity: calc(1px / 0);
}

:root {
  --opacity-base: .6;
}

:root {
  --transition-base: .4s;
  --transition-sub: .6s;
}

.p-topics-archive {
  margin-top: 8rem;
  padding-bottom: 20rem;
}
@media screen and (max-width: 767px) {
  .p-topics-archive {
    margin-top: 0;
    padding-bottom: 10.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-topics-archive .c-wrap {
    width: calc(380 / var(--width-sp-design) * 100vw);
  }
}
.p-topics-archive__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem 6rem;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__list {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.p-topics-archive__list-link {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__list-link {
    display: grid;
    grid-template-columns: calc(170 / var(--width-sp-design) * 100vw) 1fr;
    column-gap: calc(15 / var(--width-sp-design) * 100vw);
  }
}
.p-topics-archive__list-media {
  position: relative;
  aspect-ratio: 360/240;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__list-media {
    aspect-ratio: 170/145;
    border-radius: calc(10 / var(--width-sp-design) * 100vw);
  }
}
.p-topics-archive__list-media-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-topics-archive__list-media-category {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 1rem;
  pointer-events: none;
}
.p-topics-archive__list-media-category-label {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-indent: 0.05em;
  text-align: center;
  padding: 0.5rem 1.2rem 0.7rem;
  min-width: 10rem;
  border-radius: var(--border-radius-infinity);
}
@media screen and (max-width: 767px) {
  .p-topics-archive__list-media-category-label {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    padding-block: 0.4rem 0.5rem;
    min-width: 8rem;
  }
}
.p-topics-archive__list-media-category-label.--topics {
  color: #fff;
  background: #1797F4;
}
.p-topics-archive__list-media-category-label.--event {
  background: #FECD19;
}
.p-topics-archive__list-media-category-label.--school {
  color: #fff;
  background: #3F8A3F;
}
.p-topics-archive__list-media-category-label.--other {
  color: #fff;
  background: #A7A7A7;
}
@media screen and (min-width: 768px) {
  .p-topics-archive__list-box {
    margin-top: 2rem;
  }
}
.p-topics-archive__list-date {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #959595;
  display: block;
}
.p-topics-archive__list-title {
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__list-title {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-top: 0.7rem;
  }
}
.p-topics-archive__list-text {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-top: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__list-text {
    margin-top: 0.5rem;
    -webkit-line-clamp: 2;
  }
}
.p-topics-archive__pager {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-archive__pager-arrow:has(.--prev) {
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-archive__pager-arrow:has(.--next) {
    margin-left: 1.5rem;
  }
}
.p-topics-archive__pager-arrow-link {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #969696;
  display: flex;
  align-items: center;
  position: relative;
  height: 4rem;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager-arrow-link {
    font-size: 0;
    width: 4.9rem;
    height: 6rem;
  }
}
.p-topics-archive__pager-arrow-link::before {
  content: "";
  position: absolute;
  top: calc(50% + 0.1rem);
  translate: 0 -50%;
  width: 0.9rem;
  height: 1.3rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 13"><path d="M8.225.918,9.84.447,3.011-5.582,9.84-11.611l-1.615-.471L.84-5.582Z" transform="translate(-0.84 12.082)" fill="%23969696"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager-arrow-link::before {
    translate: -50% -50%;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-archive__pager-arrow-link.--prev {
    padding-left: 1.9rem;
  }
}
.p-topics-archive__pager-arrow-link.--prev::before {
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager-arrow-link.--prev::before {
    left: 50%;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-archive__pager-arrow-link.--next {
    padding-right: 1.9rem;
  }
}
.p-topics-archive__pager-arrow-link.--next::before {
  right: 0;
  scale: -1 1;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager-arrow-link.--next::before {
    left: 50%;
    right: auto;
  }
}
.p-topics-archive__pager-arrow-link.--notPage {
  opacity: 0.4;
  pointer-events: none;
}
.p-topics-archive__pager-item-link {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
  display: grid;
  place-content: center;
  width: 4rem;
  height: 4rem;
  transition: background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager-item-link {
    font-size: 1.6rem;
    line-height: 1.5;
    width: 6rem;
    height: 6rem;
  }
}
.p-topics-archive__pager-item-link:active, .p-topics-archive__pager-item-link:focus-visible {
  background: #D2E4ED;
  opacity: 1;
}
@media (any-hover: hover) {
  .p-topics-archive__pager-item-link:hover {
    background: #D2E4ED;
    opacity: 1;
  }
}
.p-topics-archive__pager-item-link.--current {
  background: #D2E4ED;
  pointer-events: none;
}
.p-topics-archive__pager-ellipsis {
  font-size: 1rem;
  line-height: 3.4;
  letter-spacing: -0.2em;
  font-weight: 700;
  text-indent: -0.2em;
  display: grid;
  place-content: center;
  width: 3.6rem;
  height: 4rem;
}
@media screen and (max-width: 767px) {
  .p-topics-archive__pager-ellipsis {
    height: 6rem;
  }
}
.p-topics-detail {
  margin-top: 8rem;
  padding-bottom: 20rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail {
    margin-top: 0;
    padding-bottom: 10rem;
  }
}
.p-topics-detail .c-wrap {
  padding: 10rem;
  background: #F6F4ED;
}
@media screen and (max-width: 767px) {
  .p-topics-detail .c-wrap {
    padding: 6rem calc(37 / var(--width-sp-design) * 100vw);
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-detail__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 2rem;
  }
}
.p-topics-detail__head-category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__head-category {
    gap: 0.5rem;
  }
}
.p-topics-detail__head-category-label {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-indent: 0.05em;
  text-align: center;
  padding: 0.5rem 1.2rem 0.7rem;
  min-width: 10rem;
  border-radius: var(--border-radius-infinity);
}
@media screen and (max-width: 767px) {
  .p-topics-detail__head-category-label {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    padding-block: 0.4rem 0.5rem;
    min-width: 8rem;
  }
}
.p-topics-detail__head-category-label.--topics {
  color: #fff;
  background: #1797F4;
}
.p-topics-detail__head-category-label.--event {
  background: #FECD19;
}
.p-topics-detail__head-category-label.--school {
  color: #fff;
  background: #3F8A3F;
}
.p-topics-detail__head-category-label.--other {
  color: #fff;
  background: #A7A7A7;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__head-date {
    margin-top: 0.4rem;
  }
}
.p-topics-detail__head-date-text {
  font-size: 1.4rem;
  line-height: 2.2857142857;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #959595;
  display: block;
}
.p-topics-detail__head-title {
  font-size: 3rem;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-top: 1.5rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__head-title {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 1.4rem;
  }
}
.p-topics-detail__eyeCatch {
  margin-top: 4rem;
  aspect-ratio: 1000/640;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__eyeCatch {
    margin-top: 3rem;
    aspect-ratio: 340/280;
  }
}
.p-topics-detail__eyeCatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-topics-detail__article {
  display: flow-root;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article {
    margin-top: 1rem;
  }
}
.p-topics-detail__article > * {
  display: flow-root;
}
.p-topics-detail__article > *:not(:first-child) {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article > *:not(:first-child) {
    margin-top: 3rem;
  }
}
.p-topics-detail__article > *:empty + * {
  margin-top: 0;
}
.p-topics-detail__article img {
  border-radius: 1rem;
}
@media screen and (min-width: 768px) {
  .p-topics-detail__article img {
    width: auto;
  }
}
.p-topics-detail__article iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.p-topics-detail__article h1 {
  font-size: 3rem;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article h1 {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.p-topics-detail__article h2 {
  font-size: 2.6rem;
  line-height: 1.4230769231;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article h2 {
    font-size: 2rem;
    line-height: 1.7;
  }
}
.p-topics-detail__article h3 {
  font-size: 2.2rem;
  line-height: 1.4545454545;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article h3 {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-top: 1.8rem;
  }
}
.p-topics-detail__article h4,
.p-topics-detail__article h5,
.p-topics-detail__article h6 {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article h4,
  .p-topics-detail__article h5,
  .p-topics-detail__article h6 {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: 1.8rem;
  }
}
.p-topics-detail__article p,
.p-topics-detail__article li,
.p-topics-detail__article th,
.p-topics-detail__article td,
.p-topics-detail__article blockquote {
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.p-topics-detail__article strong,
.p-topics-detail__article b {
  font-weight: 700;
}
.p-topics-detail__article em {
  font-style: italic;
}
.p-topics-detail__article a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--transition-base);
}
.p-topics-detail__article a:focus-visible {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .p-topics-detail__article a:hover {
    text-decoration-color: transparent;
  }
}
.p-topics-detail__article ul li ul,
.p-topics-detail__article ul li ol,
.p-topics-detail__article ol li ul,
.p-topics-detail__article ol li ol {
  padding-block: 0.9rem 3.4rem;
}
.p-topics-detail__article ul li ul li,
.p-topics-detail__article ul li ol li,
.p-topics-detail__article ol li ul li,
.p-topics-detail__article ol li ol li {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  font-weight: 400;
}
.p-topics-detail__article ul li {
  position: relative;
  padding-left: 1em;
}
.p-topics-detail__article ul li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.p-topics-detail__article ul li ul li::before {
  content: "–";
}
.p-topics-detail__article ol {
  counter-reset: number 0;
  display: grid;
  grid-template-columns: auto 1fr;
}
.p-topics-detail__article ol li {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
.p-topics-detail__article ol li::before {
  content: counter(number, decimal-leading-zero) ".";
  counter-increment: number 1;
  display: block;
}
.p-topics-detail__article ol li ol {
  grid-column: span 2;
  padding-left: 1em;
}
.p-topics-detail__article ol li ol li::before {
  content: "(" counter(number) ")";
}
.p-topics-detail__article blockquote {
  color: #fff;
  padding: 3rem;
  background: #1F7EAD;
}
.p-topics-detail__article blockquote * {
  color: #fff;
}
.p-topics-detail__article .aligncenter {
  text-align: center;
  display: block;
  margin-inline: auto;
}
.p-topics-detail__article .alignright {
  float: right;
}
.p-topics-detail__article .alignleft {
  float: left;
}
.p-topics-detail__article .grid {
  display: grid;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article .grid {
    gap: 1rem;
  }
}
.p-topics-detail__article .grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
.p-topics-detail__article .media + * {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article .media + * {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-detail__article .media {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article .media__body {
    margin-top: 2rem;
  }
}
.p-topics-detail__article .media__body p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.p-topics-detail__article .btns {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article .btns {
    margin-top: 5rem;
  }
}
.p-topics-detail__article .btns + .btns {
  margin-top: 2rem;
}
.p-topics-detail__article .btns .btn {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-indent: 0.05em;
  color: #1F7EAD;
  text-align: center;
  text-decoration: none;
  display: grid;
  place-content: center;
  position: relative;
  margin-inline: auto;
  padding: 1.7rem 6rem;
  width: 32rem;
  border: 1px solid #1F7EAD;
  border-radius: var(--border-radius-infinity);
  background: #fff;
  transition: color var(--transition-base), background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-topics-detail__article .btns .btn {
    width: 34rem;
  }
}
.p-topics-detail__article .btns .btn:active, .p-topics-detail__article .btns .btn:focus-visible {
  color: #fff;
  background: #1F7EAD;
  opacity: 1;
}
.p-topics-detail__article .btns .btn:active::before, .p-topics-detail__article .btns .btn:focus-visible::before {
  background-color: #fff;
}
.p-topics-detail__article .btns .btn:active::after, .p-topics-detail__article .btns .btn:focus-visible::after {
  background-color: #1F7EAD;
}
@media (any-hover: hover) {
  .p-topics-detail__article .btns .btn:hover {
    color: #fff;
    background: #1F7EAD;
    opacity: 1;
  }
  .p-topics-detail__article .btns .btn:hover::before {
    background-color: #fff;
  }
  .p-topics-detail__article .btns .btn:hover::after {
    background-color: #1F7EAD;
  }
}
.p-topics-detail__article .btns .btn::before, .p-topics-detail__article .btns .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  translate: 0 -50%;
  width: 3.8rem;
  height: 2rem;
  transition: background-color var(--transition-base);
}
.p-topics-detail__article .btns .btn::before {
  border-radius: var(--border-radius-infinity);
  background-color: #1F7EAD;
}
.p-topics-detail__article .btns .btn::after {
  z-index: 1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 8"><path d="M-.62-13.891H-2.411l2.224,3.282h-6.57v1.417h6.57l-2.224,3.3H-.62L2.243-9.91Z" transform="translate(6.757 13.891)" fill="%23fff"/></svg>') center/0.9rem auto no-repeat;
  background-color: #fff;
}
.p-topics-detail__article .btns .btn--strong {
  color: #fff;
  background: #1F7EAD;
}
.p-topics-detail__article .btns .btn--strong:active, .p-topics-detail__article .btns .btn--strong:focus-visible {
  color: #1F7EAD;
  background: #fff;
}
.p-topics-detail__article .btns .btn--strong:active::before, .p-topics-detail__article .btns .btn--strong:focus-visible::before {
  background-color: #1F7EAD;
}
.p-topics-detail__article .btns .btn--strong:active::after, .p-topics-detail__article .btns .btn--strong:focus-visible::after {
  background-color: #fff;
}
@media (any-hover: hover) {
  .p-topics-detail__article .btns .btn--strong:hover {
    color: #1F7EAD;
    background: #fff;
  }
  .p-topics-detail__article .btns .btn--strong:hover::before {
    background-color: #1F7EAD;
  }
  .p-topics-detail__article .btns .btn--strong:hover::after {
    background-color: #fff;
  }
}
.p-topics-detail__article .btns .btn--strong::before {
  background-color: #fff;
}
.p-topics-detail__article .btns .btn--strong::after {
  background-color: #1F7EAD;
}
.p-topics-detail__article .btns .btn[download] {
  color: #222;
  border-color: #222;
}
.p-topics-detail__article .btns .btn[download]::before {
  display: none;
}
.p-topics-detail__article .btns .btn[download]::after {
  right: 3rem;
  width: 1.5rem;
  height: 1.5rem;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M12.1,0V8.131L8.74,4.687,7.512,5.946l5.452,5.593,5.452-5.593L17.19,4.687,13.833,8.131V0Z" transform="translate(-5.465)" fill="%231a1311"/><rect width="15" height="1.781" transform="translate(0 13.219)" fill="%231a1311"/></svg>') center/contain no-repeat;
  background-color: #1A1311;
}
.p-topics-detail__article .btns .btn[download]:active, .p-topics-detail__article .btns .btn[download]:focus-visible {
  color: #fff;
  background: #222;
}
.p-topics-detail__article .btns .btn[download]:active::after, .p-topics-detail__article .btns .btn[download]:focus-visible::after {
  background-color: #fff;
}
@media (any-hover: hover) {
  .p-topics-detail__article .btns .btn[download]:hover {
    color: #fff;
    background: #222;
  }
  .p-topics-detail__article .btns .btn[download]:hover::after {
    background-color: #fff;
  }
}
.p-topics-detail__article .btns .btn[target=_blank] {
  color: #222;
  border-color: #222;
}
.p-topics-detail__article .btns .btn[target=_blank]::before {
  display: none;
}
.p-topics-detail__article .btns .btn[target=_blank]::after {
  right: 3rem;
  width: 1.7rem;
  height: 1.5rem;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 15"><path d="M14.369,1.56h10.67v8.748H14.369ZM12.79,11.868H26.619V0H12.79Z" transform="translate(-9.619)" fill="%231a1311"/><path d="M0,15.973V27.06H13.039V25.5H1.579V15.973Z" transform="translate(0 -12.06)" fill="%231a1311"/></svg>') center/contain no-repeat;
  background-color: #1A1311;
}
.p-topics-detail__article .btns .btn[target=_blank]:active, .p-topics-detail__article .btns .btn[target=_blank]:focus-visible {
  color: #fff;
  background: #222;
}
.p-topics-detail__article .btns .btn[target=_blank]:active::after, .p-topics-detail__article .btns .btn[target=_blank]:focus-visible::after {
  background-color: #fff;
}
@media (any-hover: hover) {
  .p-topics-detail__article .btns .btn[target=_blank]:hover {
    color: #fff;
    background: #222;
  }
  .p-topics-detail__article .btns .btn[target=_blank]:hover::after {
    background-color: #fff;
  }
}
.p-topics-detail__pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  column-gap: 12rem;
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager {
    gap: 2.3rem 3rem;
    margin-top: 6rem;
  }
}
.p-topics-detail__pager-back {
  width: 32rem;
}
@media screen and (min-width: 768px) {
  .p-topics-detail__pager-back {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-back {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-back-link {
    max-width: 34rem;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-detail__pager-item:has(.--prev) {
    order: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-detail__pager-item:has(.--next) {
    order: 2;
  }
}
.p-topics-detail__pager-item-link {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: block;
  position: relative;
  padding-block: 1.6rem;
  width: 20rem;
  border-bottom: 1px solid #222;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-item-link {
    width: 15.5rem;
  }
}
.p-topics-detail__pager-item-link::before {
  content: "";
  position: absolute;
  top: calc(50% + 0.1rem);
  translate: 0 -50%;
  width: 0.9rem;
  height: 0.8rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 8"><path d="M-.62-13.891H-2.411l2.224,3.282h-6.57v1.417h6.57l-2.224,3.3H-.62L2.243-9.91Z" transform="translate(6.757 13.891)" fill="%23222"/></svg>') center/contain no-repeat;
}
.p-topics-detail__pager-item-link.--prev {
  padding-left: 8.8rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-item-link.--prev {
    padding-left: 5.8rem;
  }
}
.p-topics-detail__pager-item-link.--prev::before {
  left: 5.5rem;
  scale: -1 1;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-item-link.--prev::before {
    left: 2.5rem;
  }
}
.p-topics-detail__pager-item-link.--next {
  text-align: right;
  padding-right: 8.8rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-item-link.--next {
    padding-right: 5.5rem;
  }
}
.p-topics-detail__pager-item-link.--next::before {
  right: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-topics-detail__pager-item-link.--next::before {
    right: 2.5rem;
  }
}

/*# sourceMappingURL=topics.css.map */