div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    vertical-align: middle;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a i.ico {
    display: block;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a>span {
    /*! @override color:(doc)  */
    color: #333;
    /*! /@override */
    display: block;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a>i.ico+span:not(:empty) {
    padding-left: .5rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a i.ico::before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-interpolation-mode: bicubic;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=text],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=password],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=email],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=number],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=tel],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform textarea {
    /*! @override border-color:(border)  */
    border-color: #ccc;
    /*! /@override */
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5rem;
    max-width: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: .25rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5rem 1rem;
    max-width: 100%;
    min-width: 13rem;
    border: 0;
    border-radius: .25rem;
    text-align: center;
    font-weight: 700;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit].color-theme,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset].color-theme,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button].color-theme {
    /*! @override background-color:(theme)  */
    background-color: #3f96e2;
    /*! /@override */
    /*! @override color:(theme_text)  */
    color: #fff;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit].color-theme2,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset].color-theme2,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button].color-theme2 {
    /*! @override background-color:(theme2)  */
    background-color: #1b5c95;
    /*! /@override */
    /*! @override color:(theme2_text)  */
    color: #fff;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit].color-theme3,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset].color-theme3,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button].color-theme3 {
    /*! @override background-color:(theme3)  */
    background-color: #d8303d;
    /*! /@override */
    /*! @override color:(theme3_text)  */
    color: #fff;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit].color-menu,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset].color-menu,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button].color-menu {
    /*! @override background-color:(menu)  */
    background-color: #edf2f4;
    /*! /@override */
    /*! @override color:(doc)  */
    color: #333;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit].size-wide,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset].size-wide,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button].size-wide {
    min-width: 18rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit].size-narrow,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset].size-narrow,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button].size-narrow {
    min-width: 5rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit]:hover,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit]:active,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit]:focus,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset]:hover,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset]:active,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset]:focus,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button]:hover,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button]:active,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button]:focus {
    opacity: .88;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=submit] {
    /*! @override background-color:(theme)  */
    background-color: #3f96e2;
    /*! /@override */
    /*! @override color:(theme_text)  */
    color: #fff;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=reset],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=button] {
    /*! @override background-color:(menu)  */
    background-color: #edf2f4;
    /*! /@override */
    /*! @override color:(doc)  */
    color: #333;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform label.hidden {
    visibility: hidden;
    pointer-events: none;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=checkbox] {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin-right: .25rem;
    width: 1rem;
    height: 1rem;
    background: transparent;
    vertical-align: middle;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=checkbox]::before {
    /*! @override border-color:(border)  */
    border-color: #ccc;
    /*! /@override */
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 2px;
    border-style: solid;
    border-radius: .25rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=checkbox]::after {
    /*! @override border-color:(theme)  */
    border-color: #3f96e2;
    /*! /@override */
    display: none;
    content: "";
    position: absolute;
    top: .125rem;
    left: 50%;
    width: .25rem;
    height: .5rem;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input[type=checkbox]:checked::after {
    display: block;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input:hover,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input:active,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input:focus,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform textarea:hover,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform textarea:active,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform textarea:focus {
    /*! @override border-color:(table_border)  */
    border-color: #b9b9b9;
    /*! /@override */
    outline: none;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input:focus,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform textarea:focus {
    /*! @override border-color:(theme)  */
    border-color: #3f96e2;
    /*! /@override */
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform input+span.error,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform textarea+span.error {
    display: block;
    font-size: .93rem;
    color: #a91b0e;
}

html,
body {
    height: 100%;
}

body {
    /*! @override background-color:(menu)  */
    background-color: #edf2f4;
    /*! /@override */
}

div[role=document]#wrapper {
    height: 100%;
}

div[role=document]#wrapper main[role=main]#main {
    width: 100%;
    max-width: 100%;
}

div[role=document]#wrapper main[role=main]#main,
div[role=document]#wrapper main[role=main]#main>article[role=article],
div[role=document]#wrapper main[role=main]#main>article[role=article]>section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login {
    /*! @override background-color:(bg)  */
    background-color: #fff;
    /*! /@override */
    display: block;
    padding: 3rem;
    width: 580px;
    max-width: 100%;
    border-radius: .5rem;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>header h1 {
    margin-bottom: 2.5rem;
    text-align: center;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>header h1 span {
    /*! @override color:(theme)  */
    color: #3f96e2;
    /*! /@override */
    font-size: 2.115rem;
    font-weight: 700;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form>.error {
    /*! @override color:(red)  */
    color: #a91b0e;
    /*! /@override */
    margin-bottom: 1.5rem;
    width: 100%;
    text-align: center;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform>p {
    margin-bottom: 0;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-username,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-password {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.5rem;
    width: 100%;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-username label,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-password label {
    display: block;
    margin-right: 1rem;
    width: 50%;
    max-width: 6rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-username input,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-password input {
    display: block;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-remember,
div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.login-form form#loginform p.login-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password {
    /*! @override border-top-color:(border)  */
    border-top-color: #ccc;
    /*! /@override */
    margin-top: 2.25rem;
    padding-top: 1.75rem;
    border-top-width: 1px;
    border-top-style: dashed;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a i.ico {
    width: 0.75rem;
    height: 0.75rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a i.ico::before {
    margin: -0.375rem;
    width: 1.5rem;
    height: 1.5rem;
}

div[role=document]#wrapper main[role=main]#main>article[role=article]>section>#login>section.lost-password nav a i.ico::before {
    background-image: url("../images/common/tri_blue.svg");
}

body.login div#login h1 a { height: auto; }

/*パスワードを忘れた場合はこちらの表示を非表示にする*/
section.lost-password {
display: none !important;
}