@charset "utf-8";

/*--------------共通------------------*/

.marTop10{
    margin-top   : 10px;
}

.marRig10{
    margin-right : 10px;
}

.marLef10{
    margin-left  : 10px;
}

.padTop30{
    padding-top: 30px!important;
}

.red{
    color        : red;
}

.txt{
    padding-top  : 15px;
}

.button_active:active{
    transform: translate(1px,1px);
}

/*--------------フォームベース------------------*/

body{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    font-size           : 16px;
    line-height         : 2.3em;
}

#login_wrap{
    display             : -webkit-flex;
    display             : -webkit-box;
    display             : -ms-flexbox;
    display             : -moz-box;
    display             : flex;
    -ms-align-items     : flex-start;
    -ms-align-items     : center;
    -webkit-align-items : center;
    align-items         : center;
    flex-direction      : column;
    justify-content     : center;
    min-height          : 80vh;
    height              : auto !important;
    height              : 100%;
}

#login_wrap p{
    line-height: 1.5em;
}

#login_wrap h2{
	font-size: 1.4em;
}

#login_form{
    width            : 380px;
    background-color : #fff;
    box-shadow       : 0 2px 8px gray;
    margin-bottom    : 40px;
}

#login_form .form_inner{
	padding: 30px 35px;
}

#login_form .blue{
	color: #fff;
	background-color: #003A8F;
    padding: 30px 35px;
}

#login_form .white{
    padding: 10px 35px 30px 35px;
}

/*#login_form .form_inner input{
    position            : relative;
    width               : 80%;
    display             : -webkit-box;
    display             : -moz-box;
    display             : -ms-flexbox;
    display             : -webkit-flex;
    display             : flex;
    -webkit-box-flex    : 1;
    box-flex            : 1;
    -webkit-flex-grow   : 1;
    flex-grow           : 1;
    -webkit-flex-shrink : 1;
    flex-shrink         : 1;
    min-width           : 0%;
    justify-content     : center;
    margin              : 15px auto 30px auto;
    padding             : 6px 0;
    font-size           : 18px;
}*/

#login_form .form_inner input[type='text'],
#login_form .form_inner input[type='email'],
#login_form .form_inner input[type='password']{
    border: 0;
}

#login_form .form_inner input[type='text']:focus,
#login_form .form_inner input[type='email']:focus,
#login_form .form_inner input[type='password']:focus{
    outline: none;
}

#login_form .form_inner input[type='text']:focus::after,
#login_form .form_inner input[type='email']:focus::after,
#login_form .form_inner input[type='password']:focus::after{
    outline: none;
}

#login_form .form_inner input[type='password']{
    /*background            : url(../img/eye-slash-solid.png)no-repeat;*/
    background-size       : contain;
    background-position-x : right;
}

#login_form .form_inner .relative{
	position: relative;
}

#login_form .form_inner .under{
    position                    : absolute;
    -webkit-transform-origin    : bottom left;
    transform-origin            : bottom left;
    -webkit-transition          : all .3s cubic-bezier(0.4,0,0.2,1);
    transition                  : all .3s cubic-bezier(0.4,0,0.2,1);
    -webkit-transition-property : color,bottom,transform;
    transition-property         : color,bottom,transform;
    color                       : rgba(0,0,0,0.38);
    font                        : 400 17px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size                   : 17px;
    pointer-events              : none;
    right                       : 30px;
    left                        : 30px;
    bottom                      : -10px;
    font-size                   : 17px;
    color                       : #757575;
}

#login_form .form_inner .under::after{
    content          : '';
    display          : block;
    height           : 2px;
    border           : 0.1px solid #003A8F;
    background-color : #003A8F;*/
}

#login_form .next{
    color            : #fff;
    display          : block;
    margin           : 0 auto;
    text-align       : center;

}

#login_wrap a{
    color            : #000;
    text-decoration  : none;
    cursor           : pointer;
}

.ver{
    text-align       : right;
    padding          : 15px;
}

#login_wrap #footer .copyright{
    text-align       : center;
    padding-top      : 100px;
}


/*--------------パスワード入力画面------------------*/


#login_wrap .s_txt{
    font-size           : 83%;
}

.s_txt li{
    line-height         : 20px;
    padding-left        : 1em;
    text-indent         : -1em;
    list-style-position : inside;
}

#login_wrap .input_id{
    font-size           : 90%;
}


/*-------------- フッター ------------------*/

#footer {
    position       : fixed;
    bottom         : 0;
    padding-bottom : 30px;
}

@media screen\0 {/*IE8~11までの専用ハック*/
#footer {
    transform: translate(-50%, -50%);
    padding:0;
  }
}

.buntan-main {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 200px);
    background-color: #f0f3fa;
    flex-shrink: 0;
}
.buntan-footer {
	margin-top: auto;
  line-height: 21px;
  font-size: 14px;
}

h2 {
  font-weight: 700;
}