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

	Title: about.css
	Created: 2018-4-23

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

	message
	profile
	structure


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

	message

=========================================================== */
.message-txt {
	width: calc(100% - 340px);
	float: left;
	margin: 0 0 40px;
}
.message-photo {
	width: 300px;
	float: right;
	text-align: center;
	margin: 0 0 40px;
}
.message-photo p {
	margin: 0 0 10px;
}
.message-photo em {
	font-size: 18px;
	color: #111;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0 0 0 10px;
}
html[lang="en"] .message-photo em {
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	.message-txt {
		width: 100%;
		float: none;
		margin: 0 0 40px;
	}
	.message-photo {
		float: none;
		margin: 0 auto 20px;
	}
	.message-photo p {
		margin: 0;
	}
	.message-photo img {
		margin: 0 0 10px;
	}
}

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

	profile

=========================================================== */
.history-info{
}

.history-info table tbody th {
    background-color: transparent;
    font-weight: bold;
	background-color: #006cb6;
	color: #fff;
	padding: 1em;
}

.history-info table th, .history-info table td {
    padding: 0;
    border: none;
    vertical-align: middle;;
	padding: 1em;
}

.history-info table tbody td {
	background-color: rgba(83,139,230,0.10);
}
@media screen and (max-width: 768px) {
	.history-info table th, .history-info table td {
		display: block;
		width: 100%;
	}
}

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

	structure

=========================================================== */
.structure-description {
}
.structure-description li {
	display: inline-block;
	margin-right: 20px;
}
.structure-description li:first-letter {
	color: #e50038;
}

table.ryakureki{
  margin: 0;
}

table.ryakureki th, table.ryakureki td {
    padding: 1.0em;
    border:none;
    vertical-align: top;
}

.spacer{
  height: 0;
  width: 150px;
  padding-top: 0;
  margin: 0.5em 0;
  margin-top: -32px;
}

.img-officer img{
  margin: 0;
  width: 150px;
}

.img-officer{
  margin: 0.5em 0;
}