html{
    background-color: #AAA;
}
body{
	margin: 0;
    color: #696969;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

a{
    color: #696969;
    text-decoration: none;
}
a:hover{
    color: #696969;
    text-decoration: underline;
}

.pre-wrap{
	white-space: pre-wrap;
}




#pageHeader{
	background-color: #2b3962;
	padding: 0 1.5rem;
}
.headerBox{
	max-width: 1200px;
	margin: 0 auto;
}
.headerInner{
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#logo{
	
}
#headerMenu ul{
	list-style-type: none;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
#headerMenu li{
	font-size: .9rem;
	padding: 0 .5rem;
	text-align: center;
	color: #fff;
}
#headerMenu a{
    color: #fff;
    text-decoration: none
}
#headerMenu a:hover{
    color: #bbb;
    text-decoration: underline;
}





.pageContents{
	margin: 2rem 0;
}
.pageBox{
	max-width: 1200px;
	margin: 0 auto;
}
.pageInner{
	padding: 3rem 1.5rem;
	background-color: rgba(255, 255, 255, .5);
}

.conInner{
	padding: .5rem
}
.conTitle{
	font-size: 1.8rem;
	padding-bottom: 2rem;
}
.conSubTitle{
	font-size: 1.1rem;
	padding-bottom: .75rem;
	font-weight: bold;
}