@charset "utf-8";
/* トップイメージ */
.top-img {
	background-image: url("../img/example.jpg");
}


/* 共通
----------------------------------------*/
.example .wrapper {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto;
}
.example .item-box h3 {
	font-size: 1.8rem;
}
.example .item-box p {
	font-size: 1.4rem;
}


/*===============================
	pc
================================*/
@media screen and (min-width: 960px) {
	
	.example .wrapper {
		max-width: 1280px;
		grid-template-columns: repeat(4, 1fr);
	}
	.example .item-box {
		padding: 20px 0;
}

	/* 共通
	----------------------------------------*/
	.contents {
		flex-direction: row;
		max-width: 1280px;
		margin: 0 auto 30px;
	}

}