body {
    font-family : 游ゴシック;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}


.login-button {
    background-color: #5b9bd5;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    /* margin-top: 35px; */
    width: fit-content;
    font-family: 游ゴシック;
    font-size: 15px;
    padding: 1vh 1.6vw;
}

#btnJyoukyouKakunin {
    color: #C8702D;
    background-color: #E2F0D9;
    border: 2px solid #A1D769;
    letter-spacing: 0.03vw;
}

.login-button:hover {
    background-color: #0056b3;
}

.link-div {
    text-align: right; /* Align the link to the right */
    margin-top: 20px;
    font-size: 11px;
    font-weight: bold;
    width: 119%;
    margin-left: -9%;
    margin-bottom: 7px;
}

.link-div a {
    color: #4472c4 !important;
}

@media (max-width: 480px) {
    .login-container {
        width: 90%; /* Adjust the container width for small screens */
    }

    .input-container input {
        padding-left: 50px; /* Reduce the left padding for small screens */
    }
}

.loginBtns{
    display: flex;
    flex-direction: row;
    margin-top: 4vh;
}

.outerKensuuDiv{
    background-color: #E9F2F9;
    border: 1px solid #939FB3;
    padding: 3vh 1.5vw;
    border-radius: 0.4vw;
    width: 21vw;
    display: flex;
    flex-direction: column;
    gap: 2vh;
}

.divTitleKensuuDiv{
    background-color: #00B0F0;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 1.5vw;
}

.msg-kensuu-container{
    border-bottom: 1px solid #4976C6;
    padding-bottom: 1vh;
}
.badge{
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    font-weight: bold;
    color: white;
    font-size: 1.2vw;
    text-align: center;
    align-content: center;
    border: 1px solid black;
}

.red{
    background-color: red;
}

.green{
    background-color: #36B05B;
}

.label-container{
    gap: 2vw !important;
}


.kensuu-containers{
    font-weight: bold;
    display: flex;
    flex-direction: row;
    gap: 3vw;
    align-items: center;
    font-size: 1.3vw;
}

.sashimodoshi-container{
    gap: 4vw;
    background-color: #ECE4DF;
    padding: 0.4vh 0.5vh;
    padding-right: 0.8vh;
    border: 1px solid #828C9F;
    border-radius: 0.5vh;
}

.margin-left-auto{
    margin-left: auto;
}

.shori-kensuu-outer-container{
    display: flex;
    flex-direction: column;
    gap: 1vh;
}

.font-color-blue{
    color: #006EBF;
}

.font-color-violet{
    color: #91005C;
}
.font-color-orange{
    color: #964815;
}
.jyoukyouKakunin-container{
    display: flex;
    flex-direction: row;
    gap: 3vw;
    background-color: white;
    padding: 3vh 3vw;
    border-radius: 0.5vh;
}

.loginContinue{
    text-decoration: underline;
    color: #001D5E;
    letter-spacing: 1px;
}

.btnContainer{
    display: flex;
    flex-direction: column;
    gap: 5vh;
    font-size: 1.3vw;
    font-weight: bold;
    margin-top: auto;
    padding-bottom: 5vh;
}

.btnSystemShuuryou{
    font-weight: bold;
    font-size: 1.3vw;
    padding: 0.1vh 1.7vw;
    background: #9DC3E6;
    border-radius: 0.3vw;
    border: 1px solid #162C51;
}

.kyouiku-taishou-container{
    gap: 2vw;
    width: 86%;
    margin-left: auto;
}

.cursor-pointer{
    cursor: pointer;
}