@charset "utf-8";

.box_logo_about {
	width: 100%;
	margin: 6em auto;
	padding: 0 5%;
}
.box_logo_about h2 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.box_logo_about article {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: left;
	color: #5C5C5C;
	font-weight: bold;
}
.box_logo_about article p {
	font-size: 1.1em;
	line-height: 2;
	font-weight: normal;
	margin-bottom: 1.5em;
}
.box_logo_about article p.name {
	text-align: right;
}
.box_logo_about article p.name img {
	margin: auto 0 auto auto;
	max-width: 220px;
}
.box_logo_about article .document {
	width: 65%;
	margin-bottom: 4em;
}
.box_logo_about article .document h3 {
	font-size: 2.0em;
	color: #394756;
	margin-bottom: 2rem;
}
.box_logo_about article .photo {
	width: 30%;
	text-align: center;
	margin-bottom: 4em;
}
.box_logo_about article .photo img {
	margin: auto;
}

@media screen and (max-width: 920px) {
	.box_logo_about {
		margin: 4em auto;
	}
	.box_logo_about article p {
		font-size: 1.0em;
	}
	.box_logo_about article .document h3 {
		font-size: 1.5em;
		margin-bottom: 1.5rem;
	}
}
@media screen and (max-width: 700px) {
	.box_logo_about article .document {
		width: 100%;
		margin-bottom: 2em;
	}
	.box_logo_about article .photo {
		width: 100%;
		margin: auto auto 2em auto;
	}
}
@media screen and (max-width: 540px) {
	.box_logo_about {
		margin: 3em auto;
	}
}

.box_logo_about article.thoughts {
	display: block;
}
.thoughts h3 {
	margin-bottom: 2em;
	font-size: 1.6em;
	font-weight: 800;
}
.thoughts section {
	display: flex;
	margin-bottom: 3em;
}
.thoughts section .img_logo {
	width: 25%;
	text-align: center;
}
.thoughts section .img_logo img {
	margin: auto;
}
.thoughts section .doc_logo {
	width: 70%;
	text-align: left;
}
.thoughts section .doc_logo h4 {
	margin-bottom: 1em;
	font-size: 1.1em;
	font-weight: bold;
}
.thoughts section .doc_logo h5 {
	margin-bottom: 1em;
	font-size: 1.0em;
	font-weight: bold;
}
@media screen and (max-width: 920px) {
	.thoughts section .img_logo {
		width: 30%;
	}
	.thoughts section .doc_logo {
		width: 65%;
	}
}
@media screen and (max-width: 700px) {
	.thoughts section {
		flex-wrap: wrap;
	}
	.thoughts section .img_logo {
		width: 100%;
		margin-bottom: 2em;
	}
	.thoughts section .doc_logo {
		width: 100%;
	}
}
@media screen and (max-width: 540px) {
	.thoughts h3 {
		font-size: 1.3em;
	}
	.thoughts section {
		font-size: 0.95em;
	}
}

.box_logo_about article.variation {
	display: block;
}
.variation h3 {
	margin-bottom: 2rem;
	font-size: 1.6em;
	font-weight: 800;
}
.variation section {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5em;
}
.variation section div {
	width: 23%;
	text-align: center;
}
.variation section div img {
	margin: auto;
}
.variation section div span {
	display: block;
	font-size: 0.9em;
	margin-bottom: 1em;
}
@media screen and (max-width: 700px) {
	.variation section {
		flex-wrap: wrap;
	}
	.variation section div {
		width: 48%;
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 540px) {
	.variation h3 {
		font-size: 1.3em;
	}
}


.box_logo_about article.imagination {
	display: block;
}
.imagination h3 {
	margin-bottom: 2rem;
	font-size: 1.6em;
	font-weight: 800;
}
.imagination .image,
.imagination .image img {
	text-align: center;
	margin: auto;
}
@media screen and (max-width: 540px) {
	.imagination h3 {
		font-size: 1.3em;
	}
	.imagination section {
		font-size: 0.95em;
	}
}