@charset "utf-8";

/*===========================
	seasonstylelab concept.css
=============================*/
.concept {
	padding-top: 7.5rem;
}
.concept .inner {
	max-width: 90rem;
	padding: 0 1.5rem;
}
.concept h2 {
	font-size: 2.5rem;
	text-align: center;
}
.concept h3 {
	margin: 8rem auto 0;
	width: 42rem;
}
.concept .txt {
	margin-top: 6rem;
}
.concept .txt > p {
	font-size: 1.6rem;
	font-family: "Noto Serif CJK JP", serif;
	line-height: 4rem;
	letter-spacing: 0.05em;
	text-align: center;
}
.concept .txt > p + p {
	margin-top: 4rem;
}
@media (max-width: 768px) {
	.concept .inner {
		max-width: 100%;
		padding: 0 5rem;
	}
	.concept h2 {
		font-size: 4rem;
	}
	.concept h3 {
		width: 49.5rem;
	}
	.concept h3 span {
		display: inline-block;
		text-align: left;
	}
	.concept .txt {
		margin-top: 7.5rem;
	}
	.concept .txt > p {
		font-size: 3rem;
		line-height: 6rem;
		letter-spacing: 0.05em;
		text-align: left;
	}
	.concept .txt > p + p {
		margin-top: 6.5rem;
	}
}

/* director */
.director {
	margin-top: 9.5rem;
	padding: 4rem 0 6rem;
	background: #eaedf0;
}
.director .inner {
	max-width: 75rem;
	padding: 0;
}
.director .directorBox {
	display: flex;
	justify-content: space-between;
}
.director .directorBox .spBox {
	width: 16rem;
}
.director .directorBox .txtBox {
	width: 73%;
}
.director .directorBox .txtBox .name {
	width: 47rem;
}
.director .directorBox .txtBox .txt {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
@media (max-width: 768px) {
	.director {
		padding: 8rem 0;
	}
	.director .inner {
		max-width: 100%;
		padding: 0 5rem;
	}
	.director .directorBox {
		display: block;
	}
	.director .directorBox .spBox {
		width: 100%;
		display: flex;
		gap: 0 4rem;
	}
	.director .directorBox .pic {
		width: 18rem;
	}
	.director .directorBox .name {
		margin-top: 2rem;
		width: 32.4rem;
	}
	.director .directorBox .txtBox {
		margin-top: 3.5rem;
		width: 100%;
	}
	.director .directorBox .txtBox .txt {
		margin-top: 0;
		font-size: 2.7rem;
		line-height: 4.5rem;
	}
}

/* note */
.note {
	padding-top: 7rem;
}
@media (max-width: 768px) {
	.note {
		padding: 4rem 0;
	}
}