:root {
  --color-black: #222;
  --color-red: #FA0C0F;
  --color-red2: #cc0000;
  --color-red3: #7D0008;
  --color-blue: #2D5686;
  --color-gray: #F4F4F4;
  --color-gray2: #D9D9D9;
  --color-gray3: #B3B3B3;
  --color-gray4: #737373;
  --color-gray5: #4D4D4D;
  --color-gray6: #222;
  --color-yellowTag: #F0A632;
  --headerH: 105px;
  --contW-max: 1275px;
  --transVals: 0.3s ease;
}
@media screen and (max-width: 767px) {
  #TopicPath {
    position: relative;
    z-index: 1;
    background: transparent;
  }
}

.pageTitleBg {
  position: relative;
  margin-inline: calc((100% - var(--htmlW) * 1px) / 2);
}
@media screen and (max-width: 767px) {
  .pageTitleBg {
    position: static;
  }
}
.pageTitleBg > div {
  position: absolute;
  inset: -97px 0 0 calc(50% - 175px);
  height: 250px;
  background: url(/search/image/bg_pagetitle.svg) 0 100%;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pageTitleBg > div {
    inset: 104px 0 0;
    height: 160px;
    background-image: url(/search/image/bg_pagetitle_sp.svg);
    background-position: 0 0;
  }
}

.el_pageSubtitle,
.PageTitleStyle1,
.Section,
.un_searchFieldset {
  position: relative;
  z-index: 1;
}

@media not all and (max-width: 767px), print {
  .el_pageSubtitle {
    margin-top: 24px;
  }
}
.PageTitleStyle1 {
  display: grid;
  gap: 7px;
  grid-auto-flow: column;
  justify-content: start;
  margin-bottom: 40px;
}
.PageTitleStyle1 .icon {
  translate: 0 0.05em;
  width: 44px;
  aspect-ratio: 1;
  filter: brightness(0);
}