@charset "utf-8";

/* コンソールエラー画面用CSS */

div {
	margin: 0 auto;
}
.dspn {
	display: none;
}
.error-page {
	min-height: 100vh;
	text-align: center;
	background-color: #f7f8fa;
}
.error-container {
	max-width: 640px;
	padding-top: 70px;
}
.error-container > div {
	margin-bottom: 30px;
}
.icon-area {
	width: fit-content;
	margin-bottom: 15px;
}
.icon-area.circle {
	width: 72px;
	aspect-ratio: 1;
	border-radius: 50%;
	position: relative;
}
.icon-area.blue {
	background-color: #eef3fb;
}
.material-symbols-outlined {
	font-weight: 300;
}
.material-symbols-outlined.error {
	color: #d64b4b;
	font-size: 44px;
}
.material-symbols-outlined.groups {
	color: #5b7dbe;
	font-size: 50px;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.material-symbols-outlined.schedule {
	color: #4566aa;
	font-size: 26px;
	position: absolute;
	bottom: 0;
	right: 0;
}
h1 {
	font-size: 22px;
	font-weight: bold;
}
.text-area {
	padding: 20px 24px;
	background-color: #ffffff;
	border: 1px solid #e2e5ea;
	border-radius: 6px;
}
.text-area > p {
	display: inline-block;
	width: fit-content;
	font-size: 15px;
	text-align: left;
}
.btn-primary {
	border-color: #0b5394;
	background-color: #0b5394;
}
.btn-primary:hover {
	border-color: #094a85;
	background-color: #094a85;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
	border-color: #073f72;
	background-color: #073f72;
}