@charset "utf-8";
:root {

--font-color: #1b4698;
}

body{
	font-size: 14px;
	line-height: 20px;
}

body>header{
	margin-bottom: 44px;
	
}

h2{
	position: relative;
	top: 2px;
}

.network{
	margin-bottom: 40px;
	padding-left: 8px;
	font-size: 24px;
	line-height: 28px;
	border-left: var(--font-color) solid 8px;
}

.network header{
	margin-bottom: 12px;
	color: var(--font-color);
}

.header{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;/*クロス方向の変形規則*/
	align-content: center;/*justify-contentのクロス規則*/
	
	padding: 4px 4px;
	font-size: 20px;
	color: #fff;
	background: #cabfff;
	border-bottom: none;
}

article.block{
	margin-bottom: 12px;
	height: 36px;
	overflow: hidden;
	transition: all 0.3s ease-out;
}

.theme{
}

.theme h3{
	padding: 12px 0;
	font-size: 16px;
	border-bottom: #e5e5e5 solid 1px;
	
}

.list p{
	font-size: 14px;
}

.list p a{
	display: block;
	padding: 8px 0;
	border-bottom: #dfdcdc solid 1px;
}

@media only screen and (max-width: 768px){

.list p{
	
}

















}