@charset "utf-8";

/*khContents*/
#khContents {
	width:1240px;
	margin:0 auto;
	padding-top:15px;
	background:#FFF;
	color:#333;
}

/* knowhow */ 

.title4 {
  color: #000;
  font-size: 180%;
  margin: 10px 0 30px;
  font-weight: bold;
}


#contents .knowhowBox{
	display: flex;
	flex-wrap: wrap;
}
#contents li.knowhow{
	font-size: 16px;
	background-color: #EFEFEF;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 0;
	padding-bottom: 2em;
}
#contents li.knowhow h4{
	font-size: 140%;
	margin:1.5em auto;
	margin-bottom: 0.5em;
}
#contents .knowhow_description{
	font-size: 110%;
	line-height: 1.5;
	text-align: left;
	padding-top:0;
	padding-bottom:1.5em;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;
}
#contents .knowhow_description a {
	color: #005AB4;
	text-decoration: none;
}
#contents .knowhow_description a:hover {
	color: #FF3300;
	text-decoration: underline;
}
.categoryBox2 li a {
  color: #005AB4;
  font-weight: bold;
}
/* ノウハウ集 */

#khContents.mod_new .categoryBox li{
	max-width: 321.1px;
}
#khContents.mod_new .categoryBox li img{
	width: 100%;
}

@media screen and (max-width: 767px) {
	#khContents.mod_new {
		width: 100%;
	}
	#khContents.mod_new .categoryBox ul {
		flex-direction: column;
	}
	#khContents.mod_new .categoryBox .categoryTitle {
		text-align:left;
		padding: 0;
		font-weight: normal;
	}
	#khContents.mod_new .categoryBox li {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		text-align: left;
		max-width: 247px;
	}
	#khContents.mod_new .categoryBox li:not(:first-child) {
		margin-top: 30px;
	}
	#khContents.mod_new .categoryBox li img {
		margin-bottom: 0;
	}
	#khContents.mod_new .sp_mod {
		width: 100%;
	}
}