@charset "UTF-8";

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

body#stupswd ul.button li a::after,
body#stupswd ul.button li button::after {
	content: none;
}
body#stupswd h2,
body#stupswd_set h2 {
	margin: 0.5em 0 0 0;
	padding: 1rem 2rem;
	border-bottom: 3px dotted #000;
	background: #d1eaf0;
	font-size: 1.5em;
	font-weight: bold;
}
body#stupswd div.wrap table,
body#stupswd_set div.wrap table {
	width: 98%;
	font-size: 16px;
}
body#stupswd div.wrap span.notice,
body#stupswd_set div.wrap span.notice {
	display: inline-block;
	font-size: small;
}
body#stupswd div.wrap span.indent,
body#stupswd_set div.wrap span.indent {
	display: inline-block;
	margin-left: 1em;
	text-indent: -1em;
}
.btn {
	margin: 3em 0;
}
body#stupswd div.wrap table th,
body#stupswd_set div.wrap table th {
	background: #dcdeee;
	vertical-align: middle;
	border: none;
}
body#stupswd div.wrap table td,
body#stupswd_set div.wrap table td {
	background: #fff;
	border: none;
}
body#stupswd div.wrap table,
body#stupswd_set div.wrap table {
	border: none;
	border-collapse: separate;
    border-spacing: 5px 8px;
}


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

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

body#stupswd div.wrap table th,
body#stupswd_set div.wrap table th {
	display: block;
	width: 100%;
}
body#stupswd div.wrap table td,
body#stupswd_set div.wrap table td {
	display: block;
	width: 100%;
}

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


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

body#stupswd div.wrap table th,
body#stupswd_set div.wrap table th {
	width: 30%;
	vertical-align: middle;
}
body#stupswd div.wrap table th,
body#stupswd_set div.wrap table th,
body#stupswd div.wrap table td,
body#stupswd_set div.wrap table td {
	border: none;
	padding: 10px;
}
body#stupswd div.wrap table td,
body#stupswd_set div.wrap table td {
	width: 70%;
}

/*パスワード発行画面*/
body#stupswd div.wrap table td#mail input[type="text"] {
	width: 50%;
}

/*パスワード設定画面*/
body#stupswd_set div.wrap table td#pswd input[type="text"],
body#stupswd_set div.wrap table td#pswd_cnf input[type="text"] {
	width: 50%;
}

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


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



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