@charset "UTF-8";
/* line 3, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
}
/* line 6, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li {
  position: relative;
  display: inline-block;
  width: 33.33%;
  user-select: none;
}
/* line 13, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li.active > a > span:after {
  content: "\f0d7";
}
/* line 18, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > a {
  color: #212121;
  font-size: 12px;
  line-height: 18px;
  display: block;
  box-sizing: initial;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
/* line 32, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > a > span {
  display: block;
  padding-left: 8px;
  padding-right: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 41, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > a > span:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0d8";
  color: #9e9e9e;
  font-weight: 900;
  position: absolute;
  right: 8px;
}
/* line 52, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li:not(:last-child) > a > span {
  border-right: solid 1px #e0e0e0;
}
/* line 56, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > div {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  width: 100%;
  padding-bottom: 8px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
}
/* line 65, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > div nav {
  max-height: 32em;
  overflow: auto;
}
/* line 69, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > div nav a {
  color: #212121;
  display: block;
  padding: 10px 12px;
  line-height: 18px;
}
/* line 75, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > div nav a.active {
  background-color: #e4e4e4;
}
/* line 79, /webrails/concourse_rails/app/assets/stylesheets/web/qa/module.scss */
.base-component.qa-subject-tabs-v2 > ul > li > div nav a:hover {
  background-color: #EEEEEE;
  color: #212121;
}