@charset "UTF-8";
/* 共通 */
html {
    font-size: 14px;
}
body {
    /*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sams-serif;*/
    font-family: sans-serif;
    line-height: 1.7;
}
h1, h2, h3, h4, h5 {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}
img {
    max-width: 100%;
}
/* IEのみパディングを調整 ここから */
@media all and (-ms-high-contrast: none) {
    select {
        padding-bottom: 0 !important;
    }
}
_:-ms-lang(x)::-ms-backdrop, .selector {
    select {
        padding-bottom: 0 !important;
    }
}
/* IEのみパディングを調整 ここまで */

/* safari(iPad)で画面中央へ寄せる */
_::-webkit-full-page-media, _:future, :root .login-area {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:800px;
    height:500px;
}

.login-area {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset:0;
    margin: auto;
}
.input-area {
    margin-left: 1rem;
    text-align: center;
}
.input-area-qm {
    margin-top: 20px;
    margin-left: 10px;
    text-align: center;
}
.login-title {
    font-size: 3rem;
    font-weight: bold;
    border-bottom: 5px solid #1a0052;
    margin-top: 4rem;
}
.login-title-sub {
    font-size: 2.5rem;
    font-weight: bold;
    border-bottom: 5px solid #1a0052;
}
.forget-account {
    margin-top: 2rem;
    text-align: right;
}
select {
    margin-bottom: 4px;
}
input {
    margin-bottom: 4px;
}
[class^="select2-"] {
    text-align: left;
}
[name="user_account_name"] {
    margin-top: 4px;
}
.select2-selection__arrow b{
    display:none !important;
}
.select2-container .select2-selection--single {
    box-shadow: none;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.browser-warning {
    margin-top:5%;
    font-size:3rem;
    text-align: center;
    color:red;
}
.login-notice {
    text-align: center;
    color: #1a0052;
    background-color: #d9e9e5;
    font-size: 0.9rem;
}