/*----- [ Singular : Home ] -----*/
.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: var(--width-full);
	row-gap: 30px;

	text-align: justify;
}
@container (width > 600px) and (width <= 1000px) {
	.container {
		flex-direction: column;
		justify-content: center;
		row-gap: 30px;
	}
}
@container (width > 1000px) {
	.container {
		flex-direction: row;
		justify-content: start;
		column-gap: 20px; 
	}
}
.container-aside {
	flex: 1 1 100%;
	display: flex;
	justify-content: center;
	margin: 0;
}
@container (width > 600px) and (width <= 1000px) {
	.container-aside {
		flex: 1 1 100%;
	}
}
@container (width > 1000px) {
	.container-aside {
		flex: none;
		justify-content: start;
		width: calc(var(--width-advertise) + 4px);
	}
}
.container-aside p {
	width: var(--width-advertise);
	height: 280px;

	background-color: rgba(204, 204, 204, 0.451); 
}
.container-part {
	flex: 1 1 var(--width-full);
	margin: 0;
}
@container (width > 600px) and (width <= 1000px) {
	.container-part {
		flex: 1 1 100%;
	}
}
@container (width > 1000px) {
	.container-part {
		flex: auto;
	}
}

.h2--container-part-title {
	font-size: 2rem;
	font-family: var(--font-h2-mobile);
	border-bottom: solid 1px var(--color-main);
}
@container (width > 600px) and (width <= 1000px) {
	.h2--container-part-title {
		font-family: var(--font-h2-mobile);
	}
}
@container (width > 1000px) {
	.h2--container-part-title {
		font-family: var(--font-h2-desktop);
	}
}

.h3--container-part-subtitle {
	font-size: 1.5rem;
	font-family: var(--font-h3-mobile);
}
@container (width > 600px) and (width <= 1000px) {
	.h3--container-part-subtitle {
		font-family: var(--font-h3-mobile);
	}
}
@container (width > 1000px) {
	.h3--container-part-subtitle {
		font-family: var(--font-h3-desktop);
	}
}
.h3--container-part-subtitle::before {
	content: '■';
	font-size: 2.05rem;
	vertical-align: text-top;
	color: var(--color-main);
}

.container-part ul {
	font-size: 1rem;
	font-family: sans-serif;
}
.container-part li {
	font-size: 1rem;
	font-family: sans-serif;
}
.container-part a {
	text-decoration: underline;
}
.container-part a:hover {
	text-decoration: none;
}