@charset "UTF-8";
/* default */

/*	reset
------------------------------------------------------------ */ 
@import url("reset.css");

/*	elements
------------------------------------------------------------ */ 
@import url("elements.css");

/*	form
------------------------------------------------------------ */ 
@import url("form.css");

/*	table
------------------------------------------------------------ */ 
@import url("table.css");

/*	btns
------------------------------------------------------------ */ 
@import url("btns.css");

/*	modal
------------------------------------------------------------ */ 
@import url("modal.css");

/*	logo
------------------------------------------------------------ */ 
@import url("logo.css");

/*	custom select
------------------------------------------------------------ */ 
@import url("custom_select.css");


/* links
------------------------------------------------------------ */
a:link { text-decoration: underline; color: inherit; }
a:visited { text-decoration: underline; color: inherit;}
a:hover { text-decoration: underline;color: inherit;}
a:active { text-decoration: underline; color: inherit;}

/* body
------------------------------------------------------------ */
body {
	background: #fff;
	font-size:12px;
	line-height: 1.6;
	font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Segoe UI",
    sans-serif;
}
.inter {
  font-family: "Inter", sans-serif;
}

/* header
------------------------------------------------------------ */
header {width: 90%; margin: 0 auto; padding: 10px 0; display: flex; justify-content: space-between;}
header h1 {}
header #status { font-size: 90%;}
header #status ul { display: flex; align-items: center;}
header #status ul li{}
header #status ul li:first-child::after {
	content: "|";
	margin: 0 10px;
	color: #ccc;
}
header #status ul li:last-child {margin-left: 20px;}

/* section
------------------------------------------------------------ */
section { width: 90%; margin: 0 auto;}

/* section header
------------------------------------------------------------ */
#section_header{
	width: 90%;
	display:flex;
	justify-content: space-between;
	align-items:center;
	margin:0 auto 0;
	border-bottom: 1px solid #fff;
}
#section_header .left_item {}
#section_header .left_item h2 { font-size:1.2em;}
#section_header ul{
	display:flex;
	list-style:none;
	padding:0;
	margin:0;
}
#section_header ul li a{
	display:block;
	padding:8px 24px;
	background:#f0f2f4;
	color:#333;
	text-decoration:none;
	border-radius:12px 12px 0 0;
}
#section_header ul li a.active{
	background:#dae0e7;
}

	/* footer
------------------------------------------------------------ */
footer { width: 90%; margin: 80px auto; display: flex; justify-content: space-between; border-top: 1px solid #e9e9e9; padding-top: 10px;}
footer #footer_links {}
footer #footer_links ul {display: flex;}
footer #footer_links ul li::after {
	content: "|";
	margin: 0 10px;
	color: #ccc;
}
footer #footer_links ul li:last-child::after {
	content: "";
}
footer #footer_links ul li a { color: #333; text-decoration: none;}

footer #copyright {}