/* Minion */
@font-face {font-family: 'Marion'; src: url('../font/marion/marion-regular.ttf') format('truetype'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'Marion'; src: url('../font/marion/marion-bold.ttf') format('truetype'); font-weight: 700; font-style: bold;}

@media (max-width: 1000px) {
}

body {
	position: relative;
	color: var(--color-primary);
	font-family: 'Marion', 'Times New Roman';
	font-style: italic;
}

footer {
	background-color: var(--color-bg);
	font-size: var(--font-size);
	padding: 30px 0;
}

header {
	background-color: var(--color-primary);
	padding-top: 1vw;
	padding-bottom: 0.3vw;
	z-index: 10;
	position: sticky;
	top: 0;
}

header .logo {
	display:block;
	position: relative;
	width: 20vw;
	margin: 0px auto;
}

img {
	max-width: 100%;
}

header .logo img {  /* 300px x 134px */
	width: 100%;
	height: 100%;
}

header .motto {
	font-style: normal;
	width: 100%;
	display:block;
	background-color: var(--color-bg);
	text-align: center;
	color: var(--color-primary);
	line-height: 2.5vw;
	font-size: 2vw;
	margin-top: 0.3vw;
	border-bottom: 0.8vw solid black;
}

@media (max-width: 670px) {
	header .motto {
		line-height: 7.5vw;
		font-size: 4vw;
		margin-top: 0.3vw;
	}

	header .logo {
		width: 34vw;
	}
}