#contents {
	padding-bottom: 40px;
}
/*====================================================
//// id toolsBox
====================================================*/
.toolsBox .item {
	border-radius: 1em;
	padding: 1.3em 1.5em;
}
.toolsBox .item .coverImg {
	margin: auto;
	width: 80%;
	height: 40vw;
		max-height: 220px;
}
#video .item .coverImg {
	max-height: 150px;
}
.toolsBox .item dt {
	border-bottom: dotted 4px;
	margin-bottom: .6em;
	padding: .8em 0 .6em;
}
.toolsBox .item dd {
	padding: 0 .3em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.toolsBox h1 {
		font-size: 4rem;
	}
	.toolsBox .itemBox {
		grid-gap: 20px;
		margin: auto;
		max-width: 500px;
	}
	.toolsBox .item dt {
		font-size: 1.3em;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.toolsBox h1 {
		font-size: 5.7rem;
	}
	.toolsBox .itemBox {
		grid-gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}
	.toolsBox .item dt {
		font-size: 2.2rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	.toolsBox .itemBox {
		grid-gap: 28px;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width:1040px) {
	.toolsBox .itemBox {
		grid-gap: 28px;
	}
}

/*====================================================
//// id xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#document .innerBox {
		padding-top: 30px;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1040px) {
}