@charset "UTF-8";

#pageHeader::before {
	content: "";
	background-image: url(../images/page_icon_goods.svg);
}

#goods {
	@media screen and (min-width:1145px), print {
		.mainText { text-align: center; }
		#items {
			display: flex;
			flex-wrap: wrap;
			margin-top: 190px;
			gap: 90px 100px;
			& > li {
				width: calc(50% - 50px);
				.text { margin-top: 22px; }
			}
		}
	}
	@media screen and (max-width:1144px) {
		#items {
			margin-top: 95px;
			& > li {
				max-width: 270px;
				margin-inline: auto;
				.text {
					font-size: 12px;
					margin-top: 10px;
				}
			}
			& > li + li { margin-top: 45px; }
		}
	}
}