body.home {
	.front_page_category {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 2em 1em;
		.thumbnail {
			border: 3px solid #d9d9d9;
			img {
				width: 100%;
				height: auto;
				aspect-ratio: 199 / 108;
				object-fit: cover;
				object-position: center;
			}
		}
		.name {
			margin-top: 1em;
			display: flex;
			align-items: center;
			gap: 1em;
			&::after {
				content: '→';
				display: inline-block;
			}
		}
	}
	.front_page_ifmc {
		background-image: url("../images/front-page/ifmc-bg.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
		width: 100vw;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		box-sizing: border-box;
		padding: 2em 1em;
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-color: #d9d9d9;
			opacity: 0.72;
		}
		.container {
			position: relative;
			z-index: 2;
			max-width: 893px;
			background-color: #ffffffdb;
			padding: 2em 10%;
			margin-inline: auto;
			box-sizing: border-box;
		}
		.message {
			line-height: 1.8em;
			p {
				margin: 1.5em 0;
			}
		}
		.notice {
			font-size: 12px;
			line-height: 1.8em;
			img {
				vertical-align: middle;
			}
		}
		.p-button {
			margin-top: 2em;
		}
	}
	#cb_3 { /*BEST SELLER*/
		.p-index-carousel__item {
			a {
				position: relative;
				&::after {
					content: '';
					position: absolute;
					top: 0;
					right: 0;
					font-size: 24px;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 2em;
					height: 2em;
					border-radius: 50%;
					box-sizing: border-box;
					background-color: #fff;
					color: #000;
				}
			}
			&[data-slick-index="0"] {
				a::after {
					content: '01';
					border: none;
					color: #fff;
                    background-color: #c9aa00;
				}
			}
			&[data-slick-index="1"] {
				a::after {
					content: '02';
					border: none;
					background-color: #a0a0a0;
                    color: #fff;
				}
			}
			&[data-slick-index="2"] {
				a::after {
					content: '03';
					border: none;
					color: #fff;
					background-color: #c7966b;
				}
			}
			&[data-slick-index="3"] {
				a::after {
					content: '04';
				}
			}
			&[data-slick-index="4"] {
				a::after {
					content: '05';
				}
			}
			&[data-slick-index="5"] {
				a::after {
					content: '06';
				}
			}
			&[data-slick-index="6"] {
				a::after {
					content: '07';
				}
			}
			&[data-slick-index="7"] {
				a::after {
					content: '08';
				}
			}
			&[data-slick-index="8"] {
				a::after {
					content: '09';
				}
			}
			&[data-slick-index="9"] {
				a::after {
					content: '10';
				}
			}
		}
	}
	.front_page_about {
		display: flex;
		gap: 2em;
		align-items: center;
		max-width: 1000px;
		margin-inline: auto;
		padding-inline: 1em;
		.image {
			margin: 0;
			flex: 1;
			position: relative;
			img {
				width: 100%;
				height: auto;
				max-width: 409px;
			}
			&::before {
				position: absolute;
				top: 0%;
				right: 97%;
				width: 100%;
				height: 10.6%;
				content: '';
				background-color: var(--main-color);
			}
		}
		.content {
			flex: 1;
		}
		.title {
			font-size: 36px;
			font-weight: bold;
		}
		.intro {
			font-size: 20px;
			font-weight: bold;
			margin: 1em 0;
			color: var(--main-color);
			line-height: 1.4em;
		}
		.text {
			line-height: 1.8em;
		}
		.p-button {
			margin-top: 2em;
		}
	}
}