@charset "utf-8";
/* CSS Document */
.pagetitle{
	background-color: #FFEBF7;
}
.main-wrap{
	background-color: #F4F4F4;
}

.contents .boxitem{
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url("https://march-group.jp/system_panel/uploads/images/dot_line2.svg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto 4px;
}
.contents .boxitem:first-of-type{
	padding-top: 0;
}
.contents .boxitem:last-of-type{
	padding-bottom: 0;
	background-image: none;
}
.contents .boxitem .itemwrap{
	gap: 30px 20px;
	justify-content: flex-start;
	align-items: flex-start;
}
.contents .boxitem .itemwrap .item{
	width: calc(100% / 4 - 60px / 4 );
}
.contents .boxitem .itemwrap .item img{
	border-radius: 10px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.contents .boxitem .itemwrap{
		gap: 30px 15px;
	}
	.contents .boxitem .itemwrap .item{
		width: calc(100% / 4 - 45px / 4 );
	}

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.contents .boxitem .itemwrap{
		gap: 30px 15px;
	}
	.contents .boxitem .itemwrap .item{
		width: calc(100% / 3 - 30px / 3 );
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.contents .boxitem{
		padding-top: 50px;
		padding-bottom: 50px;
		background-size: auto 2px;
	}
	.contents .boxitem .itemwrap{
		gap: 20px 10px;
	}
	.contents .boxitem .itemwrap .item{
		width: calc(100% / 2 - 10px / 2 );
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}