/*========================================================*/
/*-------�Ｗ����憛�--------*/
/*========================================================*/

	.right_contentBg {
		/* padding: clamp(5.2813rem, 6.7708vw, 8.125rem); */
		/* background-color: rgba(0 200 255 / 20%); */
	}


		.productBg{			
            display: grid;
            grid-template-columns: repeat(3 , 1fr);
            gap: clamp(1.1719rem, 1.5625vw, 1.875rem);  /*��撠��� 18.75px��憭批�蝝� 1.5625vw����憭批�� 30px*/
		}

			.productList{

			}
				.productIn{
					padding-bottom: 5px;
				}
					.productIn a{
						display: block;
						color: #fff;
						text-decoration: none;
					}

						.productCard{
							
						}
							.product_img{
								
							}
								.product_img span{
									position: relative;
									padding-top: 74%;
									border-radius: 10px;
									display: block;
									overflow: hidden;
								}
									.product_img img{
										width: 100%;
										height: 100%;
										object-fit: cover;
										position: absolute;
										top: 0;
										left: 0;
										bottom: 0;
										right: 0;
										float: none;
										width: 100% !important;
										height: 100% !important;
										object-fit: cover;
										transition: 0.3s ease all;
									}

							.productListTit{
								font-size: clamp(.9375rem, 0.9375vw, 1.125rem);  /*摮�擃� ��撠��� 15px��憭批�蝝� 0.9375vw����憭批�� 18px*/
								margin-top: clamp(0.625rem, 0.7813vw, .9375rem);  /*��撠��� 10px��憭批�蝝� 0.7813vw����憭批�� 15px*/
							}
								.productListTit strong{
									color: var(--dark_color);
									font-size: inherit;
									line-height: inherit;
									font-weight: inherit;
									
    								display: block;
								}



								/*hover�桃蔗------------------*/
								/* .index_product_hover{
									width: 100%;
									aspect-ratio: 1.351 /  1;
									position: absolute;
									bottom: 0;
									left: 0;
								}
								.index_product_hover::before {
									content: " ";
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									margin: 0;
									box-sizing: border-box;
									z-index: -1;
									transition: filter .4s ease, opacity .4s ease !important;
									filter: opacity(0);	
								}
								.productIn a:hover .index_product_hover::before{
									filter: opacity(1);
									background: linear-gradient(180deg, rgba(58, 106, 253, 0), rgba(58, 106, 253, 0.5)) !important;
									z-index: 1;
								} */


@media (max-width: 990px){

	.productBg{
        grid-template-columns: repeat(2 , 1fr);
	}

}

@media (max-width: 375px){

	.productBg{
        grid-template-columns: repeat(1 , 1fr);
	}

}