@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

:root {
	--c-white: #fff;
	--c-off: #777;
	--c-skyblue: #00BFF2;
	--c-blue: #07185C;
	--c-pink: #EB008B;
	--c-sub: #FFD26A;
	--c-normal: rgba(255, 255, 255, 0.4);

	--c-table-border: #ccc;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #0c2a4d;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

/*--------------------------------------------------*/
/* header */
/*--------------------------------------------------*/

.header {
	background-color: #ebf2f4;
	padding: 20px 30px;
}

.header_in {
	max-width: 900px;
	margin: 0 auto;
}

@media (max-width: 500px) {
	.header {
		padding: 15px;
	}
}

/*--------------------------------------------------*/
/* main */
/*--------------------------------------------------*/

.main {
	padding: 20px 30px;
}

.main_in {
	max-width: 900px;
	margin: 0 auto;
}

@media (max-width: 500px) {
	.main {
		padding: 15px;
	}
}

/*--------------------------------------------------*/
/* footer */
/*--------------------------------------------------*/

.footer {
	background: #0a294e;
	color: #7199c7;
	padding: 20px 30px;
}

.footer_in {
	max-width: 900px;
	margin: 0 auto;
}

.copyright {
	font-size: 12px;
}

@media (max-width: 500px) {
	.footer {
		padding: 15px;
	}
}

/*=====================================================*/
/* utility */
/*=====================================================*/

.u-mt0 { margin-top: 0; }
.u-mt5 { margin-top: 5px; }
.u-mt10 { margin-top: 10px; }
.u-mt15 { margin-top: 15px; }
.u-mt20 { margin-top: 20px; }
.u-mt25 { margin-top: 25px; }
.u-mt30 { margin-top: 30px; }
.u-mt40 { margin-top: 40px; }
.u-mt50 { margin-top: 50px; }
.u-mt80 { margin-top: 80px; }
.u-mt100 { margin-top: 100px; }