@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/

body#lgout {
	margin: 0.5em 0 0 0;
	padding: 1rem 2rem;
	border-bottom: 3px dotted #000;
	background: #d1eaf0;
	font-size: 1.5em;
	font-weight: bold;
}
header {
	padding: 10px 0;
}
main {
	width: 95%;
	margin: 0 auto 60px;
}
body#lgin div.wrap table,
body#lgout div.wrap table {
	width: 100%;
	font-size: 16px;
	border-collapse: separate;
	border-spacing: 5px 8px;
	border: none;
}
body#lgin div.wrap table th,
body#lgin div.wrap table td {
	border: none;
}
body#lgin div.wrap table th {
	vertical-align: middle;
}
body#lgin div.wrap table td {
	background: #fff;
}
body#lgin div.wrap span.notice,
body#lgout div.wrap span.notice {
	display: inline-block;
	font-size: small;
}
body#lgin .wrap #lgin_btn {
	position: relative;
    display: block;
    width: 260px;
    padding: 11px 0;
    margin: 2em auto;
    border-radius: 35px;
    font-weight: bold;
    color: #fff;
    background: #283CE5;
    border: 1px solid #283CE5;
    text-decoration: none;
}
body#lgin .wrap #lgin_btn:hover {
	color: #283CE5;
	background: #fff;
	transition: all .3s;
}
body#lgin .wrap a#lgin_btn.cancel {
	position: relative;
    display: block;
    margin: 2em auto;
    font-weight: bold;
    color: #fff;
	width: 260px;
    padding: 11px 0;
    border: 1px solid #283CE5;
    border-radius: 35px;
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    color: #283CE5;
    text-align: center;
}
body#lgin .wrap a#lgin_btn.cancel:hover {
	color: #fff;
	background: #283CE5;
	transition: all .3s;
}
body#lgin .wrap p#forgot {
	text-align: center;
}


/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */

body#lgin div.wrap table th,
body#lgin div.wrap table td {
	display: block;
}
body#lgout div.wrap table th,
body#lgout div.wrap table td {
	display: block;
}
body#lgin div.wrap table td input {
	width: 97%;
}


/* 736px以上用（SP用）の記述 end */
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

body#lgin div.wrap table,
body#lgout div.wrap table {
	width: 400px;
	margin: 0 auto;
}
body#lgin div.wrap table td,
body#lgin div.wrap table th{
	border: none;
	padding: 10px;
}
body#lgin div.wrap table th{
	vertical-align: middle;
}


/* 737px以上用（PC用）の記述 end */
}


/*--------------------------------------------------------------------
 *	印刷用（PC表示）の記述
 *--------------------------------------------------------------------*/
@media print {
/* 印刷用（PC表示）の記述 */



/* 印刷用（PC表示）の記述 end */
}