.recommended-agent .pc_class {
    display: block;
}
.recommended-agent .sp_class {
    display: none;
}
.recommended-agent {
    width: 820px;
    margin: 0 auto;
}

.recommended-agent .recommended-agent-heading img {
    width: 100%;
    margin-bottom: 20px;
}

.recommended-agent .recommended-agent-table {
    table-layout: fixed;
    border-collapse: collapse;
}

.recommended-agent .recommended-agent-table tbody tr th {
    box-sizing: border-box;
    background-color: #2BB279;
    border-right: 1px solid #ddd;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}

.recommended-agent .recommended-agent-table tbody tr th:first-of-type {
    border-left: 1px solid #ddd;
    width: 246px;
}

.recommended-agent .recommended-agent-table tbody tr th:nth-of-type(2) {
    width: 150px;
}

.recommended-agent .recommended-agent-table tbody tr th:nth-of-type(3) {
    width: 274px;
}

.recommended-agent .recommended-agent-table tbody tr th:last-of-type {
    width: 150px;
}

.recommended-agent .recommended-agent-table tbody tr td {
    position: relative;
    box-sizing: border-box;
    padding: 8.5px 6.5px 8.5px 14px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-link {
    text-decoration: none;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-logo {
    display: block;
    width: 74px;
    height: auto;
    margin: 0 auto;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-name {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.82;
    letter-spacing: 0.44px;
    text-align: center;
    color: #0080de;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-star {
    display: block;
    width: 94px;
    height: auto;
    margin: 0 auto 5px;
}

.recommended-agent .recommended-agent-table tbody tr td .mobile-link-button {
    display: none;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-point {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.54;
    letter-spacing: 0.52px;
    text-align: left;
    color: #333;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-point b {
    color: #c91515;
    vertical-align: baseline;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-link-button {
}

.recommended-agent .recommended-agent-table tbody tr td .agent-btn {
    display: block;
    width: 90px;
    height: auto;
    margin: 0 auto;
}

.recommended-agent .recommended-agent-table tbody tr td .agent-link-button:active {
    box-shadow: 0 0 0 #0b7c51;
    transform: translateY(5px);
}

.recommended-agent .recommended-agent-table tbody tr td:first-of-type {
    padding-left: 58px;
    border-left: 1px solid #ddd;
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-1::before, .recommended-agent .recommended-agent-table tbody tr td.ranking-2::before, .recommended-agent .recommended-agent-table tbody tr td.ranking-3::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto;
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: top 50% left 50%;
    background-size: 43px;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-1::before {
    background-image: url("https://asiro.co.jp/media-career/wp-content/themes/outside/img/blog_parts/medal_1.png");
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-2::before {
    background-image: url("https://asiro.co.jp/media-career/wp-content/themes/outside/img/blog_parts/medal_2.png");
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-3::before {
    background-image: url("https://asiro.co.jp/media-career/wp-content/themes/outside/img/blog_parts/medal_3.png");
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-4::before, .recommended-agent .recommended-agent-table tbody tr td.ranking-5::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 31px;
    margin: auto;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: top 50% left 50%;
    background-size: 31px;
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-4::before {
    background-image: url("https://asiro.co.jp/media-career/wp-content/themes/outside/img/blog_parts/medal_4.png");
}

.recommended-agent .recommended-agent-table tbody tr td.ranking-5::before {
    background-image: url("https://asiro.co.jp/media-career/wp-content/themes/outside/img/blog_parts/medal_5.png");
}

.recommended-agent .recommended-agent-table tbody tr td .c-reviewStars i.icon-star-full,
.recommended-agent .recommended-agent-table tbody tr td .c-reviewStars i.icon-star-empty,
.recommended-agent .recommended-agent-table tbody tr td .c-reviewStars i.icon-star-half {
    font-size: 17px;
}

.recommended-agent .recommended-agent-table tbody tr td.review-score {
    padding: 8.5px 0;
}

.recommended-agent .recommended-agent-table tbody tr td.review-score .review-score-value {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #e31f1f;
}

.recommended-agent.recommended-agent--sp3 {
    display: none;
}