/*背景*/
html {
    background-color: #93BCE1;
}

main {
    height: 100%;
    background-color: #93BCE1;
}

/*ロゴ*/
.logoImg {
    width: 120px;
    position: absolute;
    top: -15px;
    left: 10px;
}

/*  ログインエリア */
.mainSpace {
    position: relative;
}

.loginBlock {
    background-color: #ffff;
    border-radius: 7px;
    width: 650px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    filter: drop-shadow(1px 1px 10px #00000047);
}

.loginBlock .title {
    color: #468CCB;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin: 60px 0 40px 0;
}

/* ユーザーID、パスワード */
.nyuryokuBlock {
    display: flex;
    flex-direction: column;
    align-content: space-around;
    color: #A6A6A6;
    width: 350px;
    margin: 25px auto;
    height: 68px;
}

.nyuryokuBlock p {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
}

/*テキストボックス*/
input[type="text"], input[type="password"] {
    border: 0.5px #a1a1a1 solid;
}

/* ログインボタン */
#loginClick {
    margin: 40px auto 50px auto;
    height: 45px;
    width: 150px;
    background-color: #468CCB;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}