/* ----------------------------------------
top.css
---------------------------------------- */

/* ----------------------------------------
.hero-section
---------------------------------------- */

.front-page .hero-section {}


/* ----------------------------------------
section
---------------------------------------- */

.front-page section {
	padding: 95px 0 150px;
}


/* ----------------------------------------
.img-section
---------------------------------------- */

.front-page section.img-section {
	padding: 0;
}


/* ----------------------------------------
.about-section
---------------------------------------- */

.front-page .about-section {
	position: relative;
	padding: 0;
	background-image: url(../img/top/about-img.jpg);
	background-position: center;
	background-size: cover;
}
.front-page .about-section .half-right {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	padding: 80px 0 55px;
}
.front-page .about-section h2 {
	margin-bottom: 2.1em;
}
.front-page .about-section h2 small {
	display: block;
	font-size: 0.64em;
	margin-top: 0.35em;
}
.front-page .about-section h3 {
	margin-bottom: 1em;
}
.front-page .about-section p {
	letter-spacing: 0.04em;
}
@media (min-width: 768px) {
	.front-page .about-section {
		display: flex;
	}
	.front-page .about-section .container {
		max-width: 545px;
	}
	.front-page .about-section .half-right {
		flex: 0 0 50%;
		margin-left: auto;
		padding-right: max(1%, 10px);
	}
}
@media (max-width: 768px) {
	.front-page .about-section {
		padding: 50px;
	}
	.front-page .about-section .half-right {
		padding: 30px 15px;
	}
}
@media (max-width: 575px) {
	.front-page .about-section {
		padding: 20px;
	}
	.front-page .about-section .half-right {
		padding: 15px 0;
	}
}

/* ----------------------------------------
.workshop-section
---------------------------------------- */

.front-page .workshop-section {}


/* ----------------------------------------
.memories-section
---------------------------------------- */

.front-page .memories-section {
	padding-bottom: 70px;
}
.front-page .memories-section .container {
	max-width: 1154px;
}


/* ----------------------------------------
.staff-section
---------------------------------------- */

.front-page .staff-section {
	padding-bottom: 70px;
}
.front-page .staff-section .container {
	max-width: 1060px;
}