@charset "Shift_JIS";

/**************************
 * solutionページ独自設定 *
 **************************/

div#solutionContents h2{
	background:#007899;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	padding:5px 20px;
	font-size:20px;
}

div.categoryArea{
	display:flex;
	flex-wrap:wrap;
}
div.categoryArea a.SolutionCardSet{
	display:block;
	width:240px;
	margin:0 15px 15px 0;
	border:1px solid #CCC;
	position:relative;
	box-sizing:border-box;
}
div.categoryArea a.SolutionCardSet h3{
	margin:0 15px 30px;
}
a.SolutionCardSet p.jp1NewMark{
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	padding:4px 0 2px;
	margin:10px 0 0 10px;
	line-height:18px;
}
/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px){

}

/* for - 965px
=========================================================================================== */
@media screen and (max-width: 964px){
	.JS div.categoryArea{
		justify-content:center;
	}
}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px){
}

/* for - 700px
=========================================================================================== */
@media screen and (max-width: 699px){

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px){

}

/* for - 500px
=========================================================================================== */
@media screen and (max-width: 499px){

}

/* for - 415px
=========================================================================================== */
@media screen and (max-width: 414px){

}

/* for - 360px
=========================================================================================== */
@media screen and (max-width: 359px){
}