/* ===============================================
  * フォントのスタイル *
=============================================== */

.noto-sans {
  font-family: var(--font-primary);
}

.noto-sans-regular {
  font-family: var(--font-primary);
  font-weight: 400;
}

.noto-sans-medium {
  font-family: var(--font-primary);
  font-weight: 500;
}

.noto-sans-bold {
  font-family: var(--font-primary);
  font-weight: 700;
}

.rustica {
  font-family: var(--font-eng);
}

.rustica-regular {
  font-family: var(--font-eng);
  font-weight: 500;
}

.rustica-medium {
  font-family: var(--font-eng);
  font-weight: 600;
}

.rustica-bold {
  font-family: var(--font-eng);
  font-weight: 700;
}




/* ===============================================
  * 静的ページのタイトル *
=============================================== */

.c-page-title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem
}

.c-page-title-text > *:first-of-type {
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.5
}

@media (min-width: 1024px) {
  .c-page-title-text > *:first-of-type {
    font-size: 2.5rem
  }
}

.c-page-title-text > *:last-of-type {
  font-size: .75rem;
  letter-spacing: .08em;
  line-height: 1.5
}

@media (min-width: 1024px) {
  .c-page-title-text > *:last-of-type {
    font-size: .875rem
  }
}

.c-page-title-text > *[data-text-language=en] {
  font-family: var(--font-eng);
}

.c-page-title-text > *[data-text-language=jp] {
  font-family: var(--font-primary);
}

/* 下線付きタイトル */

.c-title-text--underline {
  position: relative;
  padding-bottom: calc(10 / 16 * 1rem);


  /* border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--color-primary) 50px, var(--color-border-primary) 50px);
  border-image-slice: 1; */
}

.c-title-text--underline::before,
.c-title-text--underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  pointer-events: none;
}

.c-title-text--underline::before {
  z-index: 1;
  width: 100%;
  background: var(--color-border-primary);
}

.c-title-text--underline::after {
  z-index: 2;
  width: calc(50 / 16 * 1rem);
  background: var(--color-primary);
}


/* アンカーリンク下線付きテキスト */
.c-anchor-text--underline{
  text-decoration: underline;
  display: inline;
  color: var(--color-primary);
}




/* ===============================================
  * パンくず *
=============================================== */

#BreadcrumbArea {
  --padding-vertical: .9375rem;
  --padding-horizontal: .9375rem;
  border-top: solid 1px var(--color-border-primary);
}

#BreadcrumbArea [aria-label=Breadcrumb] {
  padding: var(--padding-vertical) var(--padding-horizontal);
  overflow-x: auto;
}

@media (min-width: 1024px) {
  #BreadcrumbArea [aria-label=Breadcrumb] {
    width: min(100%, 1400px);
    margin: auto;
  }
}

#BreadcrumbArea .c-breadcrumb__list {
  display: flex;
  gap: .5rem;
  font-family: rustica, Noto Sans JP, sans-serif;
  font-size: .6875rem;
  letter-spacing: .08em;
  line-height: 1;
}

#BreadcrumbArea .c-breadcrumb__list > * {
  color: #767676;
  font-style: italic;
}

#BreadcrumbArea .c-breadcrumb__list > *:not(:first-of-type) {
  display: flex;
  align-items: center;
  gap: .5rem;
}

#BreadcrumbArea .c-breadcrumb__list > *:not(:first-of-type):before {
  content: "";
  width: .75rem;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_64_2%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%2064%20%E2%80%93%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_526%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20526%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22267%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022267%22%20d%3D%22M-3408.229%2C17547.643l3%2C3-3%2C3%22%20transform%3D%22translate(3413.729%20-17544.143)%22%20fill%3D%22none%22%20stroke%3D%22%2353268a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

#BreadcrumbArea .c-breadcrumb__list > *:last-of-type {
  padding-right: var(--padding-horizontal);
  color: var(--color-font-primary);
  font-style: normal;
  pointer-events: none;
}

#BreadcrumbArea .c-breadcrumb__list > * a {
  word-break: keep-all;
  white-space: nowrap;
}