@charset "utf-8";

/*******************統一設定*******************/
*{
	margin:0;
	padding:0;
	font-family:yomogi;
	text-decoration:none;
}

::selection{
	color:#fff;
	background:#e084ff;
}

a:visited{
	color:#9bb0ff;
}

/*html,body{
	width:100vw;
	height:100vh;
	overflow:hidden;
}*/
/**********************************************/
body{	/* 上のタイトルバーを除いた全体の領域 */
	width:100vw;
	height:calc(100vh - 70px);
	margin-top:70px;
    background-color:#002552;
    background-image:url("https://www.transparenttextures.com/patterns/old-wall.png");
	overflow-x:hidden;
	overflow-y:scroll;
}

header{
	width:100vw;
	height:69px;
	color:#000;
	background:#afceff;
	position:fixed;
	top:0;
	border-bottom:solid 1px #000;
	box-shadow:0 12px 15px rgba(99, 151, 239, 0.8);
}

h1{
	width:100vw;
	height:69px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:2.25em;
	position:relative;
}

ol{
	margin:70px 7.5% 0;
	padding-top:20px;
}

ol *{
	color:#ddefff;
	font-size:1.35rem;
	line-height:1.7rem;
}

@media (max-width:999px){
	body{
		height:calc(100vh - 55px);
		margin-top:55px;
	}

	header{
		height:54px;
	}

	h1{
		height:54px;
		font-size:1.8em;
	}

	ol{
		margin:55px 10% 0;
	}

	ol *{
		font-size:1.25rem;
		line-height:1.2em;
	}
}

li{
	margin-bottom:27px;
}