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

	Title: about.css
	Created: 2017-12-04

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

	index (message)
	profile
	structure
	asset


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

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

	index (message)

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

.about-message {
	display: flex; padding: 0; margin: 0;
	justify-content: space-between;
}
.about-message::after { display: none; }
.about-message__body {
	display: block; padding: 0; margin: 0;
	width: 660px;
}
.about-message__photo {
	display: block; padding: 1.0em 0; margin: 0; width: 300px;
	text-align: center;
}

.about-message__name {
	display: block; padding: 0; margin: 1.0em 0 0 0;
	color: #333;
}
.about-message__name .company {
	display: block;
	padding: 0; margin: 0; font-size: 1.2rem;
}
.about-message__name .position {
	padding: 0; margin: 0; font-size: 1.2rem;
}
.about-message__name .name {
	padding: 0; margin: 0; font-size: 1.6rem;
}

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

	profile

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

.button-link.button-link--map {
	font-size: 0.800em; margin: 0 0 0 1.0em;
}
.button-link--map::before {
	display: inline-block; margin: 0 0.25em 0 0;
	content: "\f041";
	font-family: FontAwesome;
}
.is_en a.button-link.button-link--map {
	padding: 0.10em 0.5em; margin: 0 0 0 0.5em;
}

.profile-logomark {
	display: flex; padding: 10px; margin: 0;
	border: solid 1px rgba(102,191,151,1.00);
}

.profile-logomark__mark,
.profile-logomark__text {
	display: block; padding: 15px; margin: 0;
}
.profile-logomark__mark p {
	display: block; padding: 20px; margin: 0;
	width: 200px; text-align: center;
}
.profile-logomark__text {
}





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

	profile

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

.dl-table .align-top-authorization {
	vertical-align: top;
}

.dl-table--history { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; width: 100% }
.dl-table--history > dl > dt,
.dl-table--history > dl > dd { vertical-align: top; position: relative; }
.dl-table--history dt { padding: 1.0em 2.0em 1.0em 0; color: rgba(102, 191, 151, 1.00); width: 1%; white-space: nowrap; }
.dl-table--history dd { padding: 1.0em 0 1.0em 2.0em; border-left: solid 1px #ddd; }


.dl-table--history dt::after {
	display: block; padding: 0; margin: -5px 0 0 0;
	position: absolute; top: 1.8em; right: -5px;
	width: 10px; height: 10px; background-color: rgba(102, 191, 151, 1.00);
	border-radius: 50%;
	content: ""; z-index: 5;
}
.dl-table--history dd::after {
	display: block; padding: 0; margin: 0;
	position: absolute; top: 1.8em; left: -1em;
	width: 2em; height: 1px; background-color: rgba(102,191,151,1.00);
	content: ""; z-index: 0;
}


.dl-table--history dl:first-child dt { padding: 2.0em 2.0em 1.0em 0; }
.dl-table--history dl:first-child dd { padding: 2.0em 0 1.0em 2.0em; }

.dl-table--history dl:first-child dd::after { top: 2.8em; }
.dl-table--history dl:first-child dt::after { top: 2.8em; }


.dl-table--history dl:last-child dt { padding: 1.0em 2.0em 2.0em 0; }
.dl-table--history dl:last-child dd { padding: 1.0em 0 2.0em 2.0em; }


.dl-table--history dd p { padding: 0; margin: 0; }