@charset "utf-8";

main { display: flex; flex-wrap: wrap; height: 100vh; width: 100%; justify-content: center; align-items: center; box-sizing: border-box;
	background: url(../images/common/top_bg.jpg) no-repeat center top; 
	background-size: 100% auto; 
}

.login { padding: 60px 0; min-width: 400px; }
.login h1 { text-align: center; padding: 0 0 20px; }
.login h1 img { width: 70%; height: auto; }
.login h3 { font-family: 'Noto-Sans-JP-Medium'; padding: 15px 0 10px; }

.login .msg { padding: 15px 0 0; text-align: center; color: #ed1111; }

select,
input[type="text"],
input[type="password"],
textarea { width: 100%; border-radius: 5px; border: 1px solid #c6c6c6; background: #fff; box-sizing: border-box; padding: 10px 20px; }

.btn { text-align: center; padding: 40px 0; }
.btn a,
.btn input[type="submit"] { margin: 0 5px; cursor: pointer; padding: 0 20px; background: #373737; min-width: 160px; line-height: 45px; height: 45px; border-radius: 10px; color: #fff; text-align: center; vertical-align: top; box-sizing: border-box; display: inline-block; border: none;  }
.btn a:hover,
.btn input[type="submit"]:hover { opacity: 0.8; }
.btn .back { background: #a4a4a4; }
.btn .add { background: #5cc415; }
.btn .edit { background: #2aa0ab; }