@charset "utf-8";
/* CSS Document */
#product .summary .cont-wrap { padding-top: 56px; }

#product .product-list {
	justify-content: space-between; flex-wrap: wrap; gap: 64px 0; }
#product .product-item {
	flex-direction: column; width: 31%; margin-top: 12px; margin-bottom: 12px; border-radius: 0 0 8px 0; background: #fff; position: relative; box-shadow: 4px 4px 4px #00000021; }
#product .product-item::before {
	content: ""; width: 100%; height: 8px; background: var(--color-font-reg); position: absolute; top: -12px; }
#product .product-item .image-area { aspect-ratio: 1; }
#product .product-item .text-area { padding: 24px 6%; }
#product .product-item h3 { margin-bottom: 12px; }
#product .product-item .text-area .text { font-size: var(--font-size-03); }
#product .product-item .text-area .text-sml { margin-top: 16px; line-height: 1.5; }
#product #product01.product-item .bg-img {
	background-image: url("../assets/images/product-img01.webp"); }
#product #product02.product-item .bg-img {
	background-image: url("../assets/images/product-img02.webp"); background-position: center 75%; }
#product #product03.product-item .bg-img {
	background-image: url("../assets/images/product-img03.webp"); }
#product #product04.product-item .bg-img {
	background-image: url("../assets/images/product-img04.webp"); }
#product #product05.product-item .bg-img {
	background-image: url("../assets/images/product-img05-2.webp"); }
#product #product06.product-item .bg-img {
	background-image: url("../assets/images/product-img06.webp"); }

@media (max-width: 960px) {
	#product .product-item { width: 47.5%; }
	#product .product-item .image-area { aspect-ratio: 4 / 3; }
}
@media (max-width: 600px) {
	#product .product-item { width: 100%; }
	@media (min-width: 428px) {
		#product .product-item { flex-direction: row; min-height: 240px; }
		#product .product-item .image-area,
		#product .product-item .text-area { width: 50%; }
	}
}





#product .product-brands { margin-bottom: 104px; }
#product .brands-list {
	flex-wrap: wrap; gap: 48px 3%; padding: 32px 5% 48px; background: var(--color-be); }
#product .brand-item { width: 14.166%; position: relative; transition: .3s cubic-bezier(0.75, 0, 0.25, 1); }
#product .brand-item .image-area { padding: 4px 8px; background: #fff; }
#product .brand-item .name {
	margin-top: 2px; font-size: var(--font-size-sml); white-space: nowrap; text-align: center; position: absolute; left: 50%; top: 101%; translate: -50% 0; }
#product .brand-item img { display: block; }
#product .product-brands .text { margin-top: 8px; line-height: 1.3; }

@media (max-width: 960px) {
	#product .brand-item { width: 17.6%; }
}
@media (max-width: 768px) {
	#product .brand-item { width: 22.75%; }
}
@media (max-width: 600px) {
	#product .brands-list { gap: 36px 5%; }
	#product .brand-item { width: 30%; }
}
@media (max-width: 428px) {
	/*#product .brand-item { width: 47.5%; }*/
}