@charset "UTF-8";

body {
	background-color: var(--bg-color--primary);
}

.products_num-list {
	display: flex;
	max-width: 1280px;
	margin: 0 auto;
	flex-direction: column;
	counter-reset: number;

	row-gap: 50px;
}
.products_num-item {
	display: flex;
	position: relative;
	width: 100%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	flex-direction: column;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.products_num-item::before , .products_num-item::after {
	display: block;
	position: absolute;
	width: clamp(0.938rem, 0.11rem + 1.72vw, 1.563rem);
	background-color: var(--bg);
	content: "";

	aspect-ratio: 1/1;
}
.products_num-item::before {
	top: 0;
	left: 0;
	border-bottom-right-radius: 100%;
}
.products_num-item::after {
	right: 0;
	bottom: 0;
	border-top-left-radius: 100%;
}
.products_main-content , .products_sub-list {
	display: flex;
	max-width: 1165px;
	margin: 0 auto;
}

.products_main-content {
	background-color: var(--bg);
	color: #ffffff;
	column-gap: clamp(1.25rem, 0.009rem + 2.59vw, 2.188rem);
	align-items: center;

	row-gap: 10px;
}

.products_main-img {
	overflow: hidden;
	max-width: 330px;
	width: 100%;

	aspect-ratio: 11/8;
}
.products_main-img img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}
.products_main-details {
	display: flex;
	max-width: 700px;
	width: 100%;
	flex-direction: column;

	row-gap: 10px;
}
.products_main-title {
	display: flex;
	font-weight: bold;
	font-size: clamp(1.5em, 1.169em + 0.69vw, 1.75em);
}
.products_main-title::before {
	content: counter(number, decimal-leading-zero)".";
	counter-increment: number;
}
.products_main-text {
	font-weight: 500;
	font-size: clamp(0.938em, 0.772em + 0.34vw, 1.063em);
	line-height: clamp(1.625rem, 1.211rem + 0.86vw, 1.938rem);
	text-align: justify;
}
.products_sub-list {
	column-gap: 20px;
	flex-wrap: wrap;
}
.products_sub-item {
	border-bottom: clamp(0.125rem, -0.041rem + 0.34vw, 0.25rem) solid var(--bg);
}
.products_sub-item dl {
	display: flex;
	flex-direction: column;
}
.products_sub-item dt {
	font-weight: bold;
	font-size: clamp(0.938em, 0.11em + 1.72vw, 1.563em);
}
.products_sub-item dd {
	font-size: clamp(0.875em, 0.709em + 0.34vw, 1em);
	line-height: clamp(1.563rem, 1.397rem + 0.34vw, 1.688rem);
}
@media screen and (min-width: 768px) {
	.main_container {
		padding-top: 115px;
		padding-bottom: 120px;
	}
	.common_page-text br {
		display: none;
	}
	.products_num-list {
		width: 95%;
	}
	.products_num-item {
		padding: 40px 0;

		row-gap: 30px;
	}
	.products_main-content , .products_sub-list {
		width: 95%;
	}
	.products_sub-list {
		row-gap: 20px;
	}



	.products_main-content {
		padding: 32.5px 3.9063%;
	}
	.products_main-details {
		row-gap: 10px;
	}
	.products_sub-item {
		width: calc(50% - 10px);
		padding-bottom: 25px;
	}
	.products_sub-item dl {
		row-gap: 10px;
	}
	.products_sub-item dt , .products_sub-item dd {
		padding: 0 5px;
	}
}
@media screen and (max-width: 767px) {
	.main_container {
		padding-top: 55px;
		padding-bottom: 60px;
	}
	.products_num-list {
		width: calc(100% - 40px);
	}
	.products_num-item {
		padding: 20px 10px;

		row-gap: 10px;
	}
	.products_main-content , .products_sub-list {
		width: 100%;
	}
	.products_main-content {
		padding: 20px;
		flex-direction: column;
	}
	.products_main-details {
		row-gap: 5px;
	}
	.products_sub-list {
		flex-direction: column;

		row-gap: 15px;
	}
	.products_sub-item {
		width: 100%;
	}
	.products_sub-item:not(:nth-last-of-type(1)) {
		padding-bottom: 15px;
	}
	.products_sub-item:nth-last-of-type(1) {
		border-bottom: none;
	}
	.products_sub-item dl {
		row-gap: 5px;
	}
}



/*******************************************************************************
	
*******************************************************************************/