@charset "utf-8";

article h1 {
	margin:0 0 0.5em;
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
	color:#2B3779;
}

article > .tx {
	margin:0 0 40px;
	font-size:14px;
	font-weight:400;
}



article .items {
	width:90%;
	max-width:1136px;
	margin:80px auto;
}

article h4 {
	padding:10px 30px;
	font-size:18px;
	font-weight:700;
	color:#242424;
	border-left:4px solid #2B3779;
	background:#F2F2F2;
}

article h4 span {
	display:block;
	width: 100%;
	margin:0 0 1em;
	font-family: 'Roboto', sans-serif;
	font-size:9px;
	font-weight:700;
	color:#2B3779;
}

article h4 p {
	margin:0.5em 0 2em;
	font-size:14px;
	font-weight:400;
	color:#585858;
}

article h4 div {
	float:left;
	padding-right:3em;
}


article .boxWrap {
	
}

article .boxWrap .box {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:40px;
	border:1px solid #707070;
}

article .boxWrap .box .th {
	width:24%;
}
article .boxWrap .box.type2 .th {
	width:26%;
}

article .boxWrap .box .th img {
	display:block;
}

article .boxWrap .box .th .ttl {
	margin:20px;
	padding:15px;
	background:#EAEAEA;
}
article .boxWrap .box .th .ttl span {
	font-size:10px;
	font-weight;700;
}

article .boxWrap .box .th h5,
article .boxWrap .box .tx h5 {
	font-size:16px;
	font-weight:bold;
}
article .boxWrap .box .th h5 p,
article .boxWrap .box .tx h5 p {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
}

article .boxWrap .box .tx h5 {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid #E2E2E2;
}

article .boxWrap .box .tx {
	width:76%;
	padding:20px;
	box-sizing:border-box;
	font-size:14px;
	font-weight:400;
}
article .boxWrap .box.type2 .tx {
	width:74%;
}

@media (max-width: 768px) {
	article h1 {
		font-size:22px;
	}
	
	article .boxWrap .box .th,
	article .boxWrap .box.type2 .th {
		width:100%;
	}
	article .boxWrap .box .th img {
		/*width:50%;*/
	}
	article .boxWrap .box .tx,
	article .boxWrap .box.type2 .tx {
		width:100%;
	}
}

@media (max-width: 600px) {
	article h1 {
		font-size:20px;
	}
	article h1 br {
		display:none;
	}
	

}

@media (max-width: 480px) {
	article h1 {
		font-size:18px;
	}
	
}

@media (max-width: 360px) {

}