/* /Pages/Dashboard/FAQ/FAQ.razor.rz.scp.css */
main[b-z99eod9s7p] {
    padding: 25px 0;
}
/* /Pages/Dashboard/Feed/Feed.razor.rz.scp.css */
/*メンバー検索*/
.member-card[b-d3vsa67mc9] {
    display: flex;
    width: 732px;
    height: fit-content;
    margin: auto;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

@media screen and (max-width:1280px) {
    .member-card[b-d3vsa67mc9] {
        width: fit-content;
    }
}

.member-card .member-card-body[b-d3vsa67mc9] {
    width: 355px;
    height: fit-content;
    margin: auto;
    padding: 15px;
}

.member-card ul[b-d3vsa67mc9] {
    list-style: none;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

    .member-card ul li[b-d3vsa67mc9] {
        display: flex;
        width: 100%;
    }

        .member-card ul li .member[b-d3vsa67mc9] {
            display: flex;
            width: 335px;
            height: 64px;
            margin-bottom: 6px;
            padding: 0 10px;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(217.81, 217.81, 217.81, 1);
            border-radius: 8px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
            background-color: white;
            cursor: pointer;
        }

/*タイムライン*/
.timeline[b-d3vsa67mc9] {
    /*タイムラインの幅をここで定義*/
    max-width: 732px;
    height: fit-content;
    margin: auto;
    padding: 0 10px;
}

@media screen and (max-width:1280px) {
    .timeline[b-d3vsa67mc9] {
        width: 355px;
    }
}

.timeline .btn-posting[b-d3vsa67mc9] {
    display: flex;
    width: 100%;
    height: 49px;
    padding: 14px;
    border-radius: 22px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    color: rgba(179, 179, 179, 1);
    font-size: 22px;
    line-height: 100%;
    cursor: pointer;
    margin-left: 10px;
}

.timeline .tl-skill[b-d3vsa67mc9] {
    width: fit-content;
    padding: 3.5px 6px;
    border-radius: 8px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: white;
    font-size: 10px;
    line-height: 100%;
}
/* /Pages/Dashboard/Feed/MemberSearch.razor.rz.scp.css */
.member-card[b-jcn6u24b08] {
    display: flex;
    width: 732px;
    height: fit-content;
    margin: auto;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

@media screen and (max-width:1280px) {
    .member-card[b-jcn6u24b08] {
        width: fit-content;
    }
}

.member-card .member-card-body[b-jcn6u24b08] {
    width: 355px;
    height: fit-content;
    margin: auto;
    padding: 15px;
}

.member-card ul[b-jcn6u24b08] {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .member-card ul li[b-jcn6u24b08] {
        display: flex;
        width: 100%;
    }

        .member-card ul li .member[b-jcn6u24b08] {
            display: flex;
            width: 335px;
            margin-bottom: 6px;
            padding: 10px;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(217.81, 217.81, 217.81, 1);
            border-radius: 8px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
            background-color: white;
            cursor: pointer;
        }

.loading[b-jcn6u24b08] {
    background-color: #F1F2F6;
    animation: change-color-anim-b-jcn6u24b08 3s linear infinite;
}


@keyframes change-color-anim-b-jcn6u24b08 {
    0%,100% {
        background-color: #F1F2F6;
    }

    50% {
        background-color: #C4C4C4;
    }
}

.compare-with-self[b-jcn6u24b08] {
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: auto 0 4px auto;
    border-bottom: 3px solid #007db9;
    line-height: 100%;
}

    .compare-with-self > span:nth-child(1)[b-jcn6u24b08] {
        color: #0072B1;
        font-size: 18px;
        line-height: 100%;
        cursor: pointer;
    }

.status-item-title[b-jcn6u24b08] {
    color: rgba(78.63, 78.63, 78.63, 1);
    font-weight: 700;
    font-size: 20px;
}

.new-wow-title[b-jcn6u24b08] {
    padding-bottom: 16px;
    line-height: 100%;
}
/* /Pages/Dashboard/Feed/MemberStatus.razor.rz.scp.css */
/*input[class="bs-wrap-input"] {
    width: 337px;
    height: 49px;
    background-color: #f1f2f6;
}

.bs-wrap-input {
    border-radius: 5rem !important;
}

.search-box {
    display: flex;
    position: relative;
    width: fit-content;
    margin: auto;
}

    .search-box::before {
        display: inline-block;
        position: absolute;
        top: 9px;
        left: 20px;
        width: 30px;
        height: 30px;
        background: url(./image/loupe.png) no-repeat center center / auto 100%;
        content: "";
    }

    .search-box input {
        width: 337px;
        height: 49px;
        padding: 3px 2em 3px 2.6em;
        border: none;
        background-color: rgba(241, 242, 246, 1);
        font-size: 22px;
    }

@media screen and (min-width:1280px) {
    .search-box input {
        width: 732px;
    }
}*/

.member-card[b-kuk7szqyhr] {
    display: flex;
    width: 732px;
    height: fit-content;
    margin: auto;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

@media screen and (max-width:1280px) {
    .member-card[b-kuk7szqyhr] {
        width: fit-content;
    }
}

.member-card .member-card-body[b-kuk7szqyhr] {
    width: 355px;
    height: fit-content;
    margin: auto;
    padding: 15px;
}

.member-card ul[b-kuk7szqyhr] {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .member-card ul li[b-kuk7szqyhr] {
        display: flex;
        width: 100%;
    }

        .member-card ul li .member[b-kuk7szqyhr] {
            display: flex;
            width: 335px;
            margin-bottom: 6px;
            padding: 10px;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(217.81, 217.81, 217.81, 1);
            border-radius: 8px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
            background-color: white;
            cursor: pointer;
        }

.loading[b-kuk7szqyhr] {
    background-color: #F1F2F6;
    animation: change-color-anim-b-kuk7szqyhr 3s linear infinite;
}


@keyframes change-color-anim-b-kuk7szqyhr {
    0%,100% {
        background-color: #F1F2F6;
    }

    50% {
        background-color: #C4C4C4;
    }
}

.compare-with-self[b-kuk7szqyhr] {
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: auto 0 4px auto;
    border-bottom: 3px solid #007db9;
    line-height: 100%;
}

    .compare-with-self > span:nth-child(1)[b-kuk7szqyhr] {
        color: #0072B1;
        font-size: 18px;
        line-height: 100%;
        cursor: pointer;
    }

.status-item-title[b-kuk7szqyhr] {
    color: rgba(78.63, 78.63, 78.63, 1);
    font-weight: 700;
    font-size: 20px;
}

.new-wow-title[b-kuk7szqyhr] {
    padding-bottom: 16px;
    line-height: 100%;
}
/* /Pages/Dashboard/Gold/Gold.razor.rz.scp.css */
/* /Pages/Dashboard/Policy/Policy.razor.rz.scp.css */
main[b-y8s00hcowa] {
    padding: 25px 0;
}
/* /Pages/Dashboard/Status/PasswordSetting.razor.rz.scp.css */
.error-container[b-26ocf02ue3]  ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px 0px;
    min-height: 40px;
    justify-content: center;
    align-items: center;
}

.assist-message[b-26ocf02ue3] {
    color: #ff0000;
}

.error-container[b-26ocf02ue3] {
   font-size:20px;
}


div[class="error-container"][b-26ocf02ue3]  ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    div[class="error-container"][b-26ocf02ue3]  ul li {
        font-size: 20px;
    }

.password-input[b-26ocf02ue3]  input {
    height: 40px;
    margin-bottom: 20px;
}
/* /Pages/Dashboard/Status/PointAllocation.razor.rz.scp.css */
.screen-description[b-f7w3lik41y] {
    width: fit-content;
}

.employee-img[b-f7w3lik41y] {
    width: 58px;
    height: 60px;
}

.employee-txt[b-f7w3lik41y] {
    font-weight: 700;
    font-size: 20px;
    text-align: left;
}


.skills-point-container[b-f7w3lik41y] {
    width: 343px;
    margin: auto;
    padding: 10px 9px;
    border-radius: 5px;
    background-color: rgba(193, 220, 236, 1);
}

    /* ポイント振分確認 */
    .skills-point-container .skills-container[b-f7w3lik41y] {
        width: 325px;
        height: fit-content;
        margin: auto;
        padding: 34px 26px;
        border-radius: 5px;
        background-color: rgba(242.25, 242.25, 242.25, 1);
    }

        .skills-point-container .skills-container .skill[b-f7w3lik41y] {
            display: flex;
            align-items: center;
            margin-bottom: 18px;
        }

            .skills-point-container .skills-container .skill:last-child[b-f7w3lik41y] {
                margin-bottom: 0;
            }

        .skills-point-container .skills-container .name[b-f7w3lik41y] {
            float: left;
            width: 100%;
            height: fit-content;
            color: black;
            font-size: 17px;
            font-weight: 700;
            line-height: 100%;
            text-align: left;
        }

        .skills-point-container .skills-container .point[b-f7w3lik41y] {
            color: rgba(0, 113.56, 177.44, 1);
            font-weight: 700;
            font-size: 40px;
            line-height: 100%;
            text-align: right;
        }

        .skills-point-container .skills-container .unit[b-f7w3lik41y] {
            width: 48px;
            font-size: 15px;
            font-weight: 700;
            text-align: end;
        }

    /* 保有ポイント */
    .skills-point-container .unit-pt[b-f7w3lik41y] {
        height: 18px;
        color: black;
        font-size: 18px;
        line-height: 100%;
    }

    .skills-point-container .skill-point[b-f7w3lik41y] {
        width: 100%;
        height: 45px;
        padding: 0 4px;
        margin: 0 20px 0 5px;
        border-radius: 5px;
        background-color: white;
    }

        .skills-point-container .skill-point p[b-f7w3lik41y] {
            width: fit-content;
            height: fit-content;
            margin: 0;
            color: rgba(0, 113.56, 177.44, 1);
            font-weight: 700;
            font-size: 32px;
            line-height: 100%;
            text-align: center;
        }

/*ポイント振分一覧*/
ul[b-f7w3lik41y] {
    list-style: none;
    width: 325px;
    margin: auto;
    padding: 0;
}

    ul li[b-f7w3lik41y] {
        background-color: #F2F2F2;
        border-radius: 5px;
        margin-bottom: 15px;
        padding: 15px 10px;
    }

        ul li:last-child[b-f7w3lik41y] {
            margin: 0;
        }

.parent[b-f7w3lik41y] {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

    .parent .child-top[b-f7w3lik41y] {
        display: flex;
        grid-area: 1 / 1 / 2 / 2;
    }

        .parent .child-top .skill-name[b-f7w3lik41y] {
            text-align: left;
            float: left;
            width: 100%;
            font-size: 17px;
            font-weight: 700;
            line-height: 100%;
            color: black;
        }

        .parent .child-top .dispatching-point[b-f7w3lik41y] {
            width: 160px;
            height: 21px;
            font-size: 17px;
            font-weight: 700;
            line-height: 100%;
            text-align: right;
            color: rgba(0, 113.56, 177.44, 1);
        }

    .parent .child-middle[b-f7w3lik41y] {
        display: flex;
        grid-area: 2 / 1 / 3 / 2;
    }

    .parent .child-bottom[b-f7w3lik41y] {
        display: flex;
        margin: auto;
        grid-area: 3 / 1 / 4 / 2;
    }

        .parent .child-bottom .input-point-container[b-f7w3lik41y] {
            display: flex;
            align-items: flex-end;
            position: relative;
            min-width: 53px;
            width: fit-content;
            height: 38px;
            background-color: rgba(193, 220, 236, 1);
            border-radius: 5px;
        }

            .parent .child-bottom .input-point-container .input-point[b-f7w3lik41y] {
                height: 21px;
                font-size: 20px;
                font-weight: 700;
                line-height: 100%;
                text-align: center;
                color: rgba(0, 113.56, 177.44, 1);
                margin: auto;
                padding: 0 6px;
            }

            .parent .child-bottom .input-point-container .input-point-unit[b-f7w3lik41y] {
                position: absolute;
                right: -20px;
                top: 20px;
                width: 20px;
                height: 16px;
                font-size: 15px;
                font-weight: 700;
                line-height: 100%;
                color: black;
            }

/* ポイント振分 */
input[type=radio][b-f7w3lik41y] {
    display: none;
}

    input[type=radio]:checked + label[b-f7w3lik41y] {
        background-color: rgba(128, 184, 216, 1);
    }

    input[type=radio] + label[b-f7w3lik41y] {
        width: 100%;
        padding-top: 10px;
        border-radius: 8px 8px 0 0;
        background-color: #dadada;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
    }

.allocation-container[b-f7w3lik41y] {
    position: relative;
    width: 340px;
    height: fit-content;
    border-radius: 8px;
    margin: auto;
}

    .allocation-container .content[b-f7w3lik41y] {
        display: flex;
    }

        .allocation-container .content .item[b-f7w3lik41y] {
            display: flex;
            width: 110px;
            height: 68px;
            margin-right: 5px;
            border-radius: 8px 8px 0 0;
        }

            .allocation-container .content .item:last-child[b-f7w3lik41y] {
                margin-right: 0;
            }

    .allocation-container .tab[b-f7w3lik41y] {
        position: absolute;
        top: 43px;
        width: 340px;
        height: fit-content;
        border-radius: 8px;
        background-color: rgba(128, 184, 216, 1);
    }

    .allocation-container .skill-setting-link[b-f7w3lik41y] {
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        margin: 0 0 0 auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 100%;
        text-align: right;
        cursor: pointer;
    }

    .allocation-container .skills[b-f7w3lik41y] {
        margin-top: 30px;
        width: 340px;
        height: fit-content;
        border-radius: 0 0 8px 8px;
        background-color: rgba(128, 184, 216, 1);
        padding: 10px 0;
    }

/* ポイント振分確認 */
.skills-point-container .skills-container[b-f7w3lik41y] {
    width: 325px;
    height: fit-content;
    margin: auto;
    padding: 34px 26px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.skills-container .skill[b-f7w3lik41y] {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

    .skills-container .skill:last-child[b-f7w3lik41y] {
        margin-bottom: 0;
    }

.skills-container .name[b-f7w3lik41y] {
    float: left;
    width: 100%;
    height: fit-content;
    color: black;
    font-size: 17px;
    font-weight: 700;
    line-height: 100%;
    text-align: left;
}

.skills-container .point[b-f7w3lik41y] {
    color: rgba(0, 113.56, 177.44, 1);
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    text-align: right;
}

.skills-container .unit[b-f7w3lik41y] {
    width: 48px;
    font-size: 15px;
    font-weight: 700;
    text-align: end;
}

/* 保有ポイント */
.unassigned-point-container[b-f7w3lik41y] {
    width: fit-content;
    min-width: 339px;
    margin: auto;
    padding: 10px 9px;
    border-radius: 5px;
    background-color: rgba(193, 220, 236, 1);
}

.unassigned-point[b-f7w3lik41y] {
    display: flex;
    align-items: center;
    width: fit-content;
    min-width: 78px;
    height: 45px;
    margin: auto;
    padding: 0 4px;
    border-radius: 5px;
    background-color: white;
}

    .unassigned-point .point[b-f7w3lik41y] {
        color: rgba(0, 113.56, 177.44, 1);
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        margin: auto;
    }

.unassigned-point-unit[b-f7w3lik41y] {
    width: fit-content;
    height: 18px;
    margin: auto 0 0 0;
    margin: auto 0 0 0;
    color: black;
    font-size: 20px;
    line-height: 100%;
}

.unassigned-point-grid[b-f7w3lik41y] {
    display: grid;
    grid-template-columns: repeat(6, fit-content);
    grid-template-rows: 1fr;
}

    .unassigned-point-grid .gyoukai-skill[b-f7w3lik41y] {
        grid-area: 1 / 1 / 2 / 2;
        width: fit-content;
    }

    .unassigned-point-grid .gyoukai-skill-unit[b-f7w3lik41y] {
        display: flex;
        width: fit-content;
        margin-right: 6px;
        grid-area: 1 / 2 / 2 / 3;
    }

    .unassigned-point-grid .shokushu-skill[b-f7w3lik41y] {
        grid-area: 1 / 3 / 2 / 4;
    }

    .unassigned-point-grid .shokushu-skill-unit[b-f7w3lik41y] {
        display: flex;
        width: fit-content;
        margin-right: 6px;
        grid-area: 1 / 4 / 2 / 5;
    }

.unassigned-point-grid .kiso-tool-skill[b-f7w3lik41y] {
    grid-area: 1 / 5 / 2 / 6;
}

    .unassigned-point-grid .kiso-tool-skill-unit[b-f7w3lik41y] {
        display: flex;
        width: fit-content;
        grid-area: 1 / 6 / 2 / 7;
    }
/* /Pages/Dashboard/Status/SkillsSetting.razor.rz.scp.css */
.add-skills-message[b-1rtzpvk4n2] {
    max-width: 626px;
    min-width: 343px;
    margin: 20px auto 10px;
    color: black;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.screen-description[b-1rtzpvk4n2] {
    display: flex;
    margin: auto;
    width: fit-content;
}

.employee-img[b-1rtzpvk4n2] {
    width: 58px;
    height: 60px;
}

.employee-txt[b-1rtzpvk4n2] {
    font-weight: 700;
    font-size: 20px;
}
/* /Pages/Dashboard/Status/Status.razor.rz.scp.css */
/* ステータス画面-ナビゲーション */
.status-nav-area[b-6o0ndt9k2c] {
    position: relative;
    width: 100%;
    height: fit-content;
}

    .status-nav-area nav[b-6o0ndt9k2c] {
        display: flex;
        max-width: 804px;
        height: 42px;
        margin: auto;
    }


        .status-nav-area nav .viewport[b-6o0ndt9k2c] {
            width: 369px;
            margin: auto;
            overflow: hidden;
            cursor: pointer;
        }

            .status-nav-area nav .viewport .content[b-6o0ndt9k2c] {
                display: flex;
                margin: auto;
            }

                .status-nav-area nav .viewport .content .item[b-6o0ndt9k2c] {
                    display: block;
                    width: fit-content;
                    min-width: 90px;
                    height: 42px;
                    margin-right: 3px;
                    padding-top: 8px;
                    border-radius: 8px 8px 0 0;
                    background-color: #dadada;
                    color: #ffffff;
                    text-decoration: none;
                    text-align: center;
                    white-space: nowrap;
                }

                    .status-nav-area nav .viewport .content .item:last-child[b-6o0ndt9k2c] {
                        margin-right: 0;
                    }

                .status-nav-area nav .viewport .content .select[b-6o0ndt9k2c] {
                    background-color: rgba(128, 184, 216, 1) !important;
                }

    .status-nav-area .nav-ubar[b-6o0ndt9k2c] {
        display: flex;
        position: absolute;
        bottom: -4px;
        width: 100%;
    }

        .status-nav-area .nav-ubar .content[b-6o0ndt9k2c] {
            width: 804px;
            height: 8px;
            margin: auto;
            border-radius: 8px;
            background-color: rgba(128, 184, 216, 1);
        }

@media screen and (max-width:1280px) {
    .status-nav-area .nav-ubar .content[b-6o0ndt9k2c] {
        max-width: 369px;
        margin: auto;
    }
}
/* /Pages/Dashboard/Status/Tab/HobbyLicense.razor.rz.scp.css */
.btn-hobbys-licenses-save[b-loxq05sv0y] {
    display: block;
    width: 330px;
    height: 50px;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2f2;
    border-radius: 8px;
    background-color: #d2d2d2;
    color: rgba(70, 69, 69, 1);
    font-weight: 700;
    font-size: 17px;
}
/* /Pages/Dashboard/Status/Tab/Settings.razor.rz.scp.css */
.dsbd-status-setting[b-z5gtyy7ffe] {
    list-style: none;
    margin: 0;
    padding: 0 22px;
}

.avatar-color-container[b-z5gtyy7ffe] {
    display: flex;
    flex-wrap: wrap;
}

.avatar-color-select[b-z5gtyy7ffe] {
    display: flex;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

    .avatar-color-select.select[b-z5gtyy7ffe] {
        border: 2px solid #0072b1;
    }

.avatar-color[b-z5gtyy7ffe] {
    width: 46px;
    height: 46px;
    margin: auto;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: none;
}

.edit-link[b-z5gtyy7ffe] {
    margin-left: auto;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 114, 177, 1);
    cursor: pointer;
}

div[class="edit-link"][b-z5gtyy7ffe] {
    text-decoration: underline;
}
/* /Pages/Dashboard/Status/Tab/Skills.razor.rz.scp.css */
/* スキル一覧-ナビゲーション */
.st-nav-area[b-zbkor5cdbr] {
    position: relative;
    width: 100%;
    height: fit-content;
}

    .st-nav-area nav[b-zbkor5cdbr] {
        display: flex;
        max-width: 804px;
        height: 42px;
        margin: auto;
    }

        .st-nav-area nav .viewport[b-zbkor5cdbr] {
            width: 368px;
            margin: auto;
            overflow: hidden;
            cursor: pointer;
        }

@media screen and (min-width: 1280px) {
    .st-nav-area nav .viewport[b-zbkor5cdbr] {
        width: auto;
    }
}

            .st-nav-area nav .viewport .content[b-zbkor5cdbr] {
                display: flex;
                margin: auto;
            }

                .st-nav-area nav .viewport .content .item[b-zbkor5cdbr] {
                    width: fit-content;
                    min-width: 71px;
                    height: 42px;
                    margin-right: 3px;
                    padding-top: 8px;
                    border-radius: 8px 8px 0 0;
                    border-radius: 8px 8px 0 0;
                    background-color: #dadada;
                    color: #ffffff;
                    text-decoration: none;
                    text-align: center;
                    white-space: nowrap;
                }

                    .st-nav-area nav .viewport .content .item:last-child[b-zbkor5cdbr] {
                        margin-right: 0;
                    }

                .st-nav-area nav .viewport .content .select[b-zbkor5cdbr] {
                    background-color: #0072b1 !important;
                }

    .st-nav-area .nav-ubar[b-zbkor5cdbr] {
        display: flex;
        position: absolute;
        bottom: -4px;
        width: 100%;
    }

        .st-nav-area .nav-ubar .content[b-zbkor5cdbr] {
            width: 804px;
            height: 8px;
            margin: auto;
            border-radius: 8px;
            background-color: #0072b1;
        }

@media screen and (max-width:1280px) {
    .st-nav-area .nav-ubar .content[b-zbkor5cdbr] {
        max-width: 369px;
        margin: auto;
    }
}
/* /Pages/Dashboard/Status/Tab/Top.razor.rz.scp.css */
.years-switching[b-ch2u8b5qp1] {
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: auto 0 4px 20px;
    border-bottom: 3px solid #007db9;
    line-height: 100%;
}

    .years-switching[b-ch2u8b5qp1]:before {
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 50%;
        border-bottom: 3px solid #66aad0;
        content: "";
    }

    .years-switching > span:nth-child(1)[b-ch2u8b5qp1] {
        color: #66aad0;
        font-size: 18px;
        line-height: 100%;
        cursor: pointer;
    }

    .years-switching > span:nth-child(2)[b-ch2u8b5qp1] {
        font-size: 12px;
        line-height: 100%;
    }

    .years-switching > span:nth-child(3)[b-ch2u8b5qp1] {
        color: #007db9;
        font-size: 18px;
        line-height: 100%;
        cursor: pointer;
    }

.status-item-title[b-ch2u8b5qp1] {
    color: rgba(78.63, 78.63, 78.63, 1);
    font-weight: 700;
    font-size: 20px;
}

.new-wow-title[b-ch2u8b5qp1] {
    padding-bottom: 16px;
    line-height: 100%;
}
/* /Pages/Dashboard/Training/Training.razor.rz.scp.css */
/* ----- カテゴリーから探す ----- */
.list-wrapper[b-7umbpa1noz] {
    width: 100%;
    max-width: 626px;
    margin: 5px auto auto auto;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.list-container[b-7umbpa1noz] {
    max-width: 325px;
    margin: auto;
}

.list-title[b-7umbpa1noz] {
    display: flex;
    width: 325px;
    margin: 7px 0;
}

    .list-title span[b-7umbpa1noz] {
        width: fit-content;
        margin-left: 6px;
        color: black;
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

.skill-grp-button[b-7umbpa1noz] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 0;
    border-radius: 0;
    padding: 8px .8rem 8px 1.2rem;
    font-size: 17px;
    background-color: var(--bs-white);
    color: var(--bs-dark);
}

    .skill-grp-button[b-7umbpa1noz]:after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: auto;
        background-image: url(image/arrow_right.png);
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
    }

/*--bs-wrapper*/
.accordion-item.child-accordion-item[b-7umbpa1noz] {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(0,0,0,.125);
}

    .accordion-item.child-accordion-item:first-of-type[b-7umbpa1noz] {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }

.accordion-button[b-7umbpa1noz] {
    padding: 8px .8rem 8px 1.2rem;
    font-size: 17px;
}

    .accordion-button[b-7umbpa1noz]:after {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(image/arrow_drop_down_24px.png);
        background-position: 50% 50%;
        background-size: contain;
        background-size: 40px 40px;
        background-repeat: no-repeat;
    }

    .accordion-button:not(.collapsed)[b-7umbpa1noz] {
        box-shadow: none;
        background-color: var(--bs-white);
        color: var(--bs-dark);
    }

    .accordion-button:focus[b-7umbpa1noz] {
        border-color: transparent;
        box-shadow: none;
    }

.accordion-body[b-7umbpa1noz] {
    list-style-type: none;
    padding: 0;
}
/* ----- カテゴリーから探す ----- */


/* /Pages/Dashboard/WOW/Wow.razor.rz.scp.css */
/* /Pages/Login/Login.razor.rz.scp.css */
form[b-90tu21dqsv]  div[class="validation-summary"] {
    min-height: 31px
}

.whitespace[b-90tu21dqsv] {
    width: 70px;
    height: 100%;
    background-color: red;
}

.img-logo[b-90tu21dqsv] {
    width: 100px;
    height: 96.47px;
    margin-bottom: 20px;
}

.error-container[b-90tu21dqsv] {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px 20px;
}

div[class="error-container"][b-90tu21dqsv]  ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.login-input[b-90tu21dqsv]  input {
    height: 40px;
    margin-bottom: 20px;
}

.link[b-90tu21dqsv] {
    padding-top: 36px;
}

    .link[b-90tu21dqsv]  a {
        color: black;
    }

/* /Pages/Login/PasswordReset.razor.rz.scp.css */
form[b-vsu962kvma]  div[class="validation-summary"] {
    min-height: 31px
}

.img-logo[b-vsu962kvma] {
    width: 100px;
    height: 96.47px;
    margin-bottom: 20px;
}

.error-container[b-vsu962kvma] {

}
div[class="error-container"][b-vsu962kvma]  ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px 0px;
    font-size:20px;
    min-height: 40px;
    justify-content: center;
    align-items: center;
}

.assist-message[b-vsu962kvma] {
    color: #FF0000;
    font-size: 20px;
    padding: 10px 0px 20px;
}

.login-input[b-vsu962kvma]  input {
    height: 40px;
    margin-bottom: 20px;
}


.form-signin[b-vsu962kvma] {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

    .form-signin .checkbox[b-vsu962kvma] {
        font-weight: 400;
    }

    .form-signin .form-floating:focus-within[b-vsu962kvma] {
        z-index: 2;
    }

    .form-signin input[type="email"][b-vsu962kvma] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"][b-vsu962kvma] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
/* /Pages/Login/PasswordResetRequest.razor.rz.scp.css */
form[b-nnb602uguf]  div[class="validation-summary"] {
    min-height: 31px
}

.img-logo[b-nnb602uguf] {
    width: 100px;
    height: 96.47px;
    margin-bottom: 20px;
}

.error-container[b-nnb602uguf] {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px 20px;
}

div[class="error-container"][b-nnb602uguf]  ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div[class="error-container"][b-nnb602uguf]  ul li {
    font-size: 20px;
}

.login-input[b-nnb602uguf]  input {
    height: 40px;
    margin-bottom: 20px;
}

/* /Pages/SkillShare/SkillShare.razor.rz.scp.css */
section[b-gwcx6fl3tb] {
    font-size: 0.8rem;
}

    section h5[b-gwcx6fl3tb] {
        background-color: var(--uniqle-blue);
        color: #fff !important;
        width: 100%;
        height: 35px;
        line-height: 35px;
        margin: 0px;
    }

footer img[b-gwcx6fl3tb] {
    width: 119px;
    height: 40px;
    margin-top: 10px;
}

.skll-ranking[b-gwcx6fl3tb] {
    position: absolute;
    right: 10px;
    bottom: 7px;
    border: none;
    background-color: transparent;
    color: white;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-align: right;
    text-decoration: underline;
    text-decoration-color: white;
    text-underline-offset: 2px;
}

.btn-upimage-close[b-gwcx6fl3tb] {
    width: 28.8px;
    height: 28.8px;
    cursor: pointer;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background-color: #fff;
    border-radius: 50%;
}

.received-wow-list[b-gwcx6fl3tb],
.hobby[b-gwcx6fl3tb],
.licenses[b-gwcx6fl3tb] {
    width: 596px;
}

.hobby[b-gwcx6fl3tb],
.licenses[b-gwcx6fl3tb] {
    min-height: 104px;
    display: grid;
}

@media screen and (max-width:1280px) {
    /*SPビュー*/
    .received-wow-list[b-gwcx6fl3tb],
    .hobby[b-gwcx6fl3tb],
    .licenses[b-gwcx6fl3tb] {
        width: 355px;
    }
}

.btn-yes[b-gwcx6fl3tb] {
    width: 300px;
    height: 50px;
    text-align: left;
    background-color: var(--uniqle-deep-blue);
    color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.share-url[b-gwcx6fl3tb] {
    max-width: 225px;
    word-wrap: break-word;
}

.contentOverlay[b-gwcx6fl3tb] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(245,245,245, .8);
    z-index: 2147483647;
    display: flex;
}

/*スピナ*/
.load-wrapper[b-gwcx6fl3tb] {
    height: fit-content;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 130px;
    top: 20px;
    display: flex;
    flex-direction: column;
}

.load-container[b-gwcx6fl3tb] {
    margin: auto;
    width: 60px;
    height: 60px;
    display: flex;
}

.loader[b-gwcx6fl3tb], .loader[b-gwcx6fl3tb]:after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
    margin: auto;
}

.loader[b-gwcx6fl3tb] {
    position: relative;
    transform: translateZ(0);
    border-top: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-right: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-bottom: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-left: 1.1em solid rgba(0, 113.56, 177.44, 1);
    font-size: 4px;
    text-indent: -9999em;
    animation: load-feed-b-gwcx6fl3tb 1.1s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-animation: load-feed 1.1s infinite linear;
}

@-webkit-keyframes load-feed {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes load-feed-b-gwcx6fl3tb {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}


p[b-gwcx6fl3tb] {
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width:1280px) {
    /*SPビュー*/
    p[b-gwcx6fl3tb] {
        font-size: 12px;
    }
}
/* /Pages/SkillShare/SkillShareWow.razor.rz.scp.css */
section[b-9f7jr14ype] {
    font-size: 0.8rem;
    text-align: center;
}

    section h5[b-9f7jr14ype] {
        background-color: var(--uniqle-blue);
        color: #fff !important;
        width: 100%;
        height: 35px;
        line-height: 35px;
        margin: 0px;
    }


.btn-yes[b-9f7jr14ype] {
    width: 300px;
    height: 50px;
    text-align: left;
    background-color: var(--uniqle-deep-blue);
    color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
/* /Pages/Tutorial/Tutorial.razor.rz.scp.css */
header[b-zmx8rvy4mw] {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #4F4F4F;
}

main[b-zmx8rvy4mw] {
    padding: 25px 0;
}



.fullOverlay[b-zmx8rvy4mw] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 100, 100, .8);
    z-index: 2147483647;
}

    .fullOverlay .text[b-zmx8rvy4mw] {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        color: rgba(250, 250, 250, 1);
        font-size: 24px;
        text-align: center;
    }
/* /Pages/Tutorial/Welcome.razor.rz.scp.css */
header[b-yzchpy8363] {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #4F4F4F;
}

main[b-yzchpy8363] {
    padding: 25px 0;
}

.employee-img[b-yzchpy8363] {
    width: 133px;
    height: 133px;
}

.employee-txt[b-yzchpy8363] {
    font-weight: 700;
    font-size: 20px;
    text-align: left;
}

.screen-description[b-yzchpy8363] {
    width: fit-content;
}

/* その場で */
.fadeIn[b-yzchpy8363] {
    animation-name: fadeInAnime-b-yzchpy8363;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeInAnime-b-yzchpy8363 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeout[b-yzchpy8363] {
    animation: fadein-keyframes-b-yzchpy8363 3s ease 0s 1 forwards;
}

@keyframes fadein-keyframes-b-yzchpy8363 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* /Shared/Component/Dialog/GoldDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-1rdea03pwd] {
    /*width: 333px;*/
    width: 316px;
    height: 306px;
    background-color: rgba(255, 250.02, 233.75, 1);
}

.gold-modal-header[b-1rdea03pwd] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}


.gold-modal-body[b-1rdea03pwd] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.gold-modal-footer[b-1rdea03pwd] {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.btn-pageback[b-1rdea03pwd] {
    width: 300px;
    height: 50px;
    font-size: 20px;
    background-color: #66AAD0;
}
/* /Shared/Component/Dialog/InformationDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-w3j01obnnm] {
    width: 333px;
}

.information-body[b-w3j01obnnm] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

    .information-body .img-close[b-w3j01obnnm] {
        right: 1rem;
        margin-left: auto;
        cursor: pointer;
    }

    .information-body .info-title[b-w3j01obnnm] {
        color: rgba(0, 113.56, 177.44, 1);
        font-weight: 700;
        font-size: 17px;
        line-height: 100%;
    }

    .information-body .info-detail[b-w3j01obnnm] {
        color: black;
        font-weight: 500;
        font-size: 10px;
        line-height: 100%;
    }

    .information-body .info-aria[b-w3j01obnnm] {
        width: 270px;
        margin: auto;
        color: black;
        font-weight: 500;
        font-size: 15px;
        line-height: 100%;
    }
/* /Shared/Component/Dialog/MemberSkillListDialog.razor.rz.scp.css */
.header[b-3st5rmsvzn] {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #f2f2f2;
}

    .header > div[b-3st5rmsvzn] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
    }

        .header > div > div[b-3st5rmsvzn] {
            font-size: 20px;
            font-weight: 700;
            line-height: 100%;
            text-align: center;
            color: #4F4F4F;
        }

    .header .img-close[b-3st5rmsvzn] {
        position: absolute;
        right: 16px;
        cursor: pointer;
    }

.u-modal > .u-modal-wrapper[b-3st5rmsvzn] {
    width: 100%;
    height: 100%;
    padding: 0;
}

    .u-modal > .u-modal-wrapper > .u-modal-content[b-3st5rmsvzn] {
        width: 100%;
        min-width: 340px;
        min-height: 100%;
    }

.search-box[b-3st5rmsvzn] {
    display: flex;
    margin: auto;
    padding: 15px 15px 0 15px;
    width: fit-content;
    position: relative;
}

    .search-box[b-3st5rmsvzn]::before {
        content: "";
        width: 16px;
        height: 16px;
        background: url(image/loupe.png) no-repeat center center / auto 100%;
        display: inline-block;
        position: absolute;
        top: 25px;
        left: 25px;
    }

    .search-box input[b-3st5rmsvzn] {
        padding: 3px 1em 3px 2.3em;
        width: 325px;
        height: 36px;
        font-size: 14px;
    }

/**/
.skills-card[b-3st5rmsvzn] {
    display: flex;
    margin: auto;
    width: 732px;
    height: fit-content;
}

@media screen and (max-width:1280px) {
    .skills-card[b-3st5rmsvzn] {
        width: fit-content;
    }
}

.skills-card .skills-card-body[b-3st5rmsvzn] {
    width: 355px;
    height: fit-content;
    margin: auto;
    padding: 15px;
}

.skills-card ul[b-3st5rmsvzn] {
    list-style: none;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

    .skills-card ul li[b-3st5rmsvzn] {
        display: flex;
        width: 100%;
    }

        .skills-card ul li .skill[b-3st5rmsvzn] {
            display: flex;
            width: 280px;
            /*height: 45px;*/
            margin-bottom: 6px;
            padding: 0 10px;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(217.81, 217.81, 217.81, 1);
            border-radius: 8px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
            background-color: white;
        }

            .skills-card ul li .skill .skill-name[b-3st5rmsvzn] {
                width: 100%;
                height: fit-content;
                margin: auto;
                padding: 10px 10px 10px 0;
                font-size: 17px;
                font-weight: 700;
            }

            .skills-card ul li .skill .skill-rank[b-3st5rmsvzn] {
                display: flex;
                align-items: center;
                width: fit-content;
                margin-right: 15px;
            }

            .skills-card ul li .skill .skill-wow[b-3st5rmsvzn] {
                display: flex;
                align-items: center;
                width: fit-content;
            }

        .skills-card ul li .send-wow[b-3st5rmsvzn] {
            display: flex;
            align-items: center;
            margin-left: auto;
        }

            .skills-card ul li .send-wow > img[b-3st5rmsvzn] {
                cursor: pointer;
            }

/* /Shared/Component/Dialog/MessageDialog.razor.rz.scp.css */
.message-body[b-ciyo8lps44] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

div[class="message-body"][b-ciyo8lps44] {
    color: #000;
}

    div[class="message-body"][data-alert="true"][b-ciyo8lps44] {
        color: var(--uniqle-danger) !important;
    }

.u-modal > .u-modal-wrapper > .u-modal-content[b-ciyo8lps44] {
    width: 316px;
}

div[class="message-body"][b-ciyo8lps44] {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 200px;
    justify-content: center;
    padding: 0 1rem;
    text-align: center;
}

.message-footer[b-ciyo8lps44] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 0 0.75rem 0;
    text-align: center;
}
/* /Shared/Component/Dialog/NgWordDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-ngx34a99bv] {
    width: fit-content;
    height: fit-content;
}

.ngword-content[b-ngx34a99bv] {
    width: 316px;
    height: 307px;
    padding: 29px;
    background-color: #F7F7F7;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .ngword-content .img-wrapper[b-ngx34a99bv] {
        height: 100px;
    }

    .ngword-content .sorry[b-ngx34a99bv] {
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: #6E6E6E;
    }

    .ngword-content .ngword-msg[b-ngx34a99bv] {
        font-size: 15px;
        line-height: 100%;
        text-align: center;
        color: #000000;
        margin-top: 1rem;
    }
/* /Shared/Component/Dialog/PostingDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-v68zer8tea] {
    /*uModal wrap*/
    width: 375px;
}

.posting-header[b-v68zer8tea] {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #f2f2f2;
}

    .posting-header > div[b-v68zer8tea] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
    }

        .posting-header > div > div[b-v68zer8tea] {
            font-size: 20px;
            font-weight: 700;
            line-height: 100%;
            text-align: center;
            color: #4F4F4F;
        }

    .posting-header .img-close[b-v68zer8tea] {
        position: absolute;
        right: 16px;
        cursor: pointer;
    }

label[for="isFinishReading"][b-v68zer8tea] {
    cursor: pointer;
}

input[id="isFinishReading"][b-v68zer8tea] {
    display: none;
}

    input[id="isFinishReading"] + label[b-v68zer8tea] {
        display: none;
        display: inline-block;
        position: relative;
        padding-right: 10px;
        padding-left: 25px;
        cursor: pointer;
    }

        input[id="isFinishReading"] + label[b-v68zer8tea]::before {
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            width: 16.5px;
            height: 16.5px;
            margin-top: -10px;
            border: 2px solid #585753;
            border-radius: 3px;
            box-sizing: border-box;
            background-color: #ffffff;
            content: "";
        }

    input[id="isFinishReading"]:checked + label[b-v68zer8tea]::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 3px;
        transform: rotate(-45deg);
        width: 18px;
        height: 9px;
        margin-top: -12px;
        border-bottom: 3px solid;
        border-left: 3px solid;
        border-color: #585753;
        box-sizing: border-box;
        content: "";
    }

textarea[b-v68zer8tea] {
    width: 100%;
    min-height: 233px;
    padding: 8px;
    border-color: #b3b3b3;
    background-color: #f2f2f2;
    font-size: 20px;
    outline: none;
    resize: none;
}

.btn-upimage-close[b-v68zer8tea] {
    width: 28.8px;
    height: 28.8px;
    cursor: pointer;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background-color: #fff;
    border-radius: 50%;
}

#contentOverlay[b-v68zer8tea] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(245,245,245, .8);
    z-index: 2147483647;
    display: flex;
}

/*スピナ*/
.load-wrapper[b-v68zer8tea] {
    height: fit-content;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 130px;
    top: 20px;
    display: flex;
    flex-direction: column;
}

.load-container[b-v68zer8tea] {
    margin: auto;
    width: 60px;
    height: 60px;
    display: flex;
}

.loader[b-v68zer8tea], .loader[b-v68zer8tea]:after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
    margin: auto;
}

.loader[b-v68zer8tea] {
    position: relative;
    transform: translateZ(0);
    border-top: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-right: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-bottom: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-left: 1.1em solid rgba(0, 113.56, 177.44, 1);
    font-size: 4px;
    text-indent: -9999em;
    animation: load-feed-b-v68zer8tea 1.1s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-animation: load-feed 1.1s infinite linear;
}

@-webkit-keyframes load-feed {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes load-feed-b-v68zer8tea {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
/* /Shared/Component/Dialog/RankUpSkillDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-nqehcuipzs] {
    width: fit-content;
    height: fit-content;
}

.skill-rankup-content[b-nqehcuipzs] {
    width: 316px;
    height: fit-content;
    padding: 29px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .skill-rankup-content .img-wrapper[b-nqehcuipzs] {
        height: 120px;
        position: relative;
    }

        .skill-rankup-content .img-wrapper .img-employee[b-nqehcuipzs] {
            
        }

        .skill-rankup-content .img-wrapper .img-rankup[b-nqehcuipzs] {
            position: absolute;
            right: -20px;
        }

        .skill-rankup-content .img-wrapper .img-twinkle-left[b-nqehcuipzs] {
            position: absolute;
            left: -26px;
        }

        .skill-rankup-content .img-wrapper .img-twinkle-right[b-nqehcuipzs] {
            position: absolute;
            top: 55px;
            right: -24px;
        }

    .skill-rankup-content .skill-rankup[b-nqehcuipzs] {
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: #0072B1;
    }

    .skill-rankup-content .rankup[b-nqehcuipzs] {
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        color: #000000;
    }

    .skill-rankup-content .rankup-message[b-nqehcuipzs] {
        font-size: 15px;
        line-height: 100%;
        color: #000000;
    }
/* /Shared/Component/Dialog/SkillDetailsDialog.razor.rz.scp.css */

.u-modal > .u-modal-wrapper > .u-modal-content[b-txz90v02ke] {
    width: 333px;
}

.skill-details-body[b-txz90v02ke] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

    .skill-details-body .img-close[b-txz90v02ke] {
        position: absolute;
        right: 16px;
        cursor: pointer;
    }

.modal-skill-category[b-txz90v02ke] {
    width: 85%;
    color: rgba(70, 69, 69, 1);
    font-size: 13px;
}

.modal-skill-name[b-txz90v02ke] {
    width: 85%;
    color: rgba(70, 69, 69, 1);
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
}

.modal-skill-u[b-txz90v02ke] {
    margin: 10px 0;
    border-width: .50px;
    border-style: solid;
    border-style: solid;
    border-radius: 8px;
    background-color: rgba(127.50, 58.65, 68.85, .50);
}

.modal-skill-rank-container[b-txz90v02ke] {
    display: flex;
    align-items: center;
}

.modal-skill-rank[b-txz90v02ke] {
    display: flex;
    width: 31px;
    height: 31px;
}

.modal-canvas[b-txz90v02ke] {
    width: 190px;
    height: 19px;
    background-color: #C4C4C4;
}

.modal-skill-point[b-txz90v02ke] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    background-color: #f2f2f2;
    border-radius: 8px;
}

    .modal-skill-point div:first-child[b-txz90v02ke] {
        color: rgba(110, 110, 110, 1);
        font-weight: 700;
        font-size: 15px;
    }

    .modal-skill-point div:last-child[b-txz90v02ke] {
        margin-left: auto;
        color: rgba(110, 110, 110, 1);
        font-weight: 900;
        font-size: 20px;
    }

    .modal-skill-point div[name="wowPoint"][b-txz90v02ke] {
        border-bottom: 2px solid #0072b1;
    }

    .modal-skill-point div[name="experiencePoint"][b-txz90v02ke] {
        border-bottom: 2px solid #80b8d8;
    }

    .modal-skill-point div[name="learningPoint"][b-txz90v02ke] {
        border-bottom: 2px solid #ffcb21;
    }

.wow-container[b-txz90v02ke] {
    display: flex;
    width: fit-content;
    height: fit-content;
}

    .wow-container .wow-user-container[b-txz90v02ke] {
        width: 50px;
        margin: auto 0;
        z-index: 1;
    }

    .wow-container .wow-user-container .wow-usernm-container[b-txz90v02ke] {
        margin: 6px auto auto auto;
        font-size: 10px;
        line-height: 110%;
    }

    .wow-container .skill-name[b-txz90v02ke] {
        width: 130px;
        height: 17px;
        margin: 0 0 4px 0;
        padding: 3px 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: white;
        font-size: 10px;
        line-height: 110%;
    }

    .wow-container .new-wow-status-container[b-txz90v02ke] {
        width: 38px;
        margin: auto 0;
    }

        .wow-container .new-wow-status-container .new-wow-status[b-txz90v02ke] {
            color: rgba(88.59, 167.35, 51.53, 1);
            font-size: 10px;
        }

    .wow-container .hour[b-txz90v02ke] {
        margin: 4px 0 0 auto;
        color: black;
        font-size: 10px;
        line-height: 100%;
        text-align: right;
    }

    .wow-container .skill-name[b-txz90v02ke] {
        width: fit-content;
        max-width: 242px;
        min-width: 130px;
        height: fit-content;
        margin: 0;
        margin-bottom: 4px;
        padding: 1px 4px 0 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: white;
        font-size: 10px;
    }

    .wow-container .arrow-box[b-txz90v02ke] {
        display: table-cell;
        position: relative;
        width: 251px;
        height: 44px;
        padding: 8px;
        border-radius: 8px;
        background: #ffffff;
        color: #333333;
        font-size: 14px;
        line-height: 100%;
        text-align: left;
        vertical-align: middle;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow-wrap: break-word;
    }

        .wow-container .arrow-box[b-txz90v02ke]:after {
            position: absolute;
            top: 24px;
            right: 100%;
            width: 0;
            height: 0;
            margin-top: -10px;
            border: solid transparent;
            border-top-width: 6px;
            border-right-width: 12px;
            border-bottom-width: 6px;
            border-left-width: 12px;
            border-color: rgba(86, 255, 74, 0);
            border-right-color: #ffffff;
            content: "";
            pointer-events: none;
        }

.view-more[b-txz90v02ke] {
    width: 100%;
    margin: 8px auto;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: #c4c4c4;
    font-size: 12px;
}
/* /Shared/Component/Dialog/SkillShareCreateConfirmDialog.razor.rz.scp.css */
.modal-content[b-1xd08wkbf8] {
    width: 316px;
    height: 332px;
    margin: auto;
}

.btn-yes[b-1xd08wkbf8] {
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: var(--uniqle-deep-blue);
    color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

    .btn-yes:hover[b-1xd08wkbf8] {
        color: #fff;
    }

.btn-no[b-1xd08wkbf8] {
    height: 50px;
    width: 100%;
    text-align: left;
    background-color: var(--uniqle-silver);
    color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

    .btn-no:hover[b-1xd08wkbf8] {
        color: #fff;
    }
/* /Shared/Component/Dialog/TrainingRequestDialog.razor.rz.scp.css */
/* ----- 研修申込モーダル ----- */
.training-detail-container[b-yogp2me923] {
    width: 100%;
    margin: 5px auto auto auto;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    font-size: 0.9rem;
}

.biography[b-yogp2me923] {
    text-underline-offset: 4px;
    color: black;
    white-space: nowrap;
    cursor: pointer;
    font-size: 0.9rem;
}

.training-impression[b-yogp2me923] {
    padding: 1rem;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
}

.view-more[b-yogp2me923] {
    width: 100%;
    margin: 8px auto;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: #c4c4c4;
    font-size: 12px;
}

/*bootstrap wrap*/
@media screen and (min-width:576px) {
    .modal-dialog[b-yogp2me923] {
        width: 375px;
    }
}

.btn-close[b-yogp2me923] {
    background: transparent url(./image/close.png) center / 1em auto no-repeat;
    background-size: 34px;
    padding: 0px;
    margin: 0 0 0 auto;
    width: 34px;
    height: 34px;
    opacity: 0.85;
}
/* ----- 研修申込モーダル ----- */

/* ----- 申請中 ----- */
#contentOverlay[b-yogp2me923] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(245,245,245, .8);
    z-index: 2147483647;
    display: flex;
}

.load-wrapper[b-yogp2me923] {
    height: fit-content;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 130px;
    top: 20px;
    display: flex;
    flex-direction: column;
}

.load-container[b-yogp2me923] {
    margin: auto;
    width: 60px;
    height: 60px;
    display: flex;
}

.loader[b-yogp2me923], .loader[b-yogp2me923]:after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
    margin: auto;
}

.loader[b-yogp2me923] {
    position: relative;
    transform: translateZ(0);
    border-top: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-right: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-bottom: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-left: 1.1em solid rgba(0, 113.56, 177.44, 1);
    font-size: 4px;
    text-indent: -9999em;
    animation: load-feed 1.1s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-animation: load-feed 1.1s infinite linear;
}

/* ----- 申請中 ----- */
/* /Shared/Component/Dialog/WowEarnDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-rkw81dggs8] {
    width: fit-content;
    height: fit-content;
}

.wow-earn-content[b-rkw81dggs8] {
    width: 316px;
    height: fit-content;
    padding: 29px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .wow-earn-content .img-wrapper[b-rkw81dggs8] {
        height: 100px;
        position: relative;
    }

    .wow-earn-content .wow-earn[b-rkw81dggs8] {
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: #0072B1;
    }

    .wow-earn-content .wow-earn-message[b-rkw81dggs8] {
        font-size: 15px;
        line-height: 100%;
        color: #000000;
    }
/* /Shared/Component/Dialog/WowSendDialog.razor.rz.scp.css */
.u-modal > .u-modal-wrapper > .u-modal-content[b-zbebc9wouh] {
    width: fit-content;
    height: fit-content;
    overflow: hidden;
}

label[for^="disclosure_"][b-zbebc9wouh] {
    cursor: pointer;
}

input[id^="disclosure_"][b-zbebc9wouh] {
    display: none;
}

    input[id^="disclosure_"] + label[b-zbebc9wouh] {
        display: none;
        display: inline-block;
        position: relative;
        padding-right: 10px;
        padding-left: 25px;
        cursor: pointer;
    }

        input[id^="disclosure_"] + label[b-zbebc9wouh]::before {
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            width: 16.5px;
            height: 16.5px;
            margin-top: -10px;
            border: 2px solid #585753;
            border-radius: 3px;
            box-sizing: border-box;
            background-color: #ffffff;
            content: "";
        }

    input[id^="disclosure_"]:checked + label[b-zbebc9wouh]::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 3px;
        transform: rotate(-45deg);
        width: 18px;
        height: 9px;
        margin-top: -12px;
        border-bottom: 3px solid;
        border-left: 3px solid;
        border-color: #585753;
        box-sizing: border-box;
        content: "";
    }


/*WOW送信完了*/
.wow-send-complete[b-zbebc9wouh] {
    width: 316px;
    /*height: 316px;*/
    padding: 31px 29px 34px 36px;
    background-color: #E9F3FA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .wow-send-complete .wow-send-msg[b-zbebc9wouh] {
        width: 251px;
        height: 26px;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: rgba(0, 113.56, 177.44, 1);
    }

    .wow-send-complete .rest-wow-msg[b-zbebc9wouh] {
        width: 251px;
        height: 26px;
        font-size: 13px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: rgba(0, 113.56, 177.44, 1);
    }

    .wow-send-complete .line-l[b-zbebc9wouh] {
        width: 46px;
        height: 2px;
        left: -50px;
        top: 30px;
        position: absolute;
        border-style: solid;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(129, 49, 0, 1);
    }

    .wow-send-complete .line-m[b-zbebc9wouh] {
        width: 37px;
        height: 3px;
        left: -41px;
        top: 45px;
        position: absolute;
        border-style: solid;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(129, 49, 0, 1);
    }

    .wow-send-complete .line-s[b-zbebc9wouh] {
        width: 28px;
        height: 3px;
        left: -32px;
        top: 60px;
        position: absolute;
        border-style: solid;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(129, 49, 0, 1);
    }

    .wow-send-complete .to-user[b-zbebc9wouh] {
        width: 251px;
        /*height: 87px;*/
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        color: rgba(0, 113.56, 177.44, 1);
    }

/*WOW送信失敗*/
.wow-send-faild[b-zbebc9wouh] {
    width: 316px;
    height: 254px;
    padding: 31px 29px 34px 36px;
    background-color: #F7F7F7;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .wow-send-faild .wow-send-faild-msg[b-zbebc9wouh] {
        width: 251px;
        height: 26px;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: #6E6E6E;
    }

    .wow-send-faild .rest-wow-msg[b-zbebc9wouh] {
        width: 251px;
        height: 26px;
        font-size: 13px;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        color: #6E6E6E;
    }
/* /Shared/Component/FAQ/UserFaq.razor.rz.scp.css */
/* /Shared/Component/Feed/FeedPostView.razor.rz.scp.css */
button[name="editButton"][b-ajldw5i4bk] {
    min-width: 61px;
    height: 29px;
    padding: 0;
    border: 1px solid #b3b3b3;
    background-color: transparent;
    font-size: 13px;
}

.tl-skill[b-ajldw5i4bk] {
    width: fit-content;
    padding: 3.5px 6px;
    border-radius: 8px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: white;
    font-size: 10px;
    line-height: 100%;
}

.book[b-ajldw5i4bk] {
    margin: auto 4px auto 0;
    width: 17px;
    height: 17px;
}

.post[b-ajldw5i4bk] {
    height: fit-content;
    background-color: #DADADA;
    padding: 8px;
    border-radius: 8px;
}

.post-content[b-ajldw5i4bk] {
    line-height: 120%;
    font-size: 1.1rem;
    overflow-wrap: break-word;
}

.see-more[b-ajldw5i4bk] {
    color: #0072B1;
    font-size: 14px;
    margin-top: 8px;
    cursor: pointer;
}

.ogp-thumbnail[b-ajldw5i4bk] {
    background-color: #fff;
}

    .ogp-thumbnail a[b-ajldw5i4bk] {
        cursor: pointer;
        display: flex;
        background-color: #fff;
    }

    .ogp-thumbnail img[b-ajldw5i4bk] {
        max-width: 100%;
        margin: auto;
    }

.ogp-title[b-ajldw5i4bk] {
    background-color: #3A3B3C;
    color: #fff;
    font-weight: 600;
    font-size: 0.7rem;
    padding: 8px;
}

.post-img[b-ajldw5i4bk] {
    background-color: #fff;
}

    .post-img img[b-ajldw5i4bk] {
        max-width: 100%;
        margin: auto;
    }
/* /Shared/Component/Feed/FeedWOW.razor.rz.scp.css */

.timeline .tl-skill[b-6eniersow3] {
    width: fit-content;
    padding: 3.5px 6px;
    border-radius: 8px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: white;
    font-size: 10px;
    line-height: 100%;
}

.timeline .wow-cmt[b-6eniersow3] {
    width: 420px;
    margin: auto;
    color: black;
    font-weight: 700;
    font-size: 2.3rem;
    overflow-wrap: anywhere;
}

.timeline .wow-cmt-back[b-6eniersow3] {
    position: absolute;
    top: 135px;
    right: 50px;
    width: 25%;
}

@media screen and (max-width:1280px) {
    .timeline .wow-cmt[b-6eniersow3] {
        width: 200px;
        font-size: 1rem;
    }

    .timeline .wow-cmt-back[b-6eniersow3] {
        top: 60px;
        right: 20px;
    }
}

.view-more[b-6eniersow3] {
    width: 100%;
    margin: 8px auto;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: #c4c4c4;
    font-size: 12px;
}
/*
.send-wow {
    display: flex;
    align-items: center;
    width: 150px;
    height: 35px;
    border-radius: 8px;
    background-image: linear-gradient(180deg, rgba(237, 164, 176, 1), rgba(204, 2, 36, 1) 70%);
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
}
*/
/*
input[name="cmtInput"] {
    min-width: 192px;
    height: 29px;
    margin: 0 10px;
    background-color: transparent;
    color: black;
    font-size: 16px;
}

button[name="postingButton"] {
    min-width: 61px;
    height: 29px;
    padding: 0;
    border: 1px solid #b3b3b3;
    background-color: transparent;
    font-size: 13px;
}
*/
/* /Shared/Component/Feed/Reaction.razor.rz.scp.css */
.comment-area-wrapper[b-52n4tvnitn] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto 10px;
    border: 1px solid #b3b3b3;
}

    .comment-area-wrapper .comment-area[b-52n4tvnitn] {
        position: relative;
        width: 100%;
        min-height: 29px;
        padding: 3px;
        background-color: #f7f7f7;
        color: red;
        font-size: 16px;
        font-family: "Roboto", "Noto Sans JP" !important;
        resize: none;
        overflow-wrap: break-word;
    }

        .comment-area-wrapper .comment-area textarea[b-52n4tvnitn] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            min-height: 29px;
            padding: 3px;
            overflow: hidden;
            border: 0;
            background-color: #ffffff;
            color: black;
            font-size: 16px;
            outline: none;
            resize: none;
        }

@media screen and (max-width:1280px) {
    .comment-area-wrapper[b-52n4tvnitn] {
        max-width: 184px;
    }
}

button[name="postingButton"][b-52n4tvnitn] {
    min-width: 61px;
    height: 29px;
    padding: 0;
    border: 1px solid #b3b3b3;
    background-color: transparent;
    font-size: 13px;
}

.send-wow[b-52n4tvnitn] {
    display: flex;
    align-items: center;
    width: 150px;
    height: 35px;
    border-radius: 8px;
    background-image: linear-gradient(180deg, rgba(237, 164, 176, 1), rgba(204, 2, 36, 1) 70%);
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
}
/* /Shared/Component/Feed/ReactionComments.razor.rz.scp.css */
.read-more[b-0bey5ikcz9] {
    margin-left: auto;
    font-size: 12px;
    line-height: 100%;
    text-align: right;
    color: black;
    cursor: pointer;
}
/* /Shared/Component/FreewordSearch/LicenseFreewordSearch.razor.rz.scp.css */
/* フリーワードで探す */
.freeword-search-wrapper[b-llf0f8wh0d] {
    max-width: 626px;
    width: 100%;
    height: 122px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    border-radius: 5px;
    margin: auto;
    padding: 15px;
}

.freeword-search-container[b-llf0f8wh0d] {
    max-width: 325px;
    margin: auto;
}

.freeword-search-title[b-llf0f8wh0d] {
    display: flex;
    width: fit-content;
    margin: 7px 0 18px 0;
}

    .freeword-search-title span[b-llf0f8wh0d] {
        width: fit-content;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        color: black;
        margin-left: 6px;
    }

@media screen and (max-width:1280px) {

    /*SP View*/
    .freeword-search-title[data-centering="true"][b-llf0f8wh0d] {
        margin: 7px auto 18px;
    }
}

/* 一覧から探す & フリーワード検索結果一覧*/
.cbx-listitem[b-llf0f8wh0d] {
    margin: auto 1rem auto 0;
    cursor: pointer;
}

/*ヘルプボタン*/
.btn-help[b-llf0f8wh0d] {
    padding: 0;
    margin: auto 10px auto auto;
    border: none;
    background: transparent;
}

input[type=checkbox][name="avatarSelect"] + label[b-llf0f8wh0d]:before {
    content: "";
    display: inline-block;
    background-size: contain;
    width: 17px;
    height: 17px;
}
/*ヘルプツールチップ */
div[class="help-contents"][b-llf0f8wh0d] {
    position: absolute;
    top: 100%;
    left: 5px;
    z-index: 9999;
}

.d-block-help[b-llf0f8wh0d] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 9999 !important;
}

.help-contents[b-llf0f8wh0d] {
    display: none;
    position: relative;
    width: 320px;
    height: fit-content;
    background: #F2F2F2 !important;
    padding: 10px;
    text-align: left;
    border: 1px solid #B3B3B3;
    color: #000000;
    font-size: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .help-contents[b-llf0f8wh0d]:after,
    .help-contents[b-llf0f8wh0d]:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        bottom: 100%;
        left: 304px;
    }

    .help-contents[b-llf0f8wh0d]:after {
        border-color: rgba(242, 242, 242, 0);
        border-top-width: 10px;
        border-bottom-width: 13px;
        border-left-width: 7px;
        border-right-width: 7px;
        margin-left: -10px;
        border-bottom-color: #F2F2F2;
    }

    .help-contents[b-llf0f8wh0d]:before {
        border-color: rgba(179, 179, 179, 0);
        border-top-width: 11px;
        border-bottom-width: 14px;
        border-left-width: 8px;
        border-right-width: 8px;
        margin-left: -11px;
        margin-bottom: 1px;
        border-bottom-color: #B3B3B3;
    }



/* 検索結果ダイアログ */
.u-modal > .u-modal-wrapper > .u-modal-content[b-llf0f8wh0d] {
    background-color: transparent;
    border: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 70px 1fr 70px;
}

.modal-body-ul-overflow[b-llf0f8wh0d] {
    /*max-height: 520px;*/
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.fw-srch-rslt-header[b-llf0f8wh0d] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    grid-area: 1 / 1 / 2 / 2;
}

    .fw-srch-rslt-header > div[b-llf0f8wh0d] {
        width: 326px;
        height: 50px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .fw-srch-rslt-header > div > div[b-llf0f8wh0d] {
        width: 326px;
        height: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: rgba(179, 179, 179, 1);
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .fw-srch-rslt-header > div > div p[b-llf0f8wh0d] {
            width: 326px;
            height: 40px;
            font-size: 20px;
            line-height: 100%;
            text-align: center;
            color: white;
            padding: 0.7rem;
            margin: auto;
        }

.fw-srch-rslt-body[b-llf0f8wh0d] {
    position: relative;
    flex: 1 1 auto;
    grid-area: 2 / 1 / 3 / 2;
}

    .fw-srch-rslt-body > div[b-llf0f8wh0d] {
        color: var(--uniqle-danger);
        width: 100%;
        height: 50px;
        background-color: #FFFFFF;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .fw-srch-rslt-body > div p[b-llf0f8wh0d] {
            margin: auto;
        }

    .fw-srch-rslt-body ul[b-llf0f8wh0d] {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 17px;
        min-width: 330px;
        max-width: fit-content;
        margin: auto;
        padding: 0 5px 0 5px;
    }

        .fw-srch-rslt-body ul li[b-llf0f8wh0d] {
            margin: 0 0 10px 0;
            position: relative;
            width: 320px;

            display: flex;
            min-height: 50px;
            max-height: 50px;
        }

            .fw-srch-rslt-body ul li:last-child[b-llf0f8wh0d] {
                margin: 0 0 0 0;
                position: relative;
            }

            .fw-srch-rslt-body ul li > div[b-llf0f8wh0d] {
                width: 320px;
                min-height: 45px;
                height: fit-content;
                border-radius: 8px;
                border-style: solid;
                border-width: 1px;
                border-color: rgba(217.81, 217.81, 217.81, 1);
                background-color: #FFFFFF;

                margin-top: auto;
                margin-bottom: auto;
                width: 100%;
            }

                .fw-srch-rslt-body ul li > div > label[b-llf0f8wh0d] {
                    width: fit-content;
                    max-width: 210px;
                    margin: auto 0;

                    display: grid;
                    place-items: center;

                    line-height: 100%;
                    min-height: 50px;
                    max-height: 50px;
                }

.fw-srch-rslt-footer[b-llf0f8wh0d] {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    grid-area: 3 / 1 / 4 / 2;
}
/* /Shared/Component/FreewordSearch/SkillFreewordSearch.razor.rz.scp.css */
/* フリーワードで探す */
.freeword-search-wrapper[b-wwjpdlo7pd] {
    max-width: 626px;
    width: 100%;
    height: 122px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    border-radius: 5px;
    margin: auto;
    padding: 15px;
}

.freeword-search-container[b-wwjpdlo7pd] {
    max-width: 325px;
    margin: auto;
}

.freeword-search-title[b-wwjpdlo7pd] {
    display: flex;
    width: fit-content;
    margin: 7px 0 18px 0;
}

    .freeword-search-title span[b-wwjpdlo7pd] {
        width: fit-content;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        color: black;
        margin-left: 6px;
    }

@media screen and (max-width:1280px) {

    /*SP View*/
    .freeword-search-title[data-centering="true"][b-wwjpdlo7pd] {
        margin: 7px auto 18px;
    }
}


/* 一覧から探す & フリーワード検索結果一覧*/
.cbx-listitem[b-wwjpdlo7pd] {
    margin: auto 1rem auto 0;
    cursor: pointer;
}

/*ヘルプボタン*/
.btn-help[b-wwjpdlo7pd] {
    padding: 0;
    margin: auto 10px auto auto;
    border: none;
    background: transparent;
}

input[type=checkbox][name="avatarSelect"] + label[b-wwjpdlo7pd]:before {
    content: "";
    display: inline-block;
    background-size: contain;
    width: 17px;
    height: 17px;
}
/*ヘルプツールチップ */
div[class="help-contents"][b-wwjpdlo7pd] {
    position: absolute;
    top: 100%;
    left: 5px;
    z-index: 9999;
}

.d-block-help[b-wwjpdlo7pd] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 9999 !important;
}

.help-contents[b-wwjpdlo7pd] {
    display: none;
    position: relative;
    width: 320px;
    height: fit-content;
    background: #F2F2F2 !important;
    padding: 10px;
    text-align: left;
    border: 1px solid #B3B3B3;
    color: #000000;
    font-size: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .help-contents[b-wwjpdlo7pd]:after,
    .help-contents[b-wwjpdlo7pd]:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        bottom: 100%;
        left: 304px;
    }

    .help-contents[b-wwjpdlo7pd]:after {
        border-color: rgba(242, 242, 242, 0);
        border-top-width: 10px;
        border-bottom-width: 13px;
        border-left-width: 7px;
        border-right-width: 7px;
        margin-left: -10px;
        border-bottom-color: #F2F2F2;
    }

    .help-contents[b-wwjpdlo7pd]:before {
        border-color: rgba(179, 179, 179, 0);
        border-top-width: 11px;
        border-bottom-width: 14px;
        border-left-width: 8px;
        border-right-width: 8px;
        margin-left: -11px;
        margin-bottom: 1px;
        border-bottom-color: #B3B3B3;
    }



/* 検索結果ダイアログ */
.u-modal > .u-modal-wrapper > .u-modal-content[b-wwjpdlo7pd] {
    background-color: transparent;
    border: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 70px 1fr 70px;
}

.modal-body-ul-overflow[b-wwjpdlo7pd] {
    /*max-height: 520px;*/
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.fw-srch-rslt-header[b-wwjpdlo7pd] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    grid-area: 1 / 1 / 2 / 2;
}

    .fw-srch-rslt-header > div[b-wwjpdlo7pd] {
        width: 326px;
        height: 50px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

        .fw-srch-rslt-header > div > div[b-wwjpdlo7pd] {
            width: 326px;
            height: 50px;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: rgba(179, 179, 179, 1);
            border-radius: 8px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

            .fw-srch-rslt-header > div > div p[b-wwjpdlo7pd] {
                width: 326px;
                height: 40px;
                font-size: 20px;
                line-height: 100%;
                text-align: center;
                color: white;
                padding: 0.7rem;
                margin: auto;
            }

.fw-srch-rslt-body[b-wwjpdlo7pd] {
    position: relative;
    flex: 1 1 auto;
    grid-area: 2 / 1 / 3 / 2;
}

    .fw-srch-rslt-body > div[b-wwjpdlo7pd] {
        color: var(--uniqle-danger);
        width: 100%;
        height: 50px;
        background-color: #FFFFFF;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .fw-srch-rslt-body > div p[b-wwjpdlo7pd] {
            margin: auto;
        }

    .fw-srch-rslt-body ul[b-wwjpdlo7pd] {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 17px;
        min-width: 330px;
        max-width: fit-content;
        margin: auto;
        padding: 0 5px 0 5px;
    }

        .fw-srch-rslt-body ul li[b-wwjpdlo7pd] {
            margin: 0 0 10px 0;
            position: relative;
            width: 320px;

            display: flex;
            min-height: 50px;
            max-height: 50px;
        }

            .fw-srch-rslt-body ul li:last-child[b-wwjpdlo7pd] {
                margin: 0 0 0 0;
                position: relative;
            }

            .fw-srch-rslt-body ul li > div[b-wwjpdlo7pd] {
                width: 320px;
                min-height: 45px;
                height: fit-content;
                border-radius: 8px;
                border-style: solid;
                border-width: 1px;
                border-color: rgba(217.81, 217.81, 217.81, 1);
                background-color: #FFFFFF;

                margin-top: auto;
                margin-bottom: auto;
                width: 100%;
            }

                .fw-srch-rslt-body ul li > div > label[b-wwjpdlo7pd] {
                    width: fit-content;
                    max-width: 210px;
                    margin: auto 0;

                    display: grid;
                    place-items: center;

                    line-height: 100%;
                    min-height: 50px;
                    max-height: 50px;
                }

.fw-srch-rslt-footer[b-wwjpdlo7pd] {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    grid-area: 3 / 1 / 4 / 2;
}
/* /Shared/Component/FreewordSearch/TrainingFreewordSearch.razor.rz.scp.css */
/*bootstrap wrap*/
@media screen and (min-width:576px) {
    .modal-dialog[b-us3g4obetq] {
        width: 375px;
        /*width: 380px;*/
    }
}

.modal-content[b-us3g4obetq] {
    background-color: transparent;
    border: none;
}


/* ----- 検索結果ダイアログ ----- */
.title[b-us3g4obetq] {
    width: 326px;
    height: 50px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    margin: auto;
    background-color: rgba(179, 179, 179, 1);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

ul[b-us3g4obetq] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 17px;
    /*min-width: 330px;*/
    /*max-width: fit-content;*/
    margin: auto;
    padding: 0 5px 0 5px;
}

    ul li[b-us3g4obetq] {
        margin: 0 0 10px 0;
        position: relative;
        /*width: 320px;*/
        display: flex;
    }

        ul li:last-child[b-us3g4obetq] {
            margin: 0 0 0 0;
            position: relative;
        }

        ul li > div[b-us3g4obetq] {
            /*width: 320px;*/
            min-height: 45px;
            height: fit-content;
            border-radius: 8px;
            border-style: solid;
            border-width: 1px;
            border-color: rgba(217.81, 217.81, 217.81, 1);
            background-color: #FFFFFF;
            margin-top: auto;
            margin-bottom: auto;
            width: 100%;
        }

            ul li > div > label[b-us3g4obetq] {
                width: fit-content;
                max-width: 210px;
                margin: auto 0;
                display: grid;
                place-items: center;
                line-height: 100%;
                min-height: 50px;
                max-height: 50px;
            }

/* ----- 検索結果ダイアログ ----- */

/* ----- 講座詳細 ----- */
.training-card[b-us3g4obetq] {
    width: 100%;
    padding: 10px;
    background-color: #f2f2f2;
}

.total-training-sessions[b-us3g4obetq] {
    padding: 3px 4px;
    border-radius: 4px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: #ffffff;
    font-size: 0.7rem;
    text-align: start;
}

.training-image[b-us3g4obetq] {
    min-width: 58px;
    max-width: 58px;
    min-height: 58px;
    max-height: 58px;
    background-color: #c4c4c4;
}

.training-sessions[b-us3g4obetq] {
    font-size: 0.9rem;
}

.sessions-detail[b-us3g4obetq] {
    width: 260px;
}

    .sessions-detail span[b-us3g4obetq] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

/* ----- 講座詳細 ----- */

/* ----- フリーワードで探す ----- */
.freeword-search-wrapper[b-us3g4obetq] {
    max-width: 626px;
    width: 100%;
    height: 122px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    border-radius: 5px;
    margin: auto;
    padding: 15px;
}

.freeword-search-container[b-us3g4obetq] {
    max-width: 325px;
    margin: auto;
}

.freeword-search-title[b-us3g4obetq] {
    display: flex;
    width: fit-content;
    margin: 7px 0 18px 0;
}

    .freeword-search-title span[b-us3g4obetq] {
        width: fit-content;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        color: black;
        margin-left: 6px;
    }

@media screen and (max-width:1280px) {

    /*SP View*/
    .freeword-search-title[data-centering="true"][b-us3g4obetq] {
        margin: 7px auto 18px;
    }
}
/* ----- フリーワードで探す ----- */

/* /Shared/Component/FreewordSearch/WowSendSkillFreewordSearch.razor.rz.scp.css */
/* フリーワードで探す */
.freeword-search-wrapper[b-7oozvymf7p] {
    max-width: 626px;
    width: 100%;
    height: 122px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    border-radius: 5px;
    margin: auto;
    padding: 15px;
}

.freeword-search-container[b-7oozvymf7p] {
    max-width: 325px;
    margin: auto;
}

.freeword-search-title[b-7oozvymf7p] {
    display: flex;
    width: fit-content;
    margin: 7px 0 18px 0;
}

    .freeword-search-title span[b-7oozvymf7p] {
        width: fit-content;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        color: black;
        margin-left: 6px;
    }

@media screen and (max-width:1280px) {

    /*SP View*/
    .freeword-search-title[data-centering="true"][b-7oozvymf7p] {
        margin: 7px auto 18px;
    }
}

.search-box[b-7oozvymf7p] {
    display: flex;
    margin: auto;
    width: 100%;
    position: relative;
}

    .search-box[b-7oozvymf7p]::before {
        content: "";
        width: 16px;
        height: 16px;
        background: url(image/loupe.png) no-repeat center center / auto 100%;
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .search-box form[b-7oozvymf7p] {
        width: 100%;
    }

    .search-box input[b-7oozvymf7p] {
        padding: 3px 1em 3px 2.3em;
        width: 100%;
        height: 36px;
        font-size: 14px;
    }
/* /Shared/Component/Gold/GoldExchange.razor.rz.scp.css */
/*ヘルプボタン*/
.btn-goldhelp[b-iyxefhxy6v] {
    padding: 0;
    border: none;
    background: transparent;
}

/*ヘルプツールチップ*/
div[class="arrow-box-gold"][b-iyxefhxy6v] {
    position: absolute;
    top: 100%;
    z-index: 9999;
}

.d-block-goldhelp[b-iyxefhxy6v] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 9999 !important;
}

.arrow-box-gold[b-iyxefhxy6v] {
    display: none;
    position: relative;
    width: 320px;
    height: fit-content;
    background: #F2F2F2;
    padding: 10px;
    text-align: left;
    border: 1px solid #B3B3B3;
    color: #000000;
    font-size: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .arrow-box-gold[b-iyxefhxy6v]:after,
    .arrow-box-gold[b-iyxefhxy6v]:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        bottom: 100%;
        left: 30px;
    }

    .arrow-box-gold[b-iyxefhxy6v]:after {
        border-color: rgba(242, 242, 242, 0);
        border-top-width: 10px;
        border-bottom-width: 13px;
        border-left-width: 7px;
        border-right-width: 7px;
        margin-left: -10px;
        border-bottom-color: #F2F2F2;
    }

    .arrow-box-gold[b-iyxefhxy6v]:before {
        border-color: rgba(179, 179, 179, 0);
        border-top-width: 11px;
        border-bottom-width: 14px;
        border-left-width: 8px;
        border-right-width: 8px;
        margin-left: -11px;
        margin-bottom: 1px;
        border-bottom-color: #B3B3B3;
    }
/* /Shared/Component/Gold/GoldHistory.razor.rz.scp.css */
/* /Shared/Component/Gold/PossessionGold.razor.rz.scp.css */
/* /Shared/Component/HeroInterview/HeroInterview.razor.rz.scp.css */
.profile-container[b-lqz2rlilwp] {
    display: flex;
    width: fit-content;
    min-width: 355px;
    padding: 10px 12px 10px 12px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: white;
}

@media screen and (max-width:1280px) {
    .profile-container[b-lqz2rlilwp] {
        width: 355px;
    }
}


.profile[b-lqz2rlilwp] {
    display: grid;
    height: 100%;
    grid-template-columns: 120px 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
}

@media screen and (max-width:1280px) {
    .profile[b-lqz2rlilwp] {
        grid-template-columns: 120px 1fr !important;
    }
}

.profile-item1[b-lqz2rlilwp] {
    /*width: 120px;*/
    height: fit-content;
    grid-area: 1 / 1 / 2 / 2;
}

    .profile-item1 p:nth-child(2)[b-lqz2rlilwp] {
        margin: 0;
    }

.profile-item2[b-lqz2rlilwp] {
    height: fit-content;
    grid-area: 1 / 2 / 2 / 3;
}

    .profile-item2 p[b-lqz2rlilwp] {
        display: flex;
        width: 208px;
        padding-left: 14px;
        font-size: 15px;
        line-height: 100%;
        color: black;
    }

    .profile-item2 p:nth-child(2)[b-lqz2rlilwp] {
        margin: 0;
    }

.profile-item3[b-lqz2rlilwp] {
    display: flex;
    grid-area: 2 / 1 / 3 / 2;
}

    .profile-item3 .avater-container[b-lqz2rlilwp] {
        display: flex;
        position: relative;
        width: 118px;
        height: 169px;
        margin: 10px auto auto auto;
        border-width: 1px;
        border-style: solid;
        border-style: solid;
        border-color: rgba(58, 171, 210, 1);
    }

    .profile-item3 .career-counsling-badge[b-lqz2rlilwp] {
        position: absolute;
        top: 7px;
        left: 7px;
    }

.profile-item4[b-lqz2rlilwp] {
    grid-area: 2 / 2 / 3 / 3;
}

    .profile-item4 .total-wow-container[b-lqz2rlilwp] {
        display: flex;
        width: 132px;
        height: 72px;
        border-radius: 8px;
        background-color: rgba(0, 113.56, 177.44, 1);
    }

        .profile-item4 .total-wow-container div[b-lqz2rlilwp] {
            color: white;
        }

            .profile-item4 .total-wow-container div:nth-child(1)[b-lqz2rlilwp] {
                font-weight: 900;
                font-size: 24px;
            }

            .profile-item4 .total-wow-container div:nth-child(2)[b-lqz2rlilwp] {
                font-size: 13px;
            }

    .profile-item4 .day-over-day[b-lqz2rlilwp] {
        margin: auto 0 auto 8px;
        color: rgba(0, 113.56, 177.44, 1);
        font-size: 10px;
        line-height: 100%;
    }

    .profile-item4 .rankup-skill-container[b-lqz2rlilwp] {
        display: flex;
        width: 208px;
        height: fit-content;
        margin-top: 15px;
        margin-left: 2px;
        padding: 2px 7px;
        border-radius: 4px;
        background-color: rgba(242.25, 242.25, 242.25, 1);
    }

        .profile-item4 .rankup-skill-container .rankup-skill-row[b-lqz2rlilwp] {
            display: flex;
            position: relative;
            height: 26px;
            margin: auto;
            padding-top: calc(26px - 17px);
        }

            .profile-item4 .rankup-skill-container .rankup-skill-row .new-txt[b-lqz2rlilwp] {
                position: absolute;
                top: 1px;
                left: 1px;
                height: fit-content;
                margin: 0;
                color: rgba(255, 229.61, 1.06, 1);
                font-weight: 700;
                font-size: 10px;
                line-height: 100%;
                text-shadow: 1px 1px 0 #000000, -1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000;
            }

            .profile-item4 .rankup-skill-container .rankup-skill-row .rankup-skill-name[b-lqz2rlilwp] {
                width: 130px;
                height: 17px;
                margin: 0;
                padding: 1px 0 0 4px;
                border-radius: 4px;
                background-color: rgba(0, 113.56, 177.44, 1);
                color: white;
                font-size: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .profile-item4 .rankup-skill-container .rankup-skill-row .rank-change[b-lqz2rlilwp] {
                margin: 2px 8px auto 8px;
                color: rgba(78.63, 78.63, 78.63, 1);
                font-weight: 700;
                font-size: 15px;
                line-height: 100%;
            }

            .profile-item4 .rankup-skill-container .rankup-skill-row .rankup[b-lqz2rlilwp] {
                width: 15px;
                height: 15px;
                margin: 2px 0 0 0;
            }

.profile-item5[b-lqz2rlilwp] {
    grid-area: 3 / 1 / 4 / 2;
}

    .profile-item5 .wow-remaining[b-lqz2rlilwp] {
        margin-top: 8px;
        color: rgba(0, 113.56, 177.44, 1);
        font-weight: 700;
        font-size: 10px;
    }

.profile-item6[b-lqz2rlilwp] {
    grid-area: 3 / 2 / 4 / 3;
}

    .profile-item6 .point-container[b-lqz2rlilwp] {
        display: flex;
        flex-wrap: wrap;
        margin-left: 2px;
        width: 208px;
        border-radius: 4px;
        background-color: rgba(242.25, 242.25, 242.25, 1);
        justify-content: center;
    }

        .profile-item6 .point-container div[b-lqz2rlilwp] {
            display: flex;
            margin: 4px 0;
        }

        .profile-item6 .point-container img[b-lqz2rlilwp] {
            margin: auto 5px;
        }

        .profile-item6 .point-container span[b-lqz2rlilwp] {
            margin: auto 5px;
        }


.profile-notification[b-lqz2rlilwp] {
    width: 355px;
    height: 73px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 9px;
    padding-left: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: rgba(128, 184, 216, .30);
}

    .profile-notification .message[b-lqz2rlilwp] {
        width: 310px;
        padding-left: 10px;
        color: black;
        font-size: 13px;
    }

    .profile-notification > div[b-lqz2rlilwp] {
        display: block;
        margin: 0 0 0 auto;
        color: rgba(0, 113.56, 177.44, 1);
        font-size: 13px;
        line-height: 100%;
        text-align: right;
        width: fit-content;
    }
    .profile-notification > .notice-link[b-lqz2rlilwp] {
        border-bottom: 1px solid;
        cursor: pointer;
    }
/* /Shared/Component/HeroInterview/MemberHeroInterview.razor.rz.scp.css */
.profile-container[b-fkjwuqximp] {
    display: flex;
    width: fit-content;
    min-width: 355px;
    height: fit-content;
    padding: 10px 13px 10px 14px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: white;
}

@media screen and (max-width: 1280px) {
    .profile-container[b-fkjwuqximp] {
        width: 355px;
    }
}

.profile[b-fkjwuqximp] {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 240px 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
}

@media screen and (max-width: 1280px) {
    .profile[b-fkjwuqximp] {
        grid-template-columns: 120px 1fr;
    }
}

.profile-item1[b-fkjwuqximp] {
    height: fit-content;
    grid-area: 1 / 1 / 2 / 2;
}

    .profile-item1 p:nth-child(2)[b-fkjwuqximp] {
        margin: 0;
    }

.profile-item2[b-fkjwuqximp] {
    display: flex;
    grid-area: 2 / 1 / 3 / 2;
}

    .profile-item2 .avater-container[b-fkjwuqximp] {
        display: flex;
        position: relative;
        width: 118px;
        height: 169px;
        margin: 10px auto auto auto;
    }

    .profile-item2 .career-counsling-badge[b-fkjwuqximp] {
        position: absolute;
        top: 7px;
        left: 7px;
    }

.profile-item3[b-fkjwuqximp] {
    height: 100%;
    display: flex;
    flex-flow: column;
    padding-left: 20px;
    grid-area: 1 / 2 / 3 / 3;
}

    .profile-item3 .arrow-box[b-fkjwuqximp] {
        word-break: break-all;
        margin: auto;
        position: relative;
        width: 100%;
        min-height: 60px;
        background: #fff;
        padding: 10px;
        text-align: left;
        color: #000000;
        font-size: 15px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        /*影*/
        -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        -moz-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        -ms-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }

        .profile-item3 .arrow-box[b-fkjwuqximp]:after {
            border: solid transparent;
            content: '';
            height: 0;
            width: 0;
            pointer-events: none;
            position: absolute;
            border-color: rgba(90, 230, 40, 0);
            border-top-width: 16px;
            border-bottom-width: 16px;
            border-left-width: 15px;
            border-right-width: 15px;
            margin-top: -16px;
            border-right-color: #fff;
            right: 100%;
            top: 50%;
        }
/* /Shared/Component/Hobby/HobbyTextArea.razor.rz.scp.css */
.hobbys-card[b-y2p3rnjlrt] {
    display: flex;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.hobbys-card .hobbys-card-body[b-y2p3rnjlrt] {
    width: 355px;
    height: fit-content;
    margin: auto;
    padding: 15px;
}

.hobbys-card .title[b-y2p3rnjlrt] {
    width: fit-content;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    color: rgba(70, 69, 69, 1);
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.btn-hobbys-licenses-save[b-y2p3rnjlrt] {
    margin: 0 auto;
    width: 330px;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    border-style: solid;
    border-color: #F2F2F2;
    border-radius: 8px;
    background-color: #D2D2D2;
    color: rgba(70, 69, 69, 1);
    font-weight: 700;
    display: block;
    font-size: 17px;
}
/* /Shared/Component/Information/Information.razor.rz.scp.css */
.info-container[b-div4xl1zvp] {
    width: 355px;
    height: fit-content;
    padding: 11px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

    .info-container p[b-div4xl1zvp] {
        width: fit-content;
        margin: 11px 0 0 0;
        color: rgba(0, 113.56, 177.44, 1);
        font-weight: 700;
        font-size: 15px;
        line-height: 140%;
        text-decoration: underline;
        text-underline-offset: 2px;
        cursor: pointer;
    }

    .info-container p:nth-child(1)[b-div4xl1zvp] {
        margin: 0;
    }

/* /Shared/Component/LicenseList/LicenseList.razor.rz.scp.css */
.licenses-card[b-xtsebt8clt] {
    display: flex;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

    .licenses-card .licenses-card-body[b-xtsebt8clt] {
        width: 355px;
        height: fit-content;
        margin: auto;
        padding: 15px;
    }

    .licenses-card .title[b-xtsebt8clt] {
        width: fit-content;
        background-color: rgba(242.25, 242.25, 242.25, 1);
        color: rgba(70, 69, 69, 1);
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

    .licenses-card ul[b-xtsebt8clt] {
        list-style: none;
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;
    }

        .licenses-card ul li[b-xtsebt8clt] {
            display: flex;
            width: 100%;
        }

            .licenses-card ul li .license[b-xtsebt8clt] {
                display: flex;
                width: 280px;
                /*height: 45px;*/
                margin-bottom: 6px;
                padding: 0 10px;
                border-width: 1px;
                border-style: solid;
                border-color: rgba(217.81, 217.81, 217.81, 1);
                border-radius: 8px;
                box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
                background-color: white;
                cursor: pointer;
            }

                /*.licenses-card ul li .license[data-hidden="true"] {
                    background-color: #D1D1D1;
                }*/

                .licenses-card ul li .license-hidden[b-xtsebt8clt] {
                    background-color: #e1e1e1;
                }

                .licenses-card ul li .license .license-name[b-xtsebt8clt] {
                    width: 100%;
                    height: fit-content;
                    margin: 10px;
                    font-weight: 700;
                    font-size: 17px;
                }


            .licenses-card ul li .license-pvt-sw[b-xtsebt8clt] {
                display: flex;
                align-items: center;
                margin-left: auto;
            }

                .licenses-card ul li .license-pvt-sw > img[b-xtsebt8clt] {
                    cursor: pointer;
                }

    .licenses-card .licenses-card-body .btn-addlicense[b-xtsebt8clt] {
        margin-top: 10px;
        width: 330px;
        height: 50px;
        border-width: 1px;
        border-style: solid;
        border-style: solid;
        border-color: #C4C4C4;
        border-radius: 8px;
        background-color: #F2F2F2;
        color: rgba(70, 69, 69, 1);
        font-weight: 700;
        font-size: 17px;
    }
/* /Shared/Component/ListSearch/LicenseListSearch.razor.rz.scp.css */
.list-search-container[b-lhdy6alqz0] {
    max-width: 626px;
    width: 100%;
    height: fit-content;
    min-height: 49px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    border-radius: 5px;
    margin: auto;
    padding: 15px;
}

.list-search-child-container[b-lhdy6alqz0] {
    width: 325px;
    margin: auto;
}

.list-search-title-container[b-lhdy6alqz0] {
    display: flex;
    width: 325px;
}

    .list-search-title-container img[b-lhdy6alqz0] {
        margin: auto 0;
    }

    .list-search-title-container span[b-lhdy6alqz0] {
        width: 100%;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        color: black;
        margin: auto 0 auto 6px;
    }

@media screen and (max-width:1280px) {

    /*SP View*/
    .list-search-title-container[b-lhdy6alqz0] {
        margin: 0;
    }
}

.licenses-list-open[b-lhdy6alqz0] {
    cursor: pointer;
}

/* 画像選択チェックボックス */
input[type=checkbox][id="cbx-ac"] + label[b-lhdy6alqz0]:before {
    content: "";
    display: inline-block;
    background-size: contain;
    width: 40px;
    height: 40px;
}

input[type=checkbox][id="cbx-ac"]:checked + label[b-lhdy6alqz0] {
    background-image: url(image/arrow_drop_up_24px.png);
}

input[type=checkbox][id="cbx-ac"][b-lhdy6alqz0] {
    display: none;
}

label[class="licenses-list-open"][b-lhdy6alqz0] {
    content: none;
    display: inline-block;
    background-size: contain;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(image/arrow_drop_down_24px.png);
}


/* 資格一覧 */
ul[id="licenseList"][b-lhdy6alqz0] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 17px;
}

    ul[id="licenseList"].is-close[b-lhdy6alqz0] {
        /* accordion close */
        display: none;
        opacity: 1;
        animation: hide-license-b-lhdy6alqz0 .3s linear 0s forwards;
    }

    ul[id="licenseList"].is-open[b-lhdy6alqz0] {
        /* accordion open */
        display: block;
        opacity: 1;
        border-bottom: 1px solid #B3B3B3;
        animation: show-license-b-lhdy6alqz0 .3s linear 0s forwards;
    }

/* accordion close animation */
@keyframes hide-license-b-lhdy6alqz0 {
    0% {
        display: block;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

/* accordion open animation */
@keyframes show-license-b-lhdy6alqz0 {
    0% {
        display: none;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

li[b-lhdy6alqz0], p[b-lhdy6alqz0] {
    margin: 0;
}

ul[id="licenseList"][b-lhdy6alqz0] >  div {
    /* accordion close */
    max-height: 0;
    transition: max-height .3s ease-out;
}

ul[id="licenseList"].is-open[b-lhdy6alqz0] >  div {
    /* accordion open */
    max-height: 9999999999px;
}

ul[id="licenseList"] > li[b-lhdy6alqz0] {
    background-color: #ffffff;
    width: 100%;
    /* accordion close */
    border-top: 0 white solid;
    padding-top: 0;
    padding-bottom: 0;
    transition: border-top .3s ease-out, padding-top .3s ease-out, padding-bottom .3s ease-out;

    min-height: 0;
    max-height: 0;
}

ul[id="licenseList"].is-open > li[b-lhdy6alqz0] {
    /* accordion open */
    border-width: 1px 1px 0px 1px;
    border-color: #B3B3B3;
    border-style: solid;
    /*padding-top: 8px;*/
    /*padding-bottom: 8px;*/
    transition: border-top .3s ease-out, padding-top .3s ease-out, padding-bottom .3s ease-out;

    display: flex;
    min-height: 50px;
    max-height: 50px;
}

    ul[id="licenseList"].is-open > li:last-child[b-lhdy6alqz0] {
        border-width: 1px;
    }

ul[id="licenseList"] > li > div[b-lhdy6alqz0] {
    /* accordion close */
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: line-height .3s ease-out, opacity .1s linear, visibility .1s linear;
}

ul[id="licenseList"].is-open > li > div[b-lhdy6alqz0] {
    /* accordion open */
    line-height: 1.5;
    opacity: 1;
    visibility: visible;
    transition: line-height .3s ease-out, opacity .1s linear .1s, visibility .1s linear .1s;

    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}

ul[id="licenseList"] > li > div > input[class="cbx-license"][b-lhdy6alqz0] {
    /* accordion close */
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: none;
    transition: line-height .3s ease-out, opacity .1s linear, visibility .1s linear;
}

ul[id="licenseList"].is-open > li > div > input[class="cbx-license"][b-lhdy6alqz0] {
    /* accordion open */
    line-height: 1.5;
    height: fit-content;
    opacity: 1;
    visibility: visible;
    display: block;
    transition: line-height .3s ease-out, opacity .1s linear .1s, visibility .1s linear .1s;
}

ul[id="licenseList"] > li > div > label[b-lhdy6alqz0] {
    /* accordion close */
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: none;
    transition: line-height .3s ease-out, opacity .1s linear, visibility .1s linear;

    min-height: 0;
}

ul[id="licenseList"].is-open > li > div > label[b-lhdy6alqz0] {
    /* accordion open */
    max-width: 210px;
    /*line-height: 1.5;*/
    height: fit-content;
    opacity: 1;
    visibility: visible;
    display: grid;
    place-items: center;
    margin: auto 0;
    transition: line-height .3s ease-out, opacity .1s linear .1s, visibility .1s linear .1s;

    line-height: 100%;
    min-height: 50px;
    max-height: 50px;
}

ul[id="licenseList"] > li > div > button[b-lhdy6alqz0] {
    /* accordion close */
    visibility: hidden;
    display: none;
}

ul[id="licenseList"].is-open > li > div > button[b-lhdy6alqz0] {
    /* accordion open */
    visibility: visible;
    display: inline-block;
}

.cbx-license[b-lhdy6alqz0] {
    margin: auto 1rem auto 0;
    cursor: pointer;
}

ul[id="licenseList"].is-open > li > div > input[type=checkbox][b-lhdy6alqz0] {
    /* accordion open */
    width: 15px;
    height: 15px;
}

/* ヘルプボタン */
.btn-help[b-lhdy6alqz0] {
    padding: 0;
    margin: auto 10px auto auto;
    border: none;
    background: transparent;
}

input[type=checkbox][name="avatarSelect"] + label[b-lhdy6alqz0]:before {
    content: "";
    display: inline-block;
    background-size: contain;
    width: 17px;
    height: 17px;
}

/* ヘルプツールチップ */
div[class="arrow-box"][b-lhdy6alqz0] {
    position: absolute;
    top: 100%;
    z-index: 9999;
}

.d-block-help[b-lhdy6alqz0] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 9999 !important;
}

.arrow-box[b-lhdy6alqz0] {
    display: none;
    position: relative;
    width: 100%;
    height: fit-content;
    background: #F2F2F2;
    padding: 10px;
    text-align: left;
    border: 1px solid #B3B3B3;
    color: #000000;
    font-size: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .arrow-box[b-lhdy6alqz0]:after,
    .arrow-box[b-lhdy6alqz0]:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        bottom: 100%;
        /*left: 304px;*/
        right: 10px;
    }

    .arrow-box[b-lhdy6alqz0]:after {
        border-color: rgba(242, 242, 242, 0);
        border-top-width: 10px;
        border-bottom-width: 13px;
        border-left-width: 8px;
        border-right-width: 8px;
        margin-left: -10px;
        border-bottom-color: #F2F2F2;
    }

    .arrow-box[b-lhdy6alqz0]:before {
        border-color: rgba(179, 179, 179, 0);
        border-top-width: 11px;
        border-bottom-width: 14px;
        border-left-width: 8px;
        border-right-width: 8px;
        margin-left: -11px;
        margin-bottom: 1px;
        border-bottom-color: #B3B3B3;
    }
/* /Shared/Component/ListSearch/SkillListSearch.razor.rz.scp.css */
.list-wrapper[b-7ntd8effj7] {
    width: 100%;
    max-width: 626px;
    margin: 5px auto auto auto;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.list-container[b-7ntd8effj7] {
    max-width: 325px;
    margin: auto;
}

.list-title[b-7ntd8effj7] {
    display: flex;
    width: 325px;
    margin: 7px 0;
}

    .list-title span[b-7ntd8effj7] {
        width: fit-content;
        margin-left: 6px;
        color: black;
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

ul[b-7ntd8effj7] {
    list-style-type: none;
}

    ul li[b-7ntd8effj7] {
        border-width: 0 0 1px;
        border-style: solid;
        border-color: rgba(0,0,0,.125);
        background-color: #ffffff;
    }

        ul li:last-of-type[b-7ntd8effj7] {
            border-bottom: 0;
        }

        ul li:first-of-type[b-7ntd8effj7] {
            border-width: 1px 0 1px;
        }

        ul li > div[b-7ntd8effj7] {
            padding: 0 .2rem 0 2rem;
        }

    ul > li .skill-name[b-7ntd8effj7] {
        display: grid;
        visibility: visible;
        opacity: 1;
        max-width: 210px;
        height: 50px;
        margin: auto 0;
        overflow: hidden;
        line-height: 100%;
        cursor: pointer;
        place-items: center;
    }

.btn-help[b-7ntd8effj7] {
    margin: auto 10px auto auto;
    padding: 0;
    border: none;
    background: transparent;
}

    .btn-help:focus[b-7ntd8effj7] {
        outline: none;
    }

/*--bs-wrapper*/
.accordion-item.child-accordion-item[b-7ntd8effj7] {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(0,0,0,.125);
}

    .accordion-item.child-accordion-item:first-of-type .accordion-button[b-7ntd8effj7] {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }

    .accordion-item.child-accordion-item:first-of-type[b-7ntd8effj7] {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }

.accordion-button[b-7ntd8effj7] {
    padding: 8px .8rem 8px 1.2rem;
    font-size: 17px;
}

    .accordion-button[b-7ntd8effj7]:after {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(image/arrow_drop_down_24px.png);
        background-position: 50% 50%;
        background-size: contain;
        background-size: 40px 40px;
        background-repeat: no-repeat;
    }

    .accordion-button:not(.collapsed)[b-7ntd8effj7] {
        box-shadow: none;
        background-color: var(--bs-white);
        color: var(--bs-dark);
    }

    .accordion-button:focus[b-7ntd8effj7] {
        border-color: transparent;
        box-shadow: none;
    }

.accordion-body[b-7ntd8effj7] {
    list-style-type: none;
    padding: 0;
}

.form-check-input[b-7ntd8effj7] {
    margin: auto 1rem auto 0;
    cursor: pointer;
}
/* /Shared/Component/ListSearch/WowSendSkillListSearch.razor.rz.scp.css */
.list-wrapper[b-1qzlhaje9p] {
    width: 100%;
    max-width: 626px;
    margin: 5px auto auto auto;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.list-container[b-1qzlhaje9p] {
    max-width: 325px;
    margin: auto;
}

.list-title[b-1qzlhaje9p] {
    display: flex;
    width: 325px;
    margin: 7px 0;
}

    .list-title span[b-1qzlhaje9p] {
        width: fit-content;
        margin-left: 6px;
        color: black;
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

ul[b-1qzlhaje9p] {
    list-style-type: none;
}

    ul li[b-1qzlhaje9p] {
        border-width: 0 0 1px;
        border-style: solid;
        border-color: rgba(0,0,0,.125);
        background-color: #ffffff;
    }

        ul li:last-of-type[b-1qzlhaje9p] {
            border-bottom: 0;
        }

        ul li:first-of-type[b-1qzlhaje9p] {
            border-width: 1px 0 1px;
        }

        ul li > div[b-1qzlhaje9p] {
            padding: 0 .2rem 0 2rem;
        }

    ul > li .skill-name[b-1qzlhaje9p] {
        display: grid;
        visibility: visible;
        opacity: 1;
        max-width: 210px;
        height: 50px;
        margin: auto 0;
        overflow: hidden;
        line-height: 100%;
        cursor: pointer;
        place-items: center;
    }

.btn-help[b-1qzlhaje9p] {
    margin: auto 10px auto auto;
    padding: 0;
    border: none;
    background: transparent;
}

    .btn-help:focus[b-1qzlhaje9p] {
        outline: none;
    }

.wow-send-button-area[b-1qzlhaje9p] {
    z-index: 1039;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

/*--bs-wrapper*/
.accordion-item.child-accordion-item[b-1qzlhaje9p] {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(0,0,0,.125);
}

    .accordion-item.child-accordion-item:first-of-type .accordion-button[b-1qzlhaje9p] {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }

    .accordion-item.child-accordion-item:first-of-type[b-1qzlhaje9p] {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }

.accordion-button[b-1qzlhaje9p] {
    padding: 8px .8rem 8px 1.2rem;
    font-size: 17px;
}

    .accordion-button[b-1qzlhaje9p]:after {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(image/arrow_drop_down_24px.png);
        background-position: 50% 50%;
        background-size: contain;
        background-size: 40px 40px;
        background-repeat: no-repeat;
    }

    .accordion-button:not(.collapsed)[b-1qzlhaje9p] {
        box-shadow: none;
        background-color: var(--bs-white);
        color: var(--bs-dark);
    }

    .accordion-button:focus[b-1qzlhaje9p] {
        border-color: transparent;
        box-shadow: none;
    }

.accordion-body[b-1qzlhaje9p] {
    list-style-type: none;
    padding: 0;
}

.form-check-input[b-1qzlhaje9p] {
    margin: auto 1rem auto 0;
    cursor: pointer;
}
/* /Shared/Component/Loading/LoadingCard.razor.rz.scp.css */
.loading-card-wrapper[b-5a3ocp52fv] {
    padding: 10px 0;
    width: 100%;
}

.loading-card[b-5a3ocp52fv] {
    padding: 10px 15px;
    width: 100%;
    height: 220px;
    min-height: 25px;
    background-color: #F2F2F2;
    border-radius: 8px;
}

    .loading-card .content[b-5a3ocp52fv] {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }

.loading[b-5a3ocp52fv] {
    background-color: #c4c4c4;
    animation: change-color-loading-item-b-5a3ocp52fv 2s linear infinite;
}

@keyframes change-color-loading-item-b-5a3ocp52fv {
    0%, 100% {
        background-color: #c4c4c4;
    }

    50% {
        background-color: #DADADA;
    }
}

.loading.item1[b-5a3ocp52fv] {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #DADADA;
}

.loading.item2[b-5a3ocp52fv] {
    width: 130px;
    height: 26px;
    border-radius: 8px;
    background-color: #DADADA;
}

.loading.item3[b-5a3ocp52fv] {
    width: 100%;
    height: 130px;
    border-radius: 8px;
    background-color: #DADADA;
}
/* /Shared/Component/Loading/LoadingSpinner.razor.rz.scp.css */
.load-wrapper[b-5pznd8xbhs] {
    height: fit-content;
    margin: auto;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    top: 20px;
    display: flex;
}

.load-container[b-5pznd8xbhs] {
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / .2);
}

.loader[b-5pznd8xbhs], .loader[b-5pznd8xbhs]:after {
    width: 8em;
    height: 8em;
    border-radius: 50%;
    margin: auto;
}

.loader[b-5pznd8xbhs] {
    position: relative;
    transform: translateZ(0);
    border-top: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-right: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-bottom: 1.1em solid rgba(0, 113.56, 177.44, .2);
    border-left: 1.1em solid rgba(0, 113.56, 177.44, 1);
    font-size: 4px;
    text-indent: -9999em;
    animation: load-feed-b-5pznd8xbhs 1.1s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-animation: load-feed 1.1s infinite linear;
}

@-webkit-keyframes load-feed {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes load-feed-b-5pznd8xbhs {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
/* /Shared/Component/NewWowList/NewWowList.razor.rz.scp.css */
.new-wow-warpper[b-78s1qgp4o4] {
    width: 355px;
}

.new-wow-shadows[b-78s1qgp4o4] {
    width: 343px;
    height: fit-content;
    margin: auto;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 0 0 6px rgba(128, 184, 216, 1), 0 4px 0 6px rgba(128, 184, 216, 1), 0 -4px 0 6px rgba(128, 184, 216, 1);
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.new-wow-container[b-78s1qgp4o4] {
    display: flex;
    width: fit-content;
}

    .new-wow-container .new-wow-user-container[b-78s1qgp4o4] {
        width: 50px;
        margin: auto 6px auto 0;
        z-index: 1;
    }

    .new-wow-container .user-nm[b-78s1qgp4o4] {
        margin: 2px auto auto auto;
        font-size: 10px;
        text-align: center;
    }

    .new-wow-container .new-wow-status-container[b-78s1qgp4o4] {
        width: 30px;
        margin: auto 0;
    }

        .new-wow-container .new-wow-status-container .new-wow-status[b-78s1qgp4o4] {
            color: rgba(88.59, 167.35, 51.53, 1);
            font-size: 10px;
        }

    .new-wow-container .hour[b-78s1qgp4o4] {
        margin: 4px 0 0 auto;
        color: black;
        font-size: 10px;
        line-height: 100%;
        text-align: right;
    }

    .new-wow-container .skill-name[b-78s1qgp4o4] {
        width: fit-content;
        max-width: 242px;
        min-width: 130px;
        height: fit-content;
        margin: 0;
        margin-bottom: 4px;
        padding: 1px 4px 0 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: white;
        font-size: 10px;
        line-height: 110%;
    }

    .new-wow-container .arrow-box[b-78s1qgp4o4] {
        display: table-cell;
        position: relative;
        max-width: 242px;
        min-width: 242px;
        height: 44px;
        padding: 8px;
        border-radius: 8px;
        background: #ffffff;
        color: #333333;
        font-size: 14px;
        line-height: 100%;
        text-align: left;
        vertical-align: middle;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow-wrap: break-word;
    }

        .new-wow-container .arrow-box[b-78s1qgp4o4]:after {
            position: absolute;
            top: 56%;
            right: 100%;
            width: 0;
            height: 0;
            margin-top: -10px;
            border: solid transparent;
            border-top-width: 6px;
            border-right-width: 12px;
            border-bottom-width: 6px;
            border-left-width: 12px;
            border-color: rgba(86, 255, 74, 0);
            border-right-color: #ffffff;
            content: "";
            pointer-events: none;
        }

        .new-wow-container .arrow-box .cmt[b-78s1qgp4o4] {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.new-wow-warpper .view-more[b-78s1qgp4o4] {
    width: 100%;
    margin: 8px auto;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: #c4c4c4;
    font-size: 12px;
}
/* /Shared/Component/NotFoundMessage.razor.rz.scp.css */
.error-wrapper[b-hm07v0kt5f] {
    width: 100%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.message-container[b-hm07v0kt5f] {
    max-width: 460px;
    padding: 0 20px;
    margin: auto;
}

.message[b-hm07v0kt5f] {
    font-size: 20px;
    font-weight: bold;
}

.message-detail[b-hm07v0kt5f] {
    font-size: 17px;
}

.button-container[b-hm07v0kt5f] {
    max-width: 640px;
    margin: auto;
}
/* /Shared/Component/PointAllocation/PointAllocatedSkills.razor.rz.scp.css */
p[b-wf4p5ipk8g] {
    margin: 0;
}

/*-------------*/
/* 割り当てポイント */
/*-------------*/
.skills-point-container[b-wf4p5ipk8g] {
    width: 343px;
    height: fit-content;
    margin: auto;
    padding: 10px 9px;
    border-radius: 5px;
    background-color: rgba(193, 220, 236, 1);
}

.skills-point-container span[b-wf4p5ipk8g] {
    width: fit-content;
    height: fit-content;
    margin-left: 6px;
    color: black;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.skills-point-container .skills-point-internal-container[b-wf4p5ipk8g] {
    width: 325px;
    height: fit-content;
    padding: 40px 26px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.skills-point-internal-container .skill[b-wf4p5ipk8g] {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

    .skills-point-internal-container .skill:last-child[b-wf4p5ipk8g] {
        margin-bottom: 0;
    }

.skills-point-internal-container .name[b-wf4p5ipk8g] {
    float: left;
    width: 100%;
    height: fit-content;
    color: black;
    font-size: 17px;
    line-height: 100%;
    text-align: left;
}

.skills-point-internal-container .point[b-wf4p5ipk8g] {
    color: rgba(0, 113.56, 177.44, 1);
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    text-align: right;
}

.skills-point-internal-container .unit[b-wf4p5ipk8g] {
    width: 48px;
    font-size: 15px;
    text-align: end;
}



.total-point-wrapper[b-wf4p5ipk8g] {
    display: flex;
    width: 325px;
    height: 77px;
    margin: 27px 0;
    border-radius: 5px;
    background-color: white;
}

.total-point-container[b-wf4p5ipk8g] {
    width: fit-content;
    margin: auto;
}

    .total-point-container > span:nth-child(1)[b-wf4p5ipk8g] {
        font-weight: normal;
        font-size: 20px;
    }

    .total-point-container > span:nth-child(2)[b-wf4p5ipk8g] {
        color: rgba(0, 113.56, 177.44, 1);
        font-weight: 700;
        font-size: 50px;
    }

    .total-point-container > span:nth-child(3)[b-wf4p5ipk8g] {
        font-weight: normal;
        font-size: 15px;
    }
/* /Shared/Component/PointAllocation/PointAllocator.razor.rz.scp.css */
img[b-sgh1simbue] {
    cursor: pointer;
    width: 43px;
    height: 42px;
}

input[type=range][b-sgh1simbue] {
    width: 180px;
    height: 10px;
    border-radius: 30px;
    background-color: #80B8D8;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
}

    input[type=range][b-sgh1simbue]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #0072B1;
        background-color: #0072B1;
        box-shadow: 0px 0px 0px 8px rgba(128, 184, 216, 0.25);
        cursor: pointer;
    }
/* /Shared/Component/Policy/UserPolicy.razor.rz.scp.css */
ol[b-fvtwwa1cba] {
    margin: 0px;
    padding: 0px;
}
    ol li[b-fvtwwa1cba] {
        list-style: none;
        padding-left: 2em;
        text-indent: -2em;
    }
/* /Shared/Component/Rating/Rating.razor.rz.scp.css */
.rate[b-9q6maood1y] {
    display: inline-block;
    position: relative;
    width: 150px;
    height: var(--star-full);
    padding: 3px 0px;
    font-size: var(--star-full);
}

    .rate[b-9q6maood1y]::before,
    .rate[b-9q6maood1y]::after {
        display: inline-block;
        position: absolute;
        height: var(--star-full);
        line-height: var(--star-full);
        content: "★★★★★";
    }

    .rate[b-9q6maood1y]::before {
        color: #c4c4c4;
    }

    .rate[b-9q6maood1y]::after {
        width: calc(var(--score) * var(--star-full));
        overflow: hidden;
        color: #ffb906;
    }
/* /Shared/Component/SearchBox/FreewordSearchBox.razor.rz.scp.css */
.search-box[b-11uv4dqbto] {
    display: flex;
    position: relative;
    width: 100%;
    margin: auto;
}

    .search-box img[b-11uv4dqbto] {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .search-box input[type="text"][b-11uv4dqbto] {
        width: 100%;
        height: 36px;
        padding: 3px 1em 3px 2.3em;
        font-size: 14px;
    }
/* /Shared/Component/SearchBox/MemberSearchBox.razor.rz.scp.css */
.search-box[b-eknxj5racj] {
    display: flex;
    position: relative;
    width: fit-content;
    margin: auto;
}

    .search-box img[b-eknxj5racj] {
        position: absolute;
        top: 9px;
        left: 20px;
        width: 30px;
        height: 30px;
    }

    .search-box input[type="text"][b-eknxj5racj] {
        width: 337px;
        height: 49px;
        line-height: 49px;
        padding: 3px 2em 3px 2.6em;
        border: none;
        border-radius: 5rem !important;
        background-color: #f1f2f6;
        font-size: 22px;
    }

@media screen and (min-width:1280px) {
    .search-box input[b-eknxj5racj] {
        width: 732px;
    }
}
/* /Shared/Component/SelectList/SelectLicenses.razor.rz.scp.css */
.selected-licenses-card[b-jocxj6br3h] {
    display: flex;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

    .selected-licenses-card .licenses-card-body[b-jocxj6br3h] {
        width: 355px;
        height: fit-content;
        margin: auto;
        padding: 15px;
    }

    .selected-licenses-card .title[b-jocxj6br3h] {
        width: fit-content;
        background-color: rgba(242.25, 242.25, 242.25, 1);
        color: rgba(70, 69, 69, 1);
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

    .selected-licenses-card ul[b-jocxj6br3h] {
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .selected-licenses-card ul li[b-jocxj6br3h] {
            display: flex;
            width: 100%;
            margin-top: 6px;
        }

            .selected-licenses-card ul li .license[b-jocxj6br3h] {
                display: flex;
                width: 320px;
                /*height: 45px;*/
                /*margin-bottom: 6px;*/
                padding: 10px;
                border-width: 1px;
                border-style: solid;
                border-color: rgba(217.81, 217.81, 217.81, 1);
                border-radius: 8px;
                box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
                background-color: white;
                position: relative;
                align-items: center;
            }

                .selected-licenses-card ul li .license .license-name[b-jocxj6br3h] {
                    width: 100%;
                    height: fit-content;
                    margin: auto;
                    font-weight: 700;
                    font-size: 17px;
                }

                .selected-licenses-card ul li .license .btn-delete-img[b-jocxj6br3h] {
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                }
/* /Shared/Component/SelectList/SelectSkills.razor.rz.scp.css */
.selected-skills-container[b-xyha9eue7y] {
    min-width: 343px;
    max-width: 626px;
    height: fit-content;
    margin: auto;
    padding: 10px 0;
    border-radius: 5px;
    background-color: rgba(193, 220, 236, 1);
}

.selected-skills-child-container[b-xyha9eue7y] {
    width: 325px;
    margin: auto;
}

.selected-skills-title-container[b-xyha9eue7y] {
    display: flex;
    width: 325px;
}

.selected-skills-container span[b-xyha9eue7y] {
    width: fit-content;
    height: fit-content;
    margin-left: 6px;
    color: black;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.selected-skills-title[b-xyha9eue7y] {
    display: flex;
    width: fit-content;
    margin: auto 0;
}

.selected-skills-container ul[b-xyha9eue7y] {
    list-style: none;
    width: 325px;
    margin: auto;
    padding: 0;
}

.selected-skills-container li[b-xyha9eue7y] {
    display: flex;
    width: 325px;
    margin-bottom: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(217.81, 217.81, 217.81, 1);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: white;
}

.skill-name[b-xyha9eue7y] {
    width: 100%;
    height: fit-content;
    padding: 10px 30px;
    font-size: 17px;
}

.skill-delete[b-xyha9eue7y] {
    display: flex;
    align-items: center;
    width: 50px;
}

.btn-skill-delete[b-xyha9eue7y] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgb(218, 218, 218);
    cursor: pointer;
}

    .btn-skill-delete .box p[b-xyha9eue7y] {
        color: white;
        font-size: 1rem;
    }
/* /Shared/Component/SkillList/SkillList.razor.rz.scp.css */
.skills-card[b-3rfjg945ff] {
    display: flex;
    width: 732px;
    height: fit-content;
    margin-top: 10px;
    border-radius: 8px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

@media screen and (max-width: 1280px) {
    .skills-card[b-3rfjg945ff] {
        width: fit-content;
    }
}

.skills-card .skills-card-body[b-3rfjg945ff] {
    width: 355px;
    height: fit-content;
    margin: auto;
    padding: 15px;
}

.skills-card .title[b-3rfjg945ff] {
    width: fit-content;
    background-color: rgba(242.25, 242.25, 242.25, 1);
    color: rgba(70, 69, 69, 1);
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.skills-card ul[b-3rfjg945ff] {
    list-style: none;
    width: 100%;
    /*margin: 10px 0 0 0;*/
    margin: 0;
    padding: 0;
}

    .skills-card ul li[b-3rfjg945ff] {
        display: flex;
        width: 100%;
        margin-bottom: 6px;
    }

        .skills-card ul li:first-child[b-3rfjg945ff] {
            margin-top: 10px;
        }

        .skills-card ul li:last-child[b-3rfjg945ff] {
            margin-bottom: 0;
        }

        .skills-card ul li .skill[b-3rfjg945ff] {
            display: flex;
            width: 280px;
            /*height: 45px;*/
            /*margin-bottom: 6px;*/
            padding: 0 10px;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(217.81, 217.81, 217.81, 1);
            border-radius: 8px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
            background-color: white;
            cursor: pointer;
        }

        .skills-card ul li .skill-hidden[b-3rfjg945ff] {
            background-color: #e1e1e1;
        }

            .skills-card ul li .skill .skill-name[b-3rfjg945ff] {
                width: 100%;
                /*height: fit-content;*/
                /*margin: auto;*/
                padding: 10px 10px 10px 0;
                font-size: 16px;
                font-weight: 700;
                line-height: 120%;
            }

            .skills-card ul li .skill .skill-rank[b-3rfjg945ff] {
                display: flex;
                align-items: center;
                width: fit-content;
                margin-right: 15px;
            }

            .skills-card ul li .skill .skill-wow[b-3rfjg945ff] {
                display: flex;
                align-items: center;
                width: fit-content;
            }

        .skills-card ul li .skill-pvt-sw[b-3rfjg945ff] {
            display: flex;
            align-items: center;
            margin-left: auto;
        }

            .skills-card ul li .skill-pvt-sw > img[b-3rfjg945ff] {
                cursor: pointer;
            }



.modal-dialog[b-3rfjg945ff] {
    /* bs-warp */
    margin: auto !important;
}

.modal-custom[b-3rfjg945ff] {
    width: 333px;
    max-width: none;
}

    .modal-custom .img-close[b-3rfjg945ff] {
        position: absolute;
        right: 1rem;
        cursor: pointer;
    }

.modal-skill-category[b-3rfjg945ff] {
    /* line-height: 100%; */
    color: rgba(70, 69, 69, 1);
    font-size: 13px;
}

.modal-skill-name[b-3rfjg945ff] {
    /* line-height: 100%; */
    color: rgba(70, 69, 69, 1);
    font-weight: 700;
    font-size: 30px;
}

.modal-skill-u[b-3rfjg945ff] {
    margin: 10px 0;
    border-width: .50px;
    border-style: solid;
    border-style: solid;
    border-radius: 8px;
    background-color: rgba(127.50, 58.65, 68.85, .50);
}

.modal-skill-rank-container[b-3rfjg945ff] {
    display: flex;
    align-items: center;
}

.modal-skill-rank[b-3rfjg945ff] {
    display: flex;
    width: 31px;
    height: 31px;
}

.modal-canvas[b-3rfjg945ff] {
    width: 190px;
    height: 19px;
}

.modal-skill-point[b-3rfjg945ff] {
    display: flex;
    align-items: center;
    width: 309px;
    height: 50px;
    padding: 0 15px;
    background-color: #f2f2f2;
}

    .modal-skill-point div:first-child[b-3rfjg945ff] {
        color: rgba(110, 110, 110, 1);
        font-weight: 700;
        font-size: 15px;
    }

    .modal-skill-point div:last-child[b-3rfjg945ff] {
        margin-left: auto;
        color: rgba(110, 110, 110, 1);
        font-weight: 900;
        font-size: 20px;
    }

    .modal-skill-point div[name="wowPoint"][b-3rfjg945ff] {
        border-bottom: 2px solid #0072b1;
    }

    .modal-skill-point div[name="experiencePoint"][b-3rfjg945ff] {
        border-bottom: 2px solid #80b8d8;
    }

    .modal-skill-point div[name="learningPoint"][b-3rfjg945ff] {
        border-bottom: 2px solid #ffcb21;
    }

.new-wow-container[b-3rfjg945ff] {
    display: flex;
    width: fit-content;
    height: 76px;
}

.new-wow-container[b-3rfjg945ff] {
    display: flex;
    width: fit-content;
    height: 76px;
}

    .new-wow-container .skill-name[b-3rfjg945ff] {
        width: 130px;
        height: 17px;
        margin: 0 0 4px 0;
        padding: 1px 0 0 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: white;
        font-size: 10px;
    }

    .new-wow-container .new-wow-status-container[b-3rfjg945ff] {
        width: 38px;
        margin: auto 0;
    }

        .new-wow-container .new-wow-status-container .new-wow-status[b-3rfjg945ff] {
            color: rgba(88.59, 167.35, 51.53, 1);
            font-size: 10px;
        }

    .new-wow-container .new-wow-user-container[b-3rfjg945ff] {
        width: 50px;
        margin: auto 0;
    }

    .new-wow-container .hour[b-3rfjg945ff] {
        margin: 4px 0 0 auto;
        color: black;
        font-size: 10px;
        line-height: 100%;
        text-align: right;
    }

    .new-wow-container .skill-name[b-3rfjg945ff] {
        width: 130px;
        height: 17px;
        margin: 0;
        margin-bottom: 1px;
        padding: 1px 0 0 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: white;
        font-size: 10px;
    }

    .new-wow-container .arrow-box[b-3rfjg945ff] {
        display: table-cell;
        position: relative;
        width: 251px;
        height: 44px;
        padding: 0;
        padding: 10px;
        border-radius: 8px;
        background: #ffffff;
        color: #333333;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

        .new-wow-container .arrow-box[b-3rfjg945ff]:after {
            position: absolute;
            top: 56%;
            right: 100%;
            width: 0;
            height: 0;
            margin-top: -10px;
            border: solid transparent;
            border-top-width: 6px;
            border-right-width: 12px;
            border-bottom-width: 6px;
            border-left-width: 12px;
            border-color: rgba(86, 255, 74, 0);
            border-right-color: #ffffff;
            content: "";
            pointer-events: none;
        }

.view-more[b-3rfjg945ff] {
    width: 100%;
    margin: 8px auto;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: #c4c4c4;
    font-size: 12px;
}
/* /Shared/Component/SkillRadarChart/MemberSkillRadarChart.razor.rz.scp.css */
.radarchart-container[b-qvcmhhsemg] {
    position: relative;
    width: 355px;
    height: 355px;
    padding: 17px;
    border-radius: 8px;
    background-color: rgba(217.81, 217.81, 217.81, 1);
}

    .radarchart-container > canvas[b-qvcmhhsemg] {
        padding: 30px;
        background-color: #ffffff;
    }

.skill-data[b-qvcmhhsemg] {
    width: 86px;
    min-height: 38px;
    max-height: 38px;
    border-radius: 6px;
    background-color: rgba(0, 113.56, 177.44, 1);
    display: flex;
    align-items: center;
    padding: 0 5px;
    overflow: hidden;
}

    .skill-data > div[b-qvcmhhsemg] {
        font-size: 10px;
        line-height: 120%;
        color: #fff;
        margin: auto;

        text-align: center;
        display: -webkit-box;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

div[id="skillData1"][b-qvcmhhsemg] {
    position: absolute;
    top: 25px;
    left: 135px;
}

div[id="skillData2"][b-qvcmhhsemg] {
    position: absolute;
    top: 95px;
    right: 0;
}

div[id="skillData3"][b-qvcmhhsemg] {
    position: absolute;
    right: 30px;
    bottom: 25px;
}

div[id="skillData4"][b-qvcmhhsemg] {
    position: absolute;
    bottom: 25px;
    left: 30px;
}

div[id="skillData5"][b-qvcmhhsemg] {
    position: absolute;
    top: 95px;
    left: 0;
}
/* /Shared/Component/SkillRadarChart/SkillRadarChart.razor.rz.scp.css */
.radarchart-container[b-bmyma6ys4e] {
    position: relative;
    width: 355px;
    height: 355px;
    padding: 17px;
    border-radius: 8px;
    background-color: rgba(217.81, 217.81, 217.81, 1);
}

    .radarchart-container > canvas[b-bmyma6ys4e] {
        padding: 30px;
        background-color: #ffffff;
    }

.skill-data[b-bmyma6ys4e] {
    width: 86px;
    min-height: 38px;
    max-height: 38px;
    border-radius: 6px;
    background-color: rgba(0, 113.56, 177.44, 1);
    display: flex;
    align-items: center;
    padding: 0 5px;
    overflow: hidden;
}

    .skill-data > div[b-bmyma6ys4e] {
        font-size: 10px;
        line-height: 120%;
        color: #fff;
        margin: auto;
        text-align: center;

        display: -webkit-box;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

div[id="skillData1"][b-bmyma6ys4e] {
    position: absolute;
    top: 25px;
    left: 135px;
}

div[id="skillData2"][b-bmyma6ys4e] {
    position: absolute;
    top: 95px;
    right: 0;
}

div[id="skillData3"][b-bmyma6ys4e] {
    position: absolute;
    right: 30px;
    bottom: 25px;
}

div[id="skillData4"][b-bmyma6ys4e] {
    position: absolute;
    bottom: 25px;
    left: 30px;
}

div[id="skillData5"][b-bmyma6ys4e] {
    position: absolute;
    top: 95px;
    left: 0;
}

.allocate-message[b-bmyma6ys4e] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
}

    .allocate-message span[b-bmyma6ys4e] {
        margin: auto;
        padding: 2px;
        font-size: 14px;
        font-weight: 700;
        color: #ff0000;
        background-color: #c2bbbb;
    }

    .allocate-message a[b-bmyma6ys4e] {
        color: #ff0000;
        text-underline-offset: 2px;
    }
/* /Shared/Component/SkillRadarChart/SkillShareRadarChart.razor.rz.scp.css */
.radarchart-container[b-3b3ttm7878] {
    position: relative;
    width: 355px;
    height: 355px;
    padding: 17px;
    border-radius: 8px;
    background-color: rgba(217.81, 217.81, 217.81, 1);
}

    .radarchart-container > canvas[b-3b3ttm7878] {
        padding: 30px;
        background-color: #ffffff;
    }

.skill-data[b-3b3ttm7878] {
    width: 86px;
    min-height: 38px;
    max-height: 38px;
    border-radius: 6px;
    background-color: rgba(0, 113.56, 177.44, 1);
    display: flex;
    align-items: center;
    padding: 0 5px;
    overflow: hidden;
}

    .skill-data > div[b-3b3ttm7878] {
        font-size: 10px;
        line-height: 120%;
        color: #fff;
        margin: auto;
        text-align: center;
        display: -webkit-box;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

div[id="skillData1"][b-3b3ttm7878] {
    position: absolute;
    top: 25px;
    left: 135px;
}

div[id="skillData2"][b-3b3ttm7878] {
    position: absolute;
    top: 95px;
    right: 0;
}

div[id="skillData3"][b-3b3ttm7878] {
    position: absolute;
    right: 30px;
    bottom: 25px;
}

div[id="skillData4"][b-3b3ttm7878] {
    position: absolute;
    bottom: 25px;
    left: 30px;
}

div[id="skillData5"][b-3b3ttm7878] {
    position: absolute;
    top: 95px;
    left: 0;
}

.allocate-message[b-3b3ttm7878] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
}

    .allocate-message span[b-3b3ttm7878] {
        margin: auto;
        padding: 2px;
        font-size: 14px;
        font-weight: 700;
        color: #ff0000;
        background-color: #c2bbbb;
    }

    .allocate-message a[b-3b3ttm7878] {
        color: #ff0000;
        text-underline-offset: 2px;
    }
/* /Shared/Component/SkillRanking/MemberSkillRanking.razor.rz.scp.css */
.ranking-categorys[b-29n687moy1] {
    display: flex;
    width: fit-content;
}

    .ranking-categorys > div[b-29n687moy1] {
        margin-right: 3px;
    }

        .ranking-categorys > div:last-child[b-29n687moy1] {
            margin-right: 0;
        }

    .ranking-categorys input[type=radio][b-29n687moy1] {
        display: none;
    }

        .ranking-categorys input[type=radio]:checked + label[b-29n687moy1] {
            background-color: rgba(128, 184, 216, 1);
        }

        .ranking-categorys input[type=radio] + label[b-29n687moy1] {
            display: block;
            width: fit-content;
            width: 55px;
            height: 30px;
            padding: 8px 8px 0 8px;
            border-radius: 8px 8px 0 0;
            background-color: #dadada;
            color: #ffffff;
            font-weight: 900;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
        }

.ranking-point-types-container[b-29n687moy1] {
    position: relative;
    width: 355px;
    /*height: 392px;*/
    /*height: 552px;*/
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgba(128, 184, 216, 1);
}

.ranking-point-types[b-29n687moy1] {
    display: flex;
    width: 335px;
    /*height: 331px;*/
    height: 381px;
    margin: auto;
}

    .ranking-point-types > div[b-29n687moy1] {
        margin-right: 5px;
    }

        .ranking-point-types > div:last-child[b-29n687moy1] {
            margin-right: 0;
        }

    .ranking-point-types input[type=radio][b-29n687moy1] {
        display: none;
    }

        .ranking-point-types input[type=radio]:checked + label[b-29n687moy1] {
            background-color: #ffffff;
            color: rgba(0, 113.56, 177.44, 1);
        }

        .ranking-point-types input[type=radio] + label[b-29n687moy1] {
            display: block;
            width: 80px;
            height: 40px;
            padding: 8px 8px 0 8px;
            border-radius: 8px 8px 0 0;
            background-color: #dadada;
            color: #ffffff;
            font-weight: 900;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
        }

.ranking-content-container[b-29n687moy1] {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 335px;
    height: 331px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: white;
}

.ranking-content-container[b-29n687moy1] {
    display: flex;
}

    .ranking-content-container > ul[b-29n687moy1] {
        list-style: none;
        margin: auto;
        padding: 0;
        height: 285px;
    }

        .ranking-content-container > ul > li[b-29n687moy1] {
            display: flex;
            position: relative;
            height: 58px;
        }

            .ranking-content-container > ul > li:last-child[b-29n687moy1] {
                height: fit-content;
            }

            .ranking-content-container > ul > li > div:nth-child(1)[b-29n687moy1] {
                display: flex;
                position: absolute;
                top: 4px;
                left: -45px;
                width: 47px;
                height: 47px;
            }

            .ranking-content-container > ul > li > div:nth-child(3)[b-29n687moy1] {
                display: flex;
                position: absolute;
                top: 4px;
                right: -47px;
                width: 47px;
                height: 47px;
                cursor: pointer;
            }

    .ranking-content-container .box[b-29n687moy1] {
        position: relative;
        width: 237px;
        height: 37px;
        margin: 3px auto;
    }

        .ranking-content-container .box .box-content[b-29n687moy1] {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 5px;
            left: 5px;
            z-index: 2;
            width: 96%;
            height: 100%;
            border-radius: 50px;
            background: #ffffff;
            color: black;
            font-weight: 900;
            font-size: 15px;
            line-height: 120%;
            text-align: center;
            padding: 0 10px;
            overflow: hidden;
        }

            .ranking-content-container .box .box-content .content[b-29n687moy1] {
                display: -webkit-box;
                margin: auto;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

        .ranking-content-container .box[b-29n687moy1]::before {
            position: absolute;
            z-index: 1;
            width: 237px;
            height: 47px;
            border-radius: 50px;
            content: "";
        }

    .ranking-content-container .rank-u[b-29n687moy1]::before {
        background: linear-gradient(90deg, rgba(134, 139, 235, 1) 7%, rgba(242, 94, 115, 1) 29%, rgba(207, 72, 140, 1) 49%, rgba(240, 157, 67, 1) 67%, rgba(255, 245, 94, 1) 81%, rgba(200, 218, 74, 1) 90%, rgba(163, 200, 61, 1) 96%, rgba(149, 194, 56, 1));
    }

    .ranking-content-container .rank-s[b-29n687moy1]::before {
        background: linear-gradient(90deg, rgba(255, 178, 0, 1), rgba(208, 157, 0, 1), rgba(208, 168, 0, 1), rgba(208, 157, 0, 1), rgba(255, 178, 0, 1));
    }

    .ranking-content-container .rank-a[b-29n687moy1]::before {
        background: linear-gradient(90deg, rgba(200, 200, 200, 1), rgba(158, 158, 159, 1), rgba(200, 200, 200, 1), rgba(158, 158, 159, 1), rgba(200, 200, 200, 1));
    }

    .ranking-content-container .rank-b[b-29n687moy1]::before {
        background: linear-gradient(90deg, rgba(200, 187, 155, 1), rgba(178, 129, 70, 1), rgba(200, 200, 155, 1), rgba(178, 129, 70, 1), rgba(200, 187, 155, 1));
    }

    .ranking-content-container .rank-c[b-29n687moy1]::before {
        background: #009FE8;
    }

    .ranking-content-container .rank-d[b-29n687moy1]::before {
        background: #8DC21F;
    }

    .ranking-content-container .rank-e[b-29n687moy1]::before {
        background: #B779B1;
    }


.ranking-point-types-container .search-title[b-29n687moy1] {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
/* /Shared/Component/SkillRanking/SkillRanking.razor.rz.scp.css */
.ranking-categorys[b-6su561elwx] {
    display: flex;
    width: fit-content;
}

    .ranking-categorys > div[b-6su561elwx] {
        margin-right: 3px;
    }

        .ranking-categorys > div:last-child[b-6su561elwx] {
            margin-right: 0;
        }

    .ranking-categorys input[type=radio][b-6su561elwx] {
        display: none;
    }

        .ranking-categorys input[type=radio]:checked + label[b-6su561elwx] {
            background-color: rgba(128, 184, 216, 1);
        }

        .ranking-categorys input[type=radio] + label[b-6su561elwx] {
            display: block;
            width: fit-content;
            width: 55px;
            height: 30px;
            padding: 8px 8px 0 8px;
            border-radius: 8px 8px 0 0;
            background-color: #dadada;
            color: #ffffff;
            font-weight: 900;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
        }

.ranking-point-types-container[b-6su561elwx] {
    position: relative;
    width: 355px;
    height: 400px;
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgba(128, 184, 216, 1);
}

    .ranking-point-types-container > button[b-6su561elwx] {
        position: absolute;
        right: 10px;
        bottom: 7px;
        border: none;
        background-color: transparent;
        color: white;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-align: right;
        text-decoration: underline;
        text-decoration-color: white;
        text-underline-offset: 2px;
    }

.ranking-point-types[b-6su561elwx] {
    display: flex;
    width: 335px;
    height: 331px;
    margin: auto;
}

    .ranking-point-types > div[b-6su561elwx] {
        margin-right: 5px;
    }

        .ranking-point-types > div:last-child[b-6su561elwx] {
            margin-right: 0;
        }

    .ranking-point-types input[type=radio][b-6su561elwx] {
        display: none;
    }

        .ranking-point-types input[type=radio]:checked + label[b-6su561elwx] {
            background-color: #ffffff;
            color: rgba(0, 113.56, 177.44, 1);
        }

        .ranking-point-types input[type=radio] + label[b-6su561elwx] {
            display: block;
            width: 80px;
            height: 40px;
            padding: 8px 8px 0 8px;
            border-radius: 8px 8px 0 0;
            background-color: #dadada;
            color: #ffffff;
            font-weight: 900;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
        }

.ranking-content-container[b-6su561elwx] {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 335px;
    height: 331px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: white;
}

.ranking-content-container[b-6su561elwx] {
    display: flex;
}

    .ranking-content-container > ul[b-6su561elwx] {
        list-style: none;
        margin: auto;
        padding: 0;
        height: 285px;
    }

        .ranking-content-container > ul > li[b-6su561elwx] {
            display: flex;
            position: relative;
            height: 58px;
        }
        .ranking-content-container > ul > li:last-child[b-6su561elwx] {
            height: fit-content;
        }

            .ranking-content-container > ul > li > div:nth-child(1)[b-6su561elwx] {
                display: flex;
                position: absolute;
                top: 4px;
                left: -45px;
                width: 47px;
                height: 47px;
            }

    .ranking-content-container .box[b-6su561elwx] {
        position: relative;
        width: 237px;
        height: 37px;
        margin: 3px auto;
    }

        .ranking-content-container .box .box-content[b-6su561elwx] {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 5px;
            left: 5px;
            z-index: 2;
            width: 100%;
            height: 100%;
            border-radius: 50px;
            background: #ffffff;
            color: black;
            font-weight: 700;
            font-size: 15px;
            line-height: 120%;
            text-align: center;
            padding: 0 10px;
            overflow: hidden;
        }

            .ranking-content-container .box .box-content .content[b-6su561elwx] {
                display: -webkit-box;
                margin: auto;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

        .ranking-content-container .box[b-6su561elwx]::before {
            position: absolute;
            z-index: 1;
            width: 247px;
            height: 47px;
            border-radius: 50px;
            content: "";
        }

    .ranking-content-container .rank-u[b-6su561elwx]::before {
        background: linear-gradient(90deg, rgba(134, 139, 235, 1) 7%, rgba(242, 94, 115, 1) 29%, rgba(207, 72, 140, 1) 49%, rgba(240, 157, 67, 1) 67%, rgba(255, 245, 94, 1) 81%, rgba(200, 218, 74, 1) 90%, rgba(163, 200, 61, 1) 96%, rgba(149, 194, 56, 1));
    }

    .ranking-content-container .rank-s[b-6su561elwx]::before {
        background: linear-gradient(90deg, rgba(255, 178, 0, 1), rgba(208, 157, 0, 1), rgba(208, 168, 0, 1), rgba(208, 157, 0, 1), rgba(255, 178, 0, 1));
    }

    .ranking-content-container .rank-a[b-6su561elwx]::before {
        background: linear-gradient(90deg, rgba(200, 200, 200, 1), rgba(158, 158, 159, 1), rgba(200, 200, 200, 1), rgba(158, 158, 159, 1), rgba(200, 200, 200, 1));
    }

    .ranking-content-container .rank-b[b-6su561elwx]::before {
        background: linear-gradient(90deg, rgba(200, 187, 155, 1), rgba(178, 129, 70, 1), rgba(200, 200, 155, 1), rgba(178, 129, 70, 1), rgba(200, 187, 155, 1));
    }

    .ranking-content-container .rank-c[b-6su561elwx]::before {
        background: #009FE8;
    }

    .ranking-content-container .rank-d[b-6su561elwx]::before {
        background: #8DC21F;
    }

    .ranking-content-container .rank-e[b-6su561elwx]::before {
        background: #B779B1;
    }

.allocate-message[b-6su561elwx] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
}

    .allocate-message span[b-6su561elwx] {
        margin: auto;
        padding: 2px;
        font-size: 14px;
        font-weight: 700;
        color: #ff0000;
        background-color: #c2bbbb;
    }

    .allocate-message a[b-6su561elwx] {
        color: #ff0000;
        text-underline-offset: 2px;
    }
/* /Shared/Component/SkillRanking/SkillShareRanking.razor.rz.scp.css */
.ranking-categorys[b-a7g01d4t02] {
    display: flex;
    width: 100%;
}

    .ranking-categorys > div[b-a7g01d4t02] {
        margin-right: 3px;
    }

        .ranking-categorys > div:last-child[b-a7g01d4t02] {
            margin-right: 0;
        }

    .ranking-categorys input[type=radio][b-a7g01d4t02] {
        display: none;
    }

        .ranking-categorys input[type=radio]:checked + label[b-a7g01d4t02] {
            background-color: rgba(128, 184, 216, 1);
        }

        .ranking-categorys input[type=radio] + label[b-a7g01d4t02] {
            display: block;
            width: fit-content;
            width: 100%;
            height: 30px;
            padding: 8px 8px 0 8px;
            border-radius: 8px 8px 0 0;
            background-color: #dadada;
            color: #ffffff;
            font-weight: 900;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
        }

.ranking-point-types-container[b-a7g01d4t02] {
    position: relative;
    width: 355px;
    min-height: 380px;
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgba(128, 184, 216, 1);
}

    .ranking-point-types-container > button[b-a7g01d4t02] {
        position: absolute;
        right: 10px;
        bottom: 7px;
        border: none;
        background-color: transparent;
        color: white;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-align: right;
        text-decoration: underline;
        text-decoration-color: white;
        text-underline-offset: 2px;
    }

.ranking-point-types[b-a7g01d4t02] {
    display: flex;
    width: 335px;
    height: 331px;
    margin: auto;
}

    .ranking-point-types > div[b-a7g01d4t02] {
        margin-right: 5px;
    }

        .ranking-point-types > div:last-child[b-a7g01d4t02] {
            margin-right: 0;
        }

    .ranking-point-types input[type=radio][b-a7g01d4t02] {
        display: none;
    }

        .ranking-point-types input[type=radio]:checked + label[b-a7g01d4t02] {
            background-color: #ffffff;
            color: rgba(0, 113.56, 177.44, 1);
        }

        .ranking-point-types input[type=radio] + label[b-a7g01d4t02] {
            display: block;
            width: 80px;
            height: 40px;
            padding: 8px 8px 0 8px;
            border-radius: 8px 8px 0 0;
            background-color: #dadada;
            color: #ffffff;
            font-weight: 900;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
        }

.ranking-content-container[b-a7g01d4t02] {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 335px;
    height: 331px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: white;
}

.ranking-content-container[b-a7g01d4t02] {
    display: flex;
}

    .ranking-content-container > ul[b-a7g01d4t02] {
        list-style: none;
        margin: auto;
        padding: 0;
        height: 285px;
    }

        .ranking-content-container > ul > li[b-a7g01d4t02] {
            display: flex;
            position: relative;
            height: 58px;
        }

            .ranking-content-container > ul > li:last-child[b-a7g01d4t02] {
                height: fit-content;
            }

            .ranking-content-container > ul > li > div:nth-child(1)[b-a7g01d4t02] {
                display: flex;
                position: absolute;
                top: 4px;
                left: -45px;
                width: 47px;
                height: 47px;
            }

    .ranking-content-container .box[b-a7g01d4t02] {
        position: relative;
        width: 237px;
        height: 37px;
        margin: 3px auto;
    }

        .ranking-content-container .box .box-content[b-a7g01d4t02] {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 5px;
            left: 5px;
            z-index: 2;
            width: 100%;
            height: 100%;
            border-radius: 50px;
            background: #ffffff;
            color: black;
            font-weight: 700;
            font-size: 15px;
            line-height: 120%;
            text-align: center;
            padding: 0 10px;
            overflow: hidden;
        }

            .ranking-content-container .box .box-content .content[b-a7g01d4t02] {
                display: -webkit-box;
                margin: auto;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

        .ranking-content-container .box[b-a7g01d4t02]::before {
            position: absolute;
            z-index: 1;
            width: 247px;
            height: 47px;
            border-radius: 50px;
            content: "";
        }

    .ranking-content-container .rank-u[b-a7g01d4t02]::before {
        background: linear-gradient(90deg, rgba(134, 139, 235, 1) 7%, rgba(242, 94, 115, 1) 29%, rgba(207, 72, 140, 1) 49%, rgba(240, 157, 67, 1) 67%, rgba(255, 245, 94, 1) 81%, rgba(200, 218, 74, 1) 90%, rgba(163, 200, 61, 1) 96%, rgba(149, 194, 56, 1));
    }

    .ranking-content-container .rank-s[b-a7g01d4t02]::before {
        background: linear-gradient(90deg, rgba(255, 178, 0, 1), rgba(208, 157, 0, 1), rgba(208, 168, 0, 1), rgba(208, 157, 0, 1), rgba(255, 178, 0, 1));
    }

    .ranking-content-container .rank-a[b-a7g01d4t02]::before {
        background: linear-gradient(90deg, rgba(200, 200, 200, 1), rgba(158, 158, 159, 1), rgba(200, 200, 200, 1), rgba(158, 158, 159, 1), rgba(200, 200, 200, 1));
    }

    .ranking-content-container .rank-b[b-a7g01d4t02]::before {
        background: linear-gradient(90deg, rgba(200, 187, 155, 1), rgba(178, 129, 70, 1), rgba(200, 200, 155, 1), rgba(178, 129, 70, 1), rgba(200, 187, 155, 1));
    }

    .ranking-content-container .rank-c[b-a7g01d4t02]::before {
        background: #009FE8;
    }

    .ranking-content-container .rank-d[b-a7g01d4t02]::before {
        background: #8DC21F;
    }

    .ranking-content-container .rank-e[b-a7g01d4t02]::before {
        background: #B779B1;
    }

.allocate-message[b-a7g01d4t02] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
}

    .allocate-message span[b-a7g01d4t02] {
        margin: auto;
        padding: 2px;
        font-size: 14px;
        font-weight: 700;
        color: #ff0000;
        background-color: #c2bbbb;
    }

    .allocate-message a[b-a7g01d4t02] {
        color: #ff0000;
        text-underline-offset: 2px;
    }
/* /Shared/Component/SkillShare/Profile.razor.rz.scp.css */
.fs-busho[b-1y01el0qla], .fs-shimei[b-1y01el0qla], .fs-job[b-1y01el0qla], .fs-special-move[b-1y01el0qla] {
    font-size: 20px;
}

.fs-shimei[b-1y01el0qla] {
    font-size: 30px;
}

@media screen and (max-width:1279px) {
    /*SPビュー*/
    .fs-busho[b-1y01el0qla], .fs-shimei[b-1y01el0qla], .fs-job[b-1y01el0qla], .fs-special-move[b-1y01el0qla] {
        font-size: 15px;
    }

    .fs-shimei[b-1y01el0qla] {
        font-size: 20px;
    }
}

.job[b-1y01el0qla] {
    min-width: 50px;
}

.special-move[b-1y01el0qla] {
    min-width: 50px;
}

.profile[b-1y01el0qla] {
    width: 100%;
    padding: 0 2.5rem;
}

.avatar-wrapper[b-1y01el0qla] {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
}

img[b-1y01el0qla] {
    width: 109px;
    height: 109px;
}

/*SPビュー*/
@media screen and (max-width:1279px) {
    .profile[b-1y01el0qla] {
        margin: auto;
        width: 355px;
        padding: 0px;
    }

    .avatar-wrapper[b-1y01el0qla] {
        display: flex;
        flex-wrap: wrap;
        width: 184px;
    }

    img[b-1y01el0qla] {
        width: 87px;
        height: 87px;
    }
}
/* /Shared/Component/SkillShare/QRCode.razor.rz.scp.css */
/*.qrcode {
    max-width: 70px;
    max-height: 70px;
}

.qrcode-container {
    border-top: 3px solid rgba(128, 184, 216, 1);
}

    .qrcode-container #qrcode img {
        width: 70px;
    }

footer img {
    width: 119px;
    height: 40px;
    margin-top: 10px;
}
*/
img[b-esggidrbii] {
    width: 70px;
}
/* /Shared/Component/SkillShare/ShareMySkills.razor.rz.scp.css */
.skill-category[b-hf04xurpba] {
    font-size: 20px;
    font-weight: 700;
}

.skill-name[b-hf04xurpba] {
    max-width: 100px;
    min-width: 100px;
    min-height: 35px;
    height: fit-content;
    margin-right: 0.25rem;
    padding: 3px 4px;
    border-radius: 4px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: #ffffff;
    text-align: center;
    word-break: break-all;
    display: inherit;
}

.skill-rank[b-hf04xurpba] {
    margin-right: .25rem;
    width: 24px;
}

    .skill-rank img[b-hf04xurpba] {
        max-width: 100%;
        height: auto;
        display: block;
    }

.skill-wow[b-hf04xurpba] {
    width: 21px;
}

    .skill-wow img[b-hf04xurpba] {
        max-width: 100%;
        height: auto;
        display: block;
    }

.skill-wow-cnt[b-hf04xurpba] {
    font-size: 10px;
    font-weight: 900;
    line-height: 100%;
    color: rgba(110, 110, 110, 1);
    text-align: center;
    margin-right: 0.5rem;
}

.skill-cmt[b-hf04xurpba] {
    display: flex;
    align-items: center;
    flex: 1;
    font-weight: 900;
    line-break: anywhere;
    line-height: 1;
}

a[b-hf04xurpba] {
    color: #0072B1;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 4px;
    font-size: 15px;
    font-weight: 700;
}

/* ----- カテゴリーから探す ----- */
.list-wrapper[b-hf04xurpba] {
    width: 100%;
    max-width: 626px;
    margin: 5px auto auto auto;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(242.25, 242.25, 242.25, 1);
}

.list-container[b-hf04xurpba] {
    max-width: 325px;
    margin: auto;
}

.list-title[b-hf04xurpba] {
    display: flex;
    width: 325px;
    margin: 7px 0;
}

    .list-title span[b-hf04xurpba] {
        width: fit-content;
        margin-left: 6px;
        color: black;
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

.skill-grp-button[b-hf04xurpba] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 0;
    border-radius: 0;
    padding: 8px .8rem 8px 1.2rem;
    font-size: 17px;
    background-color: var(--bs-white);
    color: var(--bs-dark);
}

    .skill-grp-button[b-hf04xurpba]:after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: auto;
        background-image: url(image/arrow_right.png);
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
    }

/*--bs-wrapper*/
.accordion-item[b-hf04xurpba] {
    border-style: none !important;
}

.accordion-header[b-hf04xurpba] {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: rgba(217, 217, 217, 1);
}

    .accordion-header[id="shanaiSkillsOpen-heading"][b-hf04xurpba] {
        border: 1px solid rgba(217, 217, 217, 1);
    }

.accordion-item:last-child .accordion-header[b-hf04xurpba] {
    border-width: 1px;
}

.accordion-body[b-hf04xurpba] {
    border-top: 1px solid;
    border-color: rgba(217, 217, 217, 1);
}

.accordion-item:nth-last-of-type(1) .accordion-body[b-hf04xurpba] {
    border-top: 0px solid;
}

.accordion-button[b-hf04xurpba] {
    padding: 8px .8rem 8px 1.2rem;
    font-size: 20px;
    font-weight: 700;
}

    .accordion-button[b-hf04xurpba]:after {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(image/arrow_drop_down_24px.png);
        background-position: 50% 50%;
        background-size: contain;
        background-size: 40px 40px;
        background-repeat: no-repeat;
    }

    .accordion-button:not(.collapsed)[b-hf04xurpba] {
        box-shadow: none;
        background-color: var(--bs-white);
        color: var(--bs-dark);
    }

    .accordion-button:focus[b-hf04xurpba] {
        border-color: transparent;
        box-shadow: none;
    }
/*--bs-wrapper*/

/* ----- カテゴリーから探す ----- */


/* /Shared/Component/SkillShare/ShareReceivedWowList.razor.rz.scp.css */
.wow-list-wrap[b-ew8pa2gc66] {
    width: 100%;
    margin: auto;
}

.wow-list[b-ew8pa2gc66] {
    background-color: var(--uniqle-white);
    border: 10px solid var(--uniqle-blue);
    border-radius: 8px;
}

.wow-container[b-ew8pa2gc66] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: fit-content;
}

.wow-user-container[b-ew8pa2gc66] {
    width: fit-content;
    max-width: 60px;
    z-index: 1;
}

.wow-status-container[b-ew8pa2gc66] {
    width: 40px;
}

.wow-status[b-ew8pa2gc66] {
    color: rgba(88.59, 167.35, 51.53, 1);
    font-size: 10px;
    width: 27px;
    display: block;
}

.new-wow[b-ew8pa2gc66] {
    color: rgba(88.59, 167.35, 51.53, 1);
    font-size: 10px;
    width: 38px;
    margin-top: auto;
    margin-right: 12px;
    margin-bottom: 4px;
    text-align: center;
}

.wow-usernm-container[b-ew8pa2gc66] {
    margin: 2px auto auto auto;
    font-size: 10px;
}

.wow-comment-container[b-ew8pa2gc66] {
    display: flex;
    margin-left: 12px;
    flex-direction: column;
}

.skill-name[b-ew8pa2gc66] {
    width: fit-content;
    max-width: 232px;
    min-width: 140px;
    height: fit-content;
    margin-bottom: 4px;
    padding: 3px 4px;
    border-radius: 4px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: #ffffff;
    font-size: 10px;
    text-align: start;
}

.hour[b-ew8pa2gc66] {
    margin: 4px 0 0 auto;
    font-size: 10px;
    font-weight: 400;
    line-height: 100%;
    text-align: right;
}

.arrow-box[b-ew8pa2gc66] {
    display: table-cell;
    position: relative;
    width: 232px;
    min-height: 44px;
    padding: 8px;
    border-radius: 8px;
    background: #ffffff;
    color: #333333;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow-wrap: break-word;
}

    .arrow-box[b-ew8pa2gc66]:after {
        position: absolute;
        top: 50%;
        right: 100%;
        width: 0;
        height: 0;
        margin-top: -10px;
        border: solid transparent;
        border-top-width: 6px;
        border-right-width: 12px;
        border-bottom-width: 6px;
        border-left-width: 12px;
        border-color: rgba(86, 255, 74, 0);
        border-right-color: #ffffff;
        content: "";
        pointer-events: none;
    }

.wow-feed-container[b-ew8pa2gc66] {
    width: fit-content;
    margin-left: 10px;
}

    .wow-feed-container .wow-feed-title[b-ew8pa2gc66] {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .wow-feed-container input[type="checkbox"][b-ew8pa2gc66] {
        margin: auto;
        cursor: pointer;
        width: 1.5rem;
        height: 1.5rem;
    }
/* /Shared/Component/SkillShare/SpeechBubble.razor.rz.scp.css */
.sb-props[b-fjww8s7g4d] {
    --sb-line-color: #000000;
}

/*SPビュー*/
@media screen and (max-width:1279px) {
    .sb-props[b-fjww8s7g4d] {
        /* ドット風枠線の幅 */
        --sb-line-width: 6px;
        /*幅*/
        --sb-width: 140px;
        /*高さ*/
        --sb-height: 54px;
        /*文字サイズ*/
        --sb-font-size: 15px;
        /*文字高さ*/
        --sb-line-height: 17.58px;
    }
}

/*PCビュー*/
@media screen and (min-width:1280px) {
    .sb-props[b-fjww8s7g4d] {
        /* ドット風枠線の幅 */
        --sb-line-width: 8px;
        /*幅*/
        --sb-width: 270px;
        /*高さ*/
        --sb-height: 131px;
        /*文字サイズ*/
        --sb-font-size: 20px;
        /*文字高さ*/
        --sb-line-height: 23.44px;
    }
}

.outerline[b-fjww8s7g4d] {
    position: relative;
    border: var(--sb-line-width) solid var(--sb-line-color);
    width: fit-content;
    height: fit-content;
}

    .outerline > .top-line[b-fjww8s7g4d] {
        position: absolute;
        top: calc(-1 *var(--sb-line-width));
        left: calc(-1 *var(--sb-line-width));
        width: calc(100% + var(--sb-line-width) *2);
        height: var(--sb-line-width);
        background: var(--sb-line-color);
    }

        .outerline > .top-line[b-fjww8s7g4d]::before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            width: calc(var(--sb-line-width) *2);
            height: var(--sb-line-width);
            background: #fff;
        }

        .outerline > .top-line[b-fjww8s7g4d]::after {
            content: '';
            position: absolute;
            top: 0px;
            right: 0px;
            height: var(--sb-line-width);
            background: #fff;
        }

    .outerline > .bottom-line[b-fjww8s7g4d] {
        position: absolute;
        bottom: calc(-1 *var(--sb-line-width));
        left: calc(-1 *var(--sb-line-width));
        width: calc(100% + var(--sb-line-width) *2);
        height: var(--sb-line-width);
        background: var(--sb-line-color);
    }

        .outerline > .bottom-line[b-fjww8s7g4d]::before {
            content: '';
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: calc(var(--sb-line-width) *2);
            height: var(--sb-line-width);
            background: #fff;
        }

        .outerline > .bottom-line[b-fjww8s7g4d]::after {
            content: '';
            position: absolute;
            bottom: 0px;
            right: 0px;
            height: var(--sb-line-width);
            background: #fff;
        }

/*SPビュー*/
@media screen and (max-width:1279px) {
    .outerline > .top-line[b-fjww8s7g4d]::after,
    .outerline > .bottom-line[b-fjww8s7g4d]::after {
        width: calc(var(--sb-line-width) *2);
    }
}

/*PCビュー*/
@media screen and (min-width:1280px) {
    .outerline > .top-line[b-fjww8s7g4d]::after, 
    .outerline > .bottom-line[b-fjww8s7g4d]::after
    {
        width: calc(var(--sb-line-width) *3);
    }
}

.outerline > .left-line[b-fjww8s7g4d] {
    position: absolute;
    top: calc(-1 *var(--sb-line-width));
    left: calc(-1 *var(--sb-line-width));
    width: var(--sb-line-width);
    height: calc(100% + var(--sb-line-width) *2);
    background: var(--sb-line-color);
}

    .outerline > .left-line[b-fjww8s7g4d]::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: var(--sb-line-width);
        height: calc(var(--sb-line-width) *2);
        background: #fff;
    }

    .outerline > .left-line[b-fjww8s7g4d]::after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: var(--sb-line-width);
        height: calc(var(--sb-line-width) *2);
        background: #fff;
    }

.outerline > .right-line[b-fjww8s7g4d] {
    position: absolute;
    top: calc(-1 *var(--sb-line-width));
    right: calc(-1 *var(--sb-line-width));
    width: var(--sb-line-width);
    height: calc(100% + var(--sb-line-width)*2);
    background: var(--sb-line-color);
}

    .outerline > .right-line[b-fjww8s7g4d]::before {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        width: var(--sb-line-width);
        background: #fff;
    }

    .outerline > .right-line[b-fjww8s7g4d]::after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: var(--sb-line-width);
        background: #fff;
    }

/*SPビュー*/
@media screen and (max-width:1279px) {
    .outerline > .right-line[b-fjww8s7g4d]::before,
    .outerline > .right-line[b-fjww8s7g4d]::after {
        height: calc(var(--sb-line-width) *2);
    }
}

/*PCビュー*/
@media screen and (min-width:1280px) {
    .outerline > .right-line[b-fjww8s7g4d]::before,
    .outerline > .right-line[b-fjww8s7g4d]::after {
        height: calc(var(--sb-line-width) *3);
    }
}

.innerline[b-fjww8s7g4d] {
    position: relative;
    border: var(--sb-line-width) solid #fff;
    width: fit-content;
}

    .innerline > .top-line[b-fjww8s7g4d] {
        position: absolute;
        top: calc(-1 *var(--sb-line-width));
        left: calc(-1 *var(--sb-line-width));
        width: calc(100% + var(--sb-line-width)*2);
        height: var(--sb-line-width);
        background: #fff;
    }

        .innerline > .top-line[b-fjww8s7g4d]::before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            height: var(--sb-line-width);
            background: var(--sb-line-color);
        }

        .innerline > .top-line[b-fjww8s7g4d]::after {
            content: '';
            position: absolute;
            top: 0px;
            right: 0px;
            height: var(--sb-line-width);
            background: var(--sb-line-color);
        }

/*SPビュー*/
@media screen and (max-width:1279px) {
    .innerline > .top-line[b-fjww8s7g4d]::before,
    .innerline > .top-line[b-fjww8s7g4d]::after {
        width: calc(var(--sb-line-width) *2);
    }
}

/*PCビュー*/
@media screen and (min-width:1280px) {
    .innerline > .top-line[b-fjww8s7g4d]::before,
    .innerline > .top-line[b-fjww8s7g4d]::after {
        width: calc(var(--sb-line-width));
    }
}

/*PCビュー*/
@media screen and (min-width:1280px) {

    .innerline > .left-line[b-fjww8s7g4d] {
        position: absolute;
        top: calc(-1 *var(--sb-line-width));
        left: calc(-1 *var(--sb-line-width));
        width: var(--sb-line-width);
        height: calc(100% + var(--sb-line-width) *2);
        background: #fff;
    }

        .innerline > .left-line[b-fjww8s7g4d]::before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            width: var(--sb-line-width);
            height: calc(var(--sb-line-width) *2);
            background: var(--sb-line-color);
        }

        .innerline > .left-line[b-fjww8s7g4d]::after {
            content: '';
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: var(--sb-line-width);
            height: calc(var(--sb-line-width));
            background: var(--sb-line-color);
        }

    .innerline > .right-line[b-fjww8s7g4d] {
        position: absolute;
        top: calc(-1 *var(--sb-line-width));
        right: calc(-1 *var(--sb-line-width));
        width: calc(var(--sb-line-width)*2);
        height: calc(100% + var(--sb-line-width)*2);
        background: #FFF;
    }

        .innerline > .right-line[b-fjww8s7g4d]::before {
            content: '';
            position: absolute;
            top: 0px;
            right: 0px;
            width: calc(var(--sb-line-width)*2);
            height: calc(var(--sb-line-width)*2);
            background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 75%, #000 75%), linear-gradient(-45deg, #000 25%, transparent 25%, transparent 75%, #000 75%);
            background-position: 0 0, var(--sb-line-width) var(--sb-line-width);
            background-size: calc(var(--sb-line-width)*2) calc(var(--sb-line-width)*2);
            background-color: #FFF;
        }

        .innerline > .right-line[b-fjww8s7g4d]::after {
            content: '';
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: calc(var(--sb-line-width)*2);
            height: calc(var(--sb-line-width)*2);
            background-image: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%);
            background-position: 0 0, var(--sb-line-width) var(--sb-line-width);
            background-size: calc(var(--sb-line-width)*2) calc(var(--sb-line-width)*2);
            background-color: #FFF;
        }
}

.innerline > .bottom-line[b-fjww8s7g4d] {
    position: absolute;
    bottom: calc(-1 *var(--sb-line-width));
    left: calc(-1 *var(--sb-line-width));
    width: calc(100% + var(--sb-line-width)*2);
    height: var(--sb-line-width);
    background: #fff;
}

    .innerline > .bottom-line[b-fjww8s7g4d]::before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: var(--sb-line-width);
        background: var(--sb-line-color);
    }

    .innerline > .bottom-line[b-fjww8s7g4d]::after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: var(--sb-line-width);
        background: var(--sb-line-color);
    }

/*SPビュー*/
@media screen and (max-width:1279px) {
    .innerline > .bottom-line[b-fjww8s7g4d]::before,
    .innerline > .bottom-line[b-fjww8s7g4d]::after {
        width: calc(var(--sb-line-width) *2);
    }
}

/*PCビュー*/
@media screen and (min-width:1280px) {

    .innerline > .bottom-line[b-fjww8s7g4d]::before,
    .innerline > .bottom-line[b-fjww8s7g4d]::after {
        width: calc(var(--sb-line-width));
    }
}

.arrow[b-fjww8s7g4d] {
    position: absolute;
    border: var(--sb-line-width) solid #000;
    width: calc(var(--sb-line-width) *3);
    height: calc(var(--sb-line-width) *3);
    z-index: 9999;
}
    .arrow[b-fjww8s7g4d]::before {
        content: '';
        position: absolute;
        right: calc(-1 *var(--sb-line-width));
        top: calc(-1 *var(--sb-line-width));
        width: var(--sb-line-width);
        background: #ffffff;
    }
    .arrow[b-fjww8s7g4d]::after {
        content: '';
        position: absolute;
        height: var(--sb-line-width);
        background: #ffffff;
    }
/*PCビュー*/
@media screen and (min-width:1280px) {
    .arrow[b-fjww8s7g4d] {
        top: calc(var(--sb-line-width) *4);
        left: calc(var(--sb-line-width) *3 *-1);
    }

        .arrow[b-fjww8s7g4d]::before {
            height: calc(var(--sb-line-width)*2);
        }

        .arrow[b-fjww8s7g4d]::after {
            top: calc(-1 *var(--sb-line-width));
            left: calc(-1 *var(--sb-line-width));
            width: var(--sb-line-width);
        }
}

/*SPビュー*/
@media screen and (max-width:1279px) {
    .arrow[b-fjww8s7g4d] {
        top: calc(var(--sb-line-width) *3 *-1);
        left: calc(var(--sb-line-width) *18);
    }

        .arrow[b-fjww8s7g4d]::before {
            height: var(--sb-line-width);
        }

        .arrow[b-fjww8s7g4d]::after {
            bottom: calc(-1 *var(--sb-line-width));
            right: calc(-1 *var(--sb-line-width));
            width: calc(var(--sb-line-width) *2);
        }
}
/*----------------*/
/* 入力欄スタイル */
/*----------------*/
.content[b-fjww8s7g4d] {
    width: var(--sb-width);
    min-height: var(--sb-height);
    position: relative;
    display: flex;
}

    .content > textarea[b-fjww8s7g4d] {
        display: block;
        width: var(--sb-width);
        height: 100%;
        outline: none;
        resize: none;
        border: none;
        overflow: hidden;
        position: absolute;
        padding: 0;
    }

    .content > .behind-shadow[b-fjww8s7g4d] {
        width: 100%;
        height: 100%;
    }

    .content > textarea[b-fjww8s7g4d],
    .content > .behind-shadow[b-fjww8s7g4d] {
        font-family: 'Roboto';
        font-size: var(--sb-font-size);
        font-weight: 400;
        line-height: var(--sb-line-height);
        text-align: left;
        overflow-wrap: break-word;
        overflow: hidden;
    }
/*SPビュー*/
@media screen and (max-width:1279px) {
    .content[b-fjww8s7g4d] {
        margin: 4px 0;
    }
}
/*PCビュー*/
@media screen and (min-width:1280px) {
    .content[b-fjww8s7g4d] {
        margin: 0 8px;
    }
}
/* /Shared/Component/SkillShare/VariableTextArea.razor.rz.scp.css */
textarea[b-jwairft4tr] {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    /**/
    width: 100%;
    height: 100%;
    outline: none;
    resize: none;
    border: 1px solid #C1C1C1;
    background-color: #F4F4F4;
}

    textarea[b-jwairft4tr]::placeholder {
        color: #a2a3a2;
    }
/* /Shared/Component/Tooltip/Tooltip.razor.rz.scp.css */
.arrow-box[b-qgysuy6p5r] {
    display: none;
    position: relative;
    width: 100%;
    height: fit-content;
    padding: 10px;
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    background: #f2f2f2;
    color: #000000;
    font-size: 12px;
    text-align: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .arrow-box > span[b-qgysuy6p5r] {
        position: absolute;
        right: 13px;
        bottom: 100%;
        height: 0;
        border: solid transparent;
        content: "";
        widows: 0;
        pointer-events: none;
    }

        .arrow-box > span[class=before][b-qgysuy6p5r] {
            margin-bottom: 1px;
            margin-left: -11px;
            border-top-width: 11px;
            border-right-width: 8px;
            border-bottom-width: 14px;
            border-left-width: 8px;
            border-color: rgba(179, 179, 179, 0);
            border-bottom-color: #b3b3b3;
        }

        .arrow-box > span[class=after][b-qgysuy6p5r] {
            margin-left: -10px;
            border-top-width: 10px;
            border-right-width: 8px;
            border-bottom-width: 13px;
            border-left-width: 8px;
            border-color: rgba(242, 242, 242, 0);
            border-bottom-color: #f2f2f2;
        }

.show[b-qgysuy6p5r] {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
}
/* /Shared/Component/Training/TrainingList.razor.rz.scp.css */
/* ----- 区切り線 ----- */
.pause[b-m5am728e1f] {
    max-width: 804px;
    height: 2px;
    border-radius: 5px;
    background-color: #b3b3b3;
}
/* ----- 区切り線 ----- */

/* ----- 並べ替え ----- */
.sort[b-m5am728e1f] {
    font-size: 0.9rem;
}

    .sort a[b-m5am728e1f] {
        color: black;
        white-space: nowrap;
        cursor: pointer;
        text-underline-offset: 4px;
        text-decoration: none;
    }

        .sort a[class="active"][b-m5am728e1f] {
            font-weight: bold;
            text-decoration: underline;
        }
/* ----- 並べ替え ----- */

/* ----- 講座詳細 ----- */
.skill-group-image[b-m5am728e1f]{
    width: 130px
}

.training-card[b-m5am728e1f] {
    width: 100%;
    padding: 10px;
    background-color: #f2f2f2;
}

.total-training-sessions[b-m5am728e1f] {
    padding: 3px 4px;
    border-radius: 4px;
    background-color: rgba(0, 113.56, 177.44, 1);
    color: #ffffff;
    font-size: 0.7rem;
    text-align: start;
}

.training-image[b-m5am728e1f] {
    min-width: 58px;
    max-width: 58px;
    min-height: 58px;
    max-height: 58px;
    background-color: #c4c4c4;
}

.training-sessions[b-m5am728e1f] {
    font-size: 0.9rem;
}

.sessions-detail[b-m5am728e1f] {
    width: 260px;
}

    .sessions-detail span[b-m5am728e1f] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
/* ----- 講座詳細 ----- */
/* /Shared/Component/Tutorial/AvatarSelection.razor.rz.scp.css */
.avatar-selected-container[b-kuatq3mq9g] {
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 113.56, 177.44, 1);
    background-color: rgba(247, 247, 247, 1);
    display: flex;
    height: 196px;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    width: 300px;
}

.avatar-thumbnails-container[b-kuatq3mq9g] {
    margin: auto;
    width: fit-content;
}

.avatar-thumbnail[b-kuatq3mq9g] {
    align-items: center;
    background-color: rgba(247, 247, 247, 1);
    display: flex;
    justify-content: center;
    margin-left: 5px;
    margin-right: 5px;
    height: 68px;
    width: 68px;
}

.avatar-thumbnails-row[b-kuatq3mq9g] {
    margin-top: 10px;
}

    .avatar-thumbnails-row:first-child[b-kuatq3mq9g] {
        margin-top: 0px;
    }

input[type=radio] + label[b-kuatq3mq9g]:before {
    border-color: rgba(0, 113.56, 177.44, 1);
    border-style: solid;
    border-width: 1px;
    background-size: contain;
    content: "";
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    height: 68px;
    width: 68px;
}

input[type=radio]:checked + label[b-kuatq3mq9g]::before {
    border-width: 4px;
}

input[type=radio][b-kuatq3mq9g] {
    display: none;
}
/* /Shared/Component/Tutorial/ProfileRegistration.razor.rz.scp.css */
.input-container[b-8jpktk8on5] {
    width: 300px;
    margin: auto;
}

.button-container[b-8jpktk8on5] {
    width: fit-content;
    margin: 47px auto 0 auto;
}

div[class="form-group"][b-8jpktk8on5]{
    margin-top:20px;
}

label[b-8jpktk8on5] {
    font-size: 15px;
    margin-bottom: 8px;
}

.supplement-text[b-8jpktk8on5] {
    font-size: 14px;
    color: var(--uniqle-danger);
}

@media screen and (min-width:1280px) {
    .supplement-text[b-8jpktk8on5] {
        font-size: 14px;
        color: var(--uniqle-danger);
        white-space: nowrap;
    }
}
/* /Shared/Component/Tutorial/ShokushuExperienceSkillsRegistration.razor.rz.scp.css */
p[b-wy0eqou17j] {
    margin: 0;
}

label[b-wy0eqou17j] {
    margin-bottom: 8px;
    font-size: 17px;
}

.input-container[b-wy0eqou17j] {
    width: 300px;
    margin: auto;
}

.button-container[b-wy0eqou17j] {
    width: fit-content;
    margin: auto;
}

div[class="form-group"][b-wy0eqou17j] {
    margin-top: 20px;
}

.employee-img[b-wy0eqou17j] {
    width: 58px;
    height: 60px;
}

.employee-txt[b-wy0eqou17j] {
    font-weight: 700;
    font-size: 20px;
    text-align: left;
}

.screen-description[b-wy0eqou17j] {
    width: fit-content;
}

.screen-supplement[b-wy0eqou17j] {
    color: var(--uniqle-danger);
    font-size: 15px;
}

.add-skills-message[b-wy0eqou17j] {
    max-width: 626px;
    min-width: 343px;
    margin: 20px auto 10px;
    color: black;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.selected-skills-child-container[b-wy0eqou17j] {
    width: 325px;
    margin: auto;
}

/* 保有ポイント */
.skills-point-container[b-wy0eqou17j] {
    width: 343px;
    height: 131px;
    margin: auto;
    padding: 10px 0;
    border-radius: 5px;
    background-color: rgba(193, 220, 236, 1);
}

    .skills-point-container span[b-wy0eqou17j] {
        width: fit-content;
        height: fit-content;
        margin-left: 6px;
        color: black;
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
    }

    .skills-point-container p[b-wy0eqou17j] {
        height: 18px;
        color: black;
        font-size: 20px;
        line-height: 100%;
    }

    .skills-point-container .skill-point[b-wy0eqou17j] {
        width: 200px;
        height: 60px;
        margin: 0 10px;
        border-radius: 5px;
        background-color: white;
    }

        .skills-point-container .skill-point p[b-wy0eqou17j] {
            width: 197px;
            height: 46px;
            margin: 0;
            color: rgba(0, 113.56, 177.44, 1);
            font-weight: 700;
            font-size: 50px;
            line-height: 100%;
            text-align: center;
        }

/* ポイント振り分け */
.operation-message[b-wy0eqou17j] {
    height: 20px;
    margin: 20px auto;
    color: rgba(255, 0, 0, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
}

/*ポイント振分一覧*/
ul[b-wy0eqou17j] {
    list-style: none;
    width: 325px;
    margin: auto;
    padding: 0;
}

    ul li[b-wy0eqou17j] {
        background-color: #F2F2F2;
        border-radius: 5px;
        margin-bottom: 15px;
        padding: 15px 10px;
    }

        ul li:last-child[b-wy0eqou17j] {
            margin: 0;
        }

.parent[b-wy0eqou17j] {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

    .parent .child-top[b-wy0eqou17j] {
        display: flex;
        grid-area: 1 / 1 / 2 / 2;
    }

        .parent .child-top .skill-name[b-wy0eqou17j] {
            text-align: left;
            float: left;
            width: 100%;
            font-size: 17px;
            font-weight: 700;
            line-height: 100%;
            color: black;
        }

        .parent .child-top .dispatching-point[b-wy0eqou17j] {
            width: 160px;
            height: 21px;
            font-size: 17px;
            font-weight: 700;
            line-height: 100%;
            text-align: right;
            color: rgba(0, 113.56, 177.44, 1);
        }

    .parent .child-middle[b-wy0eqou17j] {
        display: flex;
        grid-area: 2 / 1 / 3 / 2;
    }

    .parent .child-bottom[b-wy0eqou17j] {
        display: flex;
        margin: auto;
        grid-area: 3 / 1 / 4 / 2;
    }

        .parent .child-bottom .input-point-container[b-wy0eqou17j] {
            display: flex;
            align-items: flex-end;
            position: relative;
            width: 53px;
            height: 38px;
            background-color: rgba(193, 220, 236, 1);
            border-radius: 5px;
        }

            .parent .child-bottom .input-point-container .input-point[b-wy0eqou17j] {
                width: 53px;
                height: 21px;
                font-size: 20px;
                font-weight: 700;
                line-height: 100%;
                text-align: center;
                color: rgba(0, 113.56, 177.44, 1);
                margin: auto;
            }

            .parent .child-bottom .input-point-container .input-point-unit[b-wy0eqou17j] {
                position: absolute;
                left: 58px;
                top: 20px;
                width: 20px;
                height: 16px;
                font-size: 15px;
                font-weight: 700;
                line-height: 100%;
                color: black;
            }


/* スキップ */
.skip-wrapper[b-wy0eqou17j] {
    display: flex;
    width: 320px;
    margin: auto;
    ;
}

.skip[b-wy0eqou17j] {
    width: fit-content;
    height: 32px;
    margin: 0 0 0 auto;
    border: none;
    background-color: transparent;
    color: black;
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    text-align: right;
}
/* /Shared/Component/Tutorial/TutorialIntroduction.razor.rz.scp.css */
div[id="descriptionCard"][b-9ab3wbf5hb] {
    width: 315px;
    height: 266px;
}

.description[b-9ab3wbf5hb] {
    width: 315px;
    height: 100%;
    font-size: 20px;
}
.skill[b-9ab3wbf5hb] {
    display: inline-block;
    width: 181px;
    height: 47px;
    line-height: 47px;
    background-color: #0072B1;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    margin-top: 6px;
}

    .skill:first-child[b-9ab3wbf5hb] {
        margin: 0;
    }

.tutorial-control-prev[b-9ab3wbf5hb] {
    width: fit-content;
    position: absolute;
    top: 50%;
    padding: 0;
    z-index: 1000;
    transform: translate(-125%, -20%);
    -webkit-backface-visibility: hidden;
}

div[id="descriptionCard"] .tutorial-control-prev[b-9ab3wbf5hb] {
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
}

.tutorial-control-next[b-9ab3wbf5hb] {
    width: fit-content;
    position: absolute;
    top: 50%;
    left: 100%;
    padding: 0;
    transform: translate(25%,-20%);
    -webkit-backface-visibility: hidden;
}

div[id="descriptionCard"] .tutorial-control-next[b-9ab3wbf5hb] {
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
}
/* /Shared/Component/VariableTextArea/VariableTextArea2.razor.rz.scp.css */
textarea[b-kwxc60v6xo] {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    /**/
    width: 100%;
    height: 100%;
    outline: none;
    resize: none;
}
/* /Shared/Component/Wow/ReceivedWowList.razor.rz.scp.css */
.wow-container[b-pjx26u8bpj] {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.wow-user-container[b-pjx26u8bpj] {
    width: 60px;
    z-index: 1;
}

    .wow-user-container .wow-status-container[b-pjx26u8bpj] {
        width: 38px;
        margin: auto auto 6px auto;
    }

        .wow-user-container .wow-status-container .wow-status[b-pjx26u8bpj] {
            color: rgba(88.59, 167.35, 51.53, 1);
            font-size: 10px;
        }

    .wow-user-container .wow-usernm-container[b-pjx26u8bpj] {
        margin: 6px auto auto auto;
        font-size: 10px;
    }

.wow-comment-container[b-pjx26u8bpj] {
    padding: 0 4px;
}

    .wow-comment-container .skill-name[b-pjx26u8bpj] {
        width: fit-content;
        max-width: 232px;
        min-width: 140px;
        height: fit-content;
        margin-bottom: 4px;
        padding: 3px 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: #ffffff;
        font-size: 10px;
        text-align: start;
    }

    .wow-comment-container .hour[b-pjx26u8bpj] {
        margin: 4px 0 0 auto;
        font-size: 10px;
        line-height: 100%;
        text-align: right;
    }

    .wow-comment-container .arrow-box[b-pjx26u8bpj] {
        display: table-cell;
        position: relative;
        max-width: 232px;
        min-width: 232px;
        height: 44px;
        padding: 8px;
        border-radius: 8px;
        background: #ffffff;
        color: #333333;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow-wrap: break-word;
    }

        .wow-comment-container .arrow-box[b-pjx26u8bpj]:after {
            position: absolute;
            top: 24px;
            right: 100%;
            width: 0;
            height: 0;
            margin-top: -10px;
            border: solid transparent;
            border-top-width: 6px;
            border-right-width: 12px;
            border-bottom-width: 6px;
            border-left-width: 12px;
            border-color: rgba(86, 255, 74, 0);
            border-right-color: #ffffff;
            content: "";
            pointer-events: none;
        }

.wow-feed-container[b-pjx26u8bpj] {
    width: 62px;
}

    .wow-feed-container .wow-feed-title[b-pjx26u8bpj] {
        font-size: 10px;
        margin-bottom: 10px;
    }
/* /Shared/Component/Wow/SentWowList.razor.rz.scp.css */
.wow-container[b-trmmhv3adq] {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.wow-user-container[b-trmmhv3adq] {
    width: 60px;
}

    .wow-user-container .wow-usernm-container[b-trmmhv3adq] {
        margin: 20px auto auto auto;
        font-size: 10px;
    }

.wow-comment-container[b-trmmhv3adq] {
    padding: 0 4px;
}

    .wow-comment-container .skill-name[b-trmmhv3adq] {
        width: fit-content;
        max-width: 298px;
        min-width: 140px;
        height: fit-content;
        margin-bottom: 4px;
        padding: 3px 4px;
        border-radius: 4px;
        background-color: rgba(0, 113.56, 177.44, 1);
        color: #ffffff;
        font-size: 10px;
        text-align: start;
    }

    .wow-comment-container .box[b-trmmhv3adq] {
        display: table-cell;
        position: relative;
        max-width: 298px;
        min-width: 298px;
        height: 44px;
        padding: 8px;
        border-radius: 8px;
        background: #ffffff;
        color: #333333;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow-wrap: break-word;
    }

    .wow-comment-container .hour[b-trmmhv3adq] {
        margin: 4px 0 0 auto;
        color: black;
        font-size: 10px;
        line-height: 100%;
        text-align: right;
    }

/* /Shared/Layout/DashboardLayout.razor.rz.scp.css */
html[b-xdz4omdq9k], body[b-xdz4omdq9k] {
    font-family: 'Roboto', 'Noto Sans JP';
}

header[class="header-top"][b-xdz4omdq9k] {
    width: 100%;
    height: 60px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #d9d9d9;
    background-color: #f2f2f2;
}

    header[class="header-top"] img[b-xdz4omdq9k] {
        width: 119px;
        height: 40px;
        margin: 10px;
    }

header[class="header-bottom"][b-xdz4omdq9k] {
    display: flex;
    align-items: center;
    height: 33px;
    padding: 0 5px;
    background-color: rgba(217, 217, 217, 1);
}

    header[class="header-bottom"] .header-bottom-body[b-xdz4omdq9k] {
        display: flex;
        width: 804px;
        margin: auto;
    }

@media screen and (max-width:1280px) {
    header[class="header-bottom"] .header-bottom-body[b-xdz4omdq9k] {
        max-width: 369px;
        margin: auto;
    }
}

header[class="header-bottom"] .wow-info[b-xdz4omdq9k] {
    margin: auto;
    margin-left: 15px;
    color: rgba(78.63, 78.63, 78.63, 1);
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    text-align: center;
}

header[class="page-title"][b-xdz4omdq9k] {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #4F4F4F;
}

nav[b-xdz4omdq9k] {
    display: block;
    max-width: 804px;
    height: 42px;
}

    nav .viewport[b-xdz4omdq9k] {
        width: calc(100vw - 17px);
        overflow: hidden;
        cursor: pointer;
    }

        nav .viewport .content[b-xdz4omdq9k] {
            border-spacing: 3px 0;
            padding-top: 14px;
        }

    nav ul[b-xdz4omdq9k] {
        width: fit-content;
        list-style: none;
        margin: auto;
        padding: 0 2px 0 0;
    }

        nav ul li[b-xdz4omdq9k] {
            display: table-cell;
            text-align: center;
        }

            nav ul li .dsbd-nav-link[b-xdz4omdq9k] {
                display: block;
                width: fit-content;
                min-width: 90px;
                height: 42px;
                padding-top: 8px;
                border-width: 0;
                border-style: solid;
                border-color: #0072b1;
                color: #b3b3b3;
                text-decoration: none;
                white-space: nowrap;
            }

            nav ul li .dsbd-select-nav[b-xdz4omdq9k] {
                border-bottom-width: 2px;
                color: #0072b1;
            }


.badge[b-xdz4omdq9k] {
    /*bs-warp*/
    padding: .3em .5em !important;
}

.badge-pos[b-xdz4omdq9k] {
    top: 0;
    left: 80%;
}

.badge-sty[b-xdz4omdq9k] {
    background-color: #ff0000;
    font-weight: 500;
    font-size: 15px;
}
/* /Shared/Layout/ErrorLayout.razor.rz.scp.css */

div[b-syu47hku4m] {
    /*text-align: center !important;*/
}

header[b-syu47hku4m] {
    background-color: #f2f2f2;
    width: 100%;
    height: 60px;
    /*position: fixed*/
}

img[b-syu47hku4m] {
    width: 114px;
    height: 40px;
    margin-top: 10px;
    margin-left: 62px;
}

/* /Shared/Layout/LayoutFooter.razor.rz.scp.css */
footer[b-8lwey0p3z6] {
    width: 100%;
    height: 60px;
    border: 1px solid #b3b3b3;
    border-style: solid none none none;
}

footer[b-8lwey0p3z6] {
    position: sticky;
    top: 100vh;
}

    footer a[b-8lwey0p3z6] {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
/* /Shared/Layout/LoginLayout.razor.rz.scp.css */
html[b-wkgrmyzfgc], body[b-wkgrmyzfgc] {
    font-family: 'Roboto', 'Noto Sans JP';
    background-color: white;
}

.hero-header[b-wkgrmyzfgc] {
    --layout-header-height: 60px;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100 - var(--layout-header-height));
    background-color: white;
}

header[b-wkgrmyzfgc] {
    background-color: #f2f2f2;
    width: 100%;
    height: 60px;
}

img[b-wkgrmyzfgc] {
    width: 114px;
    height: 40px;
    margin-top: 10px;
    margin-left: 62px;
}

.outer[b-wkgrmyzfgc] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.error-header[b-wkgrmyzfgc] {
    --layout-header-height: 60px;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100 - var(--layout-header-height));
    background-color: white;
}

p[b-wkgrmyzfgc] {
    font-size: 17px;
    color: red;
    text-align: center;
}

    p:first-child[b-wkgrmyzfgc] {
        font-size: 20px;
        font-weight: bold;
        /*white-space: nowrap;*/
    }
/* /Shared/Layout/PolicyFaqLayout.razor.rz.scp.css */
header[b-fyybkmf88t] {
    width: 100%;
    height: 60px;
    background-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #D9D9D9;
}

header img[b-fyybkmf88t] {
    width: 119px;
    height: 40px;
    margin: 10px;
}

footer[b-fyybkmf88t] {
    width: 100%;
    height: 60px;
    border: 1px solid #B3B3B3;
    border-style: solid none none none;

    position: sticky;
    top: 100vh;
}

footer a[b-fyybkmf88t] {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* /Shared/Layout/SkillShareLayout.razor.rz.scp.css */
html[b-ueqc9bwtla], body[b-ueqc9bwtla] {
    font-family: 'Roboto', 'Noto Sans JP';
    background-color: white;
}

/*�w�b�_�[�㕔*/
.header-top[b-ueqc9bwtla] {
    width: 100%;
    height: 60px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #d9d9d9;
    background-color: #f2f2f2;
}

    .header-top img[b-ueqc9bwtla] {
        width: 119px;
        height: 40px;
        margin: 10px;
    }

/*�w�b�_�[����*/
.header-bottom[b-ueqc9bwtla] {
    display: flex;
    align-items: center;
    height: 33px;
    padding: 0 5px;
    background-color: rgba(217, 217, 217, 1);
}

    .header-bottom .header-bottom-body[b-ueqc9bwtla] {
        display: flex;
        width: 804px;
        margin: auto;
    }

@media screen and (max-width:1280px) {
    .header-bottom .header-bottom-body[b-ueqc9bwtla] {
        /*max-width: 369px;*/
        max-width: 804px;
        margin: auto;
    }
}

.header-bottom .header-bottom-body img[b-ueqc9bwtla] {
    cursor: pointer;
}


/*�G���[*/
.error-header[b-ueqc9bwtla] {
    --layout-header-height: 60px;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100 - var(--layout-header-height));
    background-color: white;
}

p[b-ueqc9bwtla] {
    font-size: 17px;
    color: red;
    text-align: center;
}

    p:first-child[b-ueqc9bwtla] {
        font-size: 20px;
        font-weight: bold;
    }
/* /Shared/Layout/TutorialLayout.razor.rz.scp.css */
header[b-jmyojcrqgz] {
    width: 100%;
    height: 60px;
    background-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #D9D9D9;
}

header img[b-jmyojcrqgz] {
    width: 119px;
    height: 40px;
    margin: 10px;
}

footer[b-jmyojcrqgz] {
    width: 100%;
    height: 60px;
    border: 1px solid #B3B3B3;
    border-style: solid none none none;
}

@media screen and (min-width:1280px) {
    footer[b-jmyojcrqgz] {
        width: 100%;
        height: 60px;
        border: 1px solid #B3B3B3;
        border-style: solid none none none;
    }
}

footer a[b-jmyojcrqgz] {
    color: black;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}