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

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* wrapper main-content */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.wrapper { text-align: center; }
.main-content-body { margin-left: 0;margin-right: 0;border: none;background: #f9f9fa;overflow: auto; }
.main-content-header-unit { margin-bottom: 0;padding-bottom: 15px;border-bottom: none; }

.pagettl { height: 50px; }
h1.company-name { margin: 0 auto;padding: 0 10px;color: #004986;font-size: 24px;line-height: 200%; }


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ログイン画面 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.login { width: 100%;margin: 0 auto;padding: 10px;background: #f9f9fa;text-align: center;box-sizing: border-box; }

h2 { margin-top: 10px;margin-bottom: 28px;font-size: 18px; }

h2 + p { width: 300px;margin:0 auto;padding: 5px;background: #eeeeee;font-size: 14px;color: #7d7d7d; text-align: left;box-sizing: border-box; }
form + p { width: 330px;margin:8px auto 15px;padding: 5px;background: #f0f0f0;font-size: 14px;color: #7d7d7d;text-align: left;box-sizing: border-box; }

.login-container { width: 300px;margin: 18px auto 0;text-align: center; }

.login-container div { clear: both;float: left;width: 300px;margin:0 auto 6px; }

.login-container div label { margin-right: 0; }

.login-container .form-control { width: 300px; }

input { margin-right: 0; }

.maintain-login { width: 300px;margin-top: 6px;text-align: center; }

.login-btn { clear: both;width: 300px;margin: 6px auto 16px; }



/* ■■■ 359以下の対応 ---------- */

@media(max-width: 359px){
  .row { margin-left: 0;margin-right: 0; }
  .col-lg-12 { padding-left: 0;padding-right: 0; }
	.login { margin-top: 5px; }
  h2 { margin-bottom: 18px; }
  .login-btn { margin-top: 4px;margin-bottom: 8px; }
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ここまでemp/login.cssの記述をコピー。以下は追加 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.login div.error {
    text-align: left;
}
form + p span {
    font-size: smaller;
}
div.logo {
    float: left;
    margin-top: 13px;
}
div.logo img {
    width: auto;
    height: 15px;
}
#main-content {
    margin-left: initial;
}
.main-content-body {
    min-width: initial;
}