@charset "UTF-8";
@import "./common.css";

    .login input { width: 100%; }
    .login .inner { max-width: 430px; width: 430px; }

/* header */
    .login header { padding-top: 15px; }
    .login header .title { font-size: 30px; margin-top: 30px; }

/* container */
    .login .container { margin-top: 80px; }
    .login .container .section__login .title { font-size: 40px; font-weight: bold; }
    .login .container .section__login .section__login-contents > div { margin-top: 40px; }
    .login .container .section__login .section__login-contents .login__input li { border-bottom: 1px solid #e5e5e5; padding: 28px 0; padding-left: 14px; }
    .login .container .section__login .section__login-contents .login__input dt label::before { display: inline-block; height: 21px; width: 19px; }
    .login .container .section__login .section__login-contents .login__input dt label[for=id]::before { background-position: 0 -36px; }
    .login .container .section__login .section__login-contents .login__input dt label:not([for=id])::before { background-position: -19px -36px; }
    .login .container .section__login .section__login-contents .login__input dd { width: calc( 100% - 19px ); padding-left: 35px; }
    .login .container .section__login .section__login-contents .login__input dd input { font-size: 16px; }
    .login .container .section__login .section__login-contents .login__input dd .password-msg { line-height: 21px; padding-left: 24px; }
    .login .container .section__login .section__login-contents .login__check { margin-top: 20px; }
    .login .container .section__login .section__login-contents .login__check li:nth-child(n+2) { margin-left: 40px; }
    .login .container .section__login .section__login-contents .login__check dt .check-box .btn--chk { width: 18px; height: 18px; }
    .login .container .section__login .section__login-contents .login__check dt .check-box .btn--chk.btn--box:checked::before { font-size: 24px; left: -1px; top: -3px; }
    .login .container .section__login .section__login-contents .login__check dd label { line-height: 18px; font-size: 15px; margin-left: 8px; }

    .login .container .section__login .section__login-btn { margin-top: 40px; }
    .login .container .section__login .section__login-btn #btn--login { width: 80%; height: 60px; line-height: 60px; font-size: 20px; background-color: #132c6b; }

    .login .container .section__login .section__login-notice { margin-top: 20px; font-size: 15px; color: #132c6b; }
    .login .container .section__login .section__login-notice i { width: 27px; height: 27px; line-height: 27px; font-style: normal; color: #fff; background-color: #132c6b; margin-right: 6px; }

    .login.enroll .container { margin-top: 80px; }
    .login.enroll .container .section__login .title > span+span { margin-top: 20px; }
    .login.enroll .container .section__login .section__login-contents .login__input input[id=id] { color: #132c6b; }