.top-features-list_container {
  background-color: var(--color-secondary300);
  background-image: url('../../../img/top-feature-bg.svg');
  background-repeat: no-repeat;
  background-position: right center;
}

.top-features-list_item {
  border-right: solid 1px var(--color-border);
}

.ranking-number_tx {
  width: 24px;
  height: 24px;
  background: var(--color-background-dark);
  border-radius: 12px;
}

.top-section_title {
  position: relative;
  display: inline-block;
  font-size: 2.75rem;
  line-height: .8em;
  font-family: zen maru gothic;
  border-bottom: solid var(--color-primary500) 6px;
  box-sizing: border-box;
}

.top-section_title:before {
  content: '';
  position: absolute;
  left: -3rem;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url('../../../img/top-subtitle-bg01.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.top-section_title:after {
  content: '';
  position: absolute;
  right: -3rem;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url('../../../img/top-subtitle-bg02.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.top-subcontents_container {
  position: absolute;
  right: 0;
  text-align: center;
}

.top-subcontents_subtitle {
  background: var(--color-secondary400);
}

.top-subcontents_subtitle::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 20px;
  background-image: url('../../../img/subcontents-subtitle-bg01.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.top-subcontents_subtitle::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 20px;
  background-image: url('../../../img/subcontents-subtitle-bg02.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.top-tag_container {
  background: var(--color-primary400);
}

.job-tag_container {
  color: var(--color-tertiary);
  border: solid 1px var(--color-tertiary);
}

.top-qa-attention_subtitle {
  display: flex;
  align-items: center;
}

.top-qa_button:hover {
  background-color: var(--color-primary400);
}

.top-qa-attention_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-qa-attention-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-qa-new_subtitle {
  display: flex;
  align-items: center;
}

.top-qa-new_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-qa-new-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-qa-waiting_subtitle {
  display: flex;
  align-items: center;
}

.top-qa-waiting_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-qa-waiting-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-ranking-recipe_subtitle {
  display: flex;
  align-items: center;
}

.top-ranking-recipe_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-recipe-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-ranking-qa_subtitle {
  display: flex;
  align-items: center;
}

.top-ranking-qa_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-ranking-qa-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-ranking-note_subtitle {
  display: flex;
  align-items: center;
}

.top-ranking-note_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-ranking-note-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-ranking-news_subtitle {
  display: flex;
  align-items: center;
}

.top-ranking-news_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-ranking-news-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

.top-qa-search_subtitle {
  display: flex;
  align-items: center;
}

.top-qa-search_subtitle:before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  display: block;
  background-image: url('../../../img/top-qa-search-subtitle.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: var(--color-primary500);
  border-radius: 1rem;
}

@media screen and (max-width:1023px){
  .top-section_title {
    font-size: 2rem;
  }

  .top-section_title:before {
    top: -.5rem;
    left: -3rem;
    width: 2.8rem;
    height: 2.8rem;
  }

  .top-section_title:after {
    top: -.5rem;
    right: -3rem;
    width: 2rem;
    height: 2rem;
  }

  .top-features-list_item {
    border-right: none;
  }

  .top-subcontents_subtitle {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    line-height: .8em;
    font-family: zen maru gothic;
    border-bottom: solid var(--color-primary500) 6px;
    box-sizing: border-box;
    background: transparent;
  }

  .top-subcontents_subtitle::before {
    content: '';
    position: absolute;
    left: -2rem;
    width: 2rem;
    height: 2rem;
    background-image: url('../../../img/top-subtitle-bg01.svg');
    background-repeat: no-repeat;
    background-position: center;
  }

  .top-subcontents_subtitle::after {
    content: '';
    position: absolute;
    right: -2rem;
    width: 2rem;
    height: 2rem;
    background-image: url('../../../img/top-subtitle-bg02.svg');
    background-repeat: no-repeat;
    background-position: center;
  }

  .top-tag_container {
    background: var(--color-background-light);
  }
}