@charset "utf-8";
/* ===========================================================

	Title: about.css
	Created: 2018-9-12

=========================================================== */
/*

	message
	structure


=========================================================== */
/* ===========================================================

	message

=========================================================== */
.message {
	display: flex;
	justify-content: space-between;
}
.message__text {
	width: 820px;
	margin: 0 0 3em;
	order: 2;
}
.message__signature {
	width: 320px;
	margin: 0 40px 3em 0;
	text-align: center;
	order: 1;
}
.message__signature em {
	font-size: 20px;
	color: #111;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0 0 0 10px;
}
@media screen and (max-width: 767px) {
	.message {
		flex-direction: column;
		align-items: center;
	}
	.message__text {
		width: auto;
	}
	.message__signature {
		width: auto;
		max-width: 320px;
		margin: 0 0 3em 0;
	}
}

/* ===========================================================

	structure

=========================================================== */
.structure-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.structure-list li {
	width: 40%;
	margin: 0;
}