@charset "UTF-8";

/*
Theme Name: 01organization		
Author: Aimi Kinjo
Version: 1.0
*/

html{width:100%;height:100%; }body,div{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}/* sup{vertical-align:text-top} */sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100% ;outline: none;}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

html,body { width:100%; color:#222222; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; display: flex; flex-direction: column; min-height: 100vh;}
.cf { zoom: 1; } .cf:before,.cf:after { content: ""; display: table; } .cf:after { clear: both; }


/*--------------------------------------------------------------------------------
 * ログイン画面
--------------------------------------------------------------------------------*/
#login {height: 100vh;
    background-image: url(../img/bg.jpg);
    background-size: cover;
    background-position: center center;}
#login .inner {display: flex; justify-content: center; align-items: center; height: 100vh;}
#login .login-wrapper {padding-bottom: 150px; width: 100%;}
#login img {width: 94%; max-width: 380px; margin: 0 auto 20px; display: block;}
#login .login-box-body {background: #fff; max-width: 360px; width: 90%; padding: 30px; margin: auto; border-radius: 5px; -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 20%); box-shadow: 0 3px 8px rgb(0 0 0 / 20%);}
#login h1 {margin: 0;}
.form-group {margin-bottom: 15px;}
.form-control:not(select) { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc;
  border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control-feedback {position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none;}
.login-box-body .form-control-feedback, 
.register-box-body .form-control-feedback {color: #777;}
.login-box-msg, 
.register-box-msg {margin: 0; text-align: center; padding: 0 20px 20px 20px; font-weight: bold;}
.has-feedback {position: relative;}
.has-feedback .form-control {padding-right: 42.5px;}
.btn {border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; cursor: pointer;}
.btn-block {display: block; width: 100%; height: 40px; font-weight: bold;}
.btn-success {background-color: #3b88bc; border-color: #3b88bc; color: #fff;}

@media screen and (max-width:766px){
	#login {background-position: left center;}
}