.switching-agent-compare-ranking {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  margin: 30px 0;
}
.switching-agent-compare-ranking .upper {
  box-sizing: border-box;
  border-radius: 15px 15px 0 0;
  background-color: #D6E9FF;
  padding: 20px 25px;
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.2));
}
.switching-agent-compare-ranking .upper::after {
  position: absolute;
  content: "";
  bottom: -9px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 23px;
  height: 10px;
  background-color: #d6e9ff;
  letter-spacing: 0.8px;
  -webkit-clip-path: polygon(50% 10px, 0% 0%, 23px 0%);
          clip-path: polygon(50% 10px, 0% 0%, 23px 0%);
}
.switching-agent-compare-ranking .upper .heading .tag {
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  margin: 0 auto;
  padding: 0 15px;
  border-radius: 25px;
  background: #FFEC44;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  color: #000;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 32px;
}
.switching-agent-compare-ranking .upper .heading .heading-sentence {
  margin-top: 10px;
  color: #333;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 4.5px;
}
.switching-agent-compare-ranking .upper .heading .switching-tab-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 0 5px;
  margin-top: 15px;
}
.switching-agent-compare-ranking .upper .heading .switching-tab-group .switching-tab {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #C5D6EB;
  background: #FFF;
  height: 60px;
  width: 112.5px;
  color: #969696;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.75px;
  cursor: pointer;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out;
}
.switching-agent-compare-ranking .upper .heading .switching-tab-group .switching-tab:hover {
  background-color: #004F91;
  border-color: #004F91;
  color: #FFF;
}
.switching-agent-compare-ranking .upper .heading .switching-tab-group .switching-tab:active {
  transform: translateY(2px);
}
.switching-agent-compare-ranking .upper .heading .switching-tab-group .switching-tab.--tab-current {
  background-color: #004F91;
  color: #FFF;
  cursor: auto;
  pointer-events: none;
}
.switching-agent-compare-ranking .switching-content-group .switching-content {
  display: none;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .switching-content-heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0 5px;
  background-color: #004F91;
  padding: 12px 0;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1.44px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .switching-content-heading b {
  display: inline-block;
  vertical-align: baseline;
  height: 27px;
  padding: 0 6px;
  border: 1px solid #FFEC44;
  color: #FFEC44;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.44px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th {
  box-sizing: border-box;
  background-color: #F5F5F5;
  padding: 10px 0;
  text-align: center;
  color: #545454;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(1) {
  width: 40px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(2) {
  width: 160px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(3) {
  width: 218px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(4) {
  width: 110px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(5) {
  width: 95px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(6) {
  width: 85px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(7) {
  width: 70px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table thead tr th:nth-of-type(8) {
  width: 90px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td {
  box-sizing: border-box;
  padding: 10px 0;
  vertical-align: middle;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .ranking-count {
  position: relative;
  color: #9A9A9A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .ranking-count .ranking-count-icon {
  display: block;
  margin: 0 auto;
  width: 20px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .agent-banner {
  text-align: center;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .agent-banner .agent-banner-link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .agent-banner .agent-banner-link .agent-banner-image {
  display: block;
  width: 120px;
  height: auto;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .agent-banner .agent-name-link {
  color: #39A0FF;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration-line: underline;
  text-decoration-color: #39A0FF;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td:has(.sentence-lh140), .switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td:has(.sentence-lh130) {
  padding: 10px 8px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .sentence-lh140 {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .sentence-lh130 {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .sentence-lh130 b {
  display: block;
  margin-bottom: 3px;
  color: #E31F1F;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td:has(.item-isolation) {
  padding: 10px 8px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .item-isolation {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .item-isolation .item {
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #A9D1FF;
  background-color: #E5F1FF;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  color: #333;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td:has(.evaluation-item) {
  padding: 10px 8px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .evaluation-item .evaluation-icon {
  display: block;
  width: 34px;
  margin: 0 auto;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .detail-link .detail-link-text {
  box-sizing: border-box;
  display: block;
  border-radius: 5px;
  background-color: #FF8C00;
  box-shadow: 0 3px 0 0 #B06100;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 6px 12px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.7px;
  text-decoration: none;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .detail-link .detail-link-text i.fa-solid {
  font-size: 12px;
  margin-left: 5px;
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr td .detail-link .detail-link-text:active {
  box-shadow: 0 0 0 0 #B06100;
  transform: translateY(3px);
}
.switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr:nth-of-type(1) td .ranking-count::before, .switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr:nth-of-type(2) td .ranking-count::before, .switching-agent-compare-ranking .switching-content-group .switching-content .agent-compare-ranking-table tbody tr:nth-of-type(3) td .ranking-count::before {
  display: none;
}
.switching-agent-compare-ranking .switching-content-group .switching-content.--content-visible {
  display: block;
}
.switching-agent-compare-ranking .switching-content-group .touch-move-display {
  display: none;
}
.switching-agent-compare-ranking .latest-updated-date {
  margin-top: 5px;
  color: #333;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}/*# sourceMappingURL=single_pjid2242.css.map */