#kne-contents #topics .col2 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#kne-contents #topics .large {
	font-size:1.2em;
}

#kne-contents #topics .mark {
	background-color:transparent;
}

#kne-contents #topics .mark span {
	padding:0.2em 0em 0.2em 2em;
	background-image:url(/content/dam/jvckenwood/jp/business/koone/news/topics-2603/topics-h4-mark.svg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:1.5em;
}

#kne-contents #topics h4.bg-green {
	border-radius:1em;
	background-color:#e4f2f2;
}

#kne-contents #topics .line {
	display: inline-block;
	padding:3px 0.5em;
	background-color:#e4f2f2;
	border-radius:1em;
}

#kne-contents #topics .catch {
	text-align:center;
	padding:1em;
	background-color:#00a2a7;
	border-radius:1em;
	color:#ffffff;
	font-size:1.2em;
}

#kne-contents #topics .catch p {
	margin-bottom:0px;
}

#kne-contents #why ul li {
	margin-bottom:1em;
}

#kne-contents #why .col2text {
	width:45%;
}

#kne-contents #why .col2img {
	width:45%;
}

#kne-contents #key ul li {
	margin-bottom:1em;
}

#kne-contents #key .col2text {
	width:45%;
}

#kne-contents #key .col2img {
	width:45%;
}

#kne-contents #masking ul li {
	margin-bottom:1em;
}

#kne-contents #masking .col2text {
	width:45%;
}

#kne-contents #masking .col2img {
	width:45%;
}

#kne-contents #masking .enqwrap {
	padding:calc(1em + 20px) calc(1em + 20px) 0px calc(1em + 20px);
	background-color:#e1f7f8;
	border-radius:20px;
}

#kne-contents #masking .enqinner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:20px;
	background-color:#ffffff;
	border-radius:20px;
}

#kne-contents #masking .enqbox {
	display:block;
	width:30%;
}

#kne-contents #masking .enqex {
	width:100%;
}

#kne-contents #masking .enqex ul {
	display: flex;
	flex-wrap: wrap;
	list-style-type:none;
}

#kne-contents #masking .enqex ul li {
	margin:0.3em;
	font-size:0.8em;
}

#kne-contents #masking .enqex ul li span {
	display: inline-block;
	width:3em;
}

#kne-contents #masking .enqwrap p {
	padding:10px 0px;
}


#kne-contents #reason .col2text {
	width:45%;
}

#kne-contents #reason .col2img {
	width:45%;
}

#kne-contents #reason ol li {
	margin-bottom:1em;
}

#kne-contents #reason table {
	width:100%;
}

#kne-contents #reason table th,
#kne-contents #reason table td {
	border:1px solid;
	padding:0.5em;
	text-align:center;
}

#kne-contents #reason table th {
	color:#ffffff;
	background-color:#53d5d2;
}

#kne-contents #reason table td {
	width:42%;
}

#kne-contents #flow .flowbox {
	margin:30px 0px;
	padding-bottom:30px;

	background-image:url('/content/dam/jvckenwood/jp/business/koone/news/topics-2603/topics-2603-flow-arrow.svg');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:60px;
}

#kne-contents #flow .flowbox p {
	text-align:center;
	font-size:1.4em;
}

#kne-contents #flow .flowbox.last {
	padding-bottom:0px;
	background:none;
}


#kne-contents #recommend ul {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#kne-contents #recommend ul li {
	width:calc(50% - 20px);
	margin-bottom:20px;
	padding:1em;
	text-align:center;
	border:2px solid #aaaaaa;
	border-radius:0.3em;
}

#kne-contents #recommend figure {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

#kne-contents #case-list {
	display:flex;
	justify-content: flex-start;
	flex-wrap:wrap;
}

#kne-contents #case-list .casebox {
	width:32%;
	margin:20px 0.65% 30px 0.65%;
}

#kne-contents #case-list .casebox a {
	color:inherit;
}

#kne-contents #case-list .casebox a:hover {
	text-decoration: none;
	filter:opacity(80%);
}

#kne-contents #case-list .casebox figure {
	display: block;
	width:100%;
	position:relative;
	margin-bottom:10px;
}

#kne-contents #case-list .casebox figure img {
	width:100%;
	border-radius:5px;
}

#kne-contents #case-list .casebox figure::after {
	content:' ';
	position:absolute;
	display: inline-block;
	bottom:16px;
	right:16px;
	width:32px;
	height:32px;
	background-image:url('/content/dam/jvckenwood/jp/business/koone/case/images/kne-case-link-icon.svg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#kne-contents #case-list .casebox p {
	text-align: center;
	line-height: 1.3;
} 


#kne-contents #inquiry .col2 {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#kne-contents #inquiry .col2box {
	width:45%;
}

@media (max-device-width: 1039px) or (max-width: 768px){

	#kne-contents #why .col2text {
		width:100%;
	}

	#kne-contents #why .col2img {
		width:100%;
		margin-bottom:1em;
	}

	#kne-contents #key .col2text {
		width:100%;
	}

	#kne-contents #key .col2img {
		width:100%;
	}

	#kne-contents #masking .col2text {
		width:100%;
	}

	#kne-contents #masking .col2img {
		width:100%;
	}

	#kne-contents #masking .enqinner {
		justify-content: center;
	}

	#kne-contents #masking .enqbox {
		width:90%;
	}

	#kne-contents #reason .col2text {
		width:100%;
	}

	#kne-contents #reason .col2img {
		width:100%;
	}

	#kne-contents #recommend ul li {
		width:100%;
	}

	#kne-contents #recommend figure {
		max-width:none;
	}

	#kne-contents #case-list .casebox {
		width:98%;
		margin:20px 0.65% 30px 0.65%;
	}

	#kne-contents #case-list .casebox figure::after {
		width:64px;
		height:64px;
	}

	#kne-contents #inquiry .col2 {
		width:100%;
	}

	#kne-contents #inquiry .col2box {
		width:100%;
	}


}