@charset "utf-8";
/* CSS Document */

html{
  background-color: #088bdb;  
}
body.login{
    background: url("../../image/SMMMCC010G01/login_bg.svg") no-repeat calc(50% - 280px) -36px / auto 872px;
    min-width: 400px;
}
.login section{
   width: 400px;
    margin:0  auto;
    padding: 60px 0 40px;
    
}
.login h1{
    padding: 0 0 50px;
}
.login form p{
    margin-bottom: 1em;
    position: relative;
}
.login form p label{
    position: absolute;
    top: 50%;
    left:24px;
    transform: translateY(-50%);
    transition: all 0.2s;
    color: #888;
}
.login form p.inp_focus label{
    font-size: 0.75em;
    top: 45%;
    transform: translateY(-90%);
}
.login .login_input[type="text"],
.login .login_input[type="password"]{
    width: 100%;
    padding:1.3em 1.5em 0.2em;
    border-radius: 2.15em;
    border:  #fff 0.3em solid;
    font-family: YuGothic, "Yu Gothic medium", "游ゴシック", "Hiragino Sans", Meiryo, "sans-serif"; 
    outline:none;
    box-sizing: border-box;
    font-size: 100%;
}
.login .login_input[type="text"]:focus,
.login .login_input[type="password"]:focus{
    border-color: #ccc;
}
.login .login_btn{
    width: 100%;
    padding: 1em;
    border-radius: 1.85em;
    text-align: center;
    background-color: #f8bd00;
    font-family: YuGothic, "Yu Gothic medium", "游ゴシック", "Hiragino Sans", Meiryo, "sans-serif"; 
    font-weight: bold;
    margin:0.5em 0; 
    border: none;
    font-size: 100%;
}
.login .login_btn:hover{
    background-color: #ffd758;
}

.login .login_btnnm{
    font-family: YuGothic, "Yu Gothic medium", "游ゴシック", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: bold;
    font-size: 100%;
    color: #000;
    text-align: center;
    top: 50%;
    left: 165px;
    margin-bottom: 0em;
    background: transparent;
}

.login .login_note{
    color: #fff;
    font-size: 0.875em;
    margin-bottom: 6em;

}

.login .login_note a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.login .login_note a:hover{
    text-decoration: underline;
}

.login #ValidationSummary1.login_error{
    background-color: #fff;
    border-radius: 1em;
    padding: 1.5em;
    margin-bottom: 1.5em;
    text-align: center;
}

.login #ValidationSummary1.login_error h2{
    font-size: 1.8em;
    color: #ba2020;
    font-weight: normal;
}
.login #ValidationSummary1.login_error ul{
    margin-left: 1.5em;
    color: #000;
    display: inline-block;    
}

.login #ValidationSummary1.login_error ul li{
    text-align: left;
}


    
    
    
    
    
}