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

	Title: about.css
	Created: 2018-05-07
	投資法人についてコンテンツ専用スタイル

=========================================================== */
/*
	Common
	Message
	profile
	structure
	asset
	
=========================================================== */

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

	Common

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

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

	index (message)

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

.about-message {
	display: block; padding: 0; margin: 0;
}
.about-message__photo {
	display: block; padding: 2.0em 0; margin: 0 auto; width: 100%;
	max-width: 400px;
	text-align: center;
}
.about-message__body {
	display: block; padding: 0; margin: 0;
	width: 100%;
}


@media print, screen and (min-width: 576px) { }
@media print, screen and (min-width: 768px) { }
@media print, screen and (min-width: 992px) {
	.about-message {
		display: flex; margin: 0 -20px;
		justify-content: space-between;
	}
	.about-message__photo {
		padding: 0 20px; margin: 0; width: calc(300px + 40px); max-width: none;
	}
	.about-message__body {
		padding: 0 20px;
		width: calc((100% - 300px) - 40px);
	}
}
@media print, screen and (min-width: 1200px) { }



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

	profile

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

/* history */

.dl-table--history {
	border-top: solid 1px rgba(18, 46, 90,0.50);
	border-bottom: solid 1px rgba(18, 46, 90,0.50);
	width: 100%
}
.dl-table--history dt,
.dl-table--history dd { vertical-align: top; position: relative; }
.dl-table--history dt {
	padding: 0.5em 2.0em;
	color: rgba(18, 46, 90,1.00);
}

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

.dl-table--history dt::before,
.dl-table--history dt::after,
.dl-table--history dd::before,
.dl-table--history dd::after {
	display: block; padding: 0; margin: 0;
	position: absolute;
	content: "";
}
.dl-table--history dt::before,
.dl-table--history dd::before {
	top: 0; left: 1.0em;
	width: 1px; height: 100%;
	background-color: rgba(18, 46, 90,0.50);
}
.dl-table--history dt::before { }
.dl-table--history dt::after {
	margin-top: -2px;
	top: 50%; left: calc(1.0em - 2px);
	width: 5px; height: 5px; border-radius: 50%;
	background-color: rgba(18, 46, 90,1.00);
}
.dl-table--history dd::before { }
.dl-table--history dd::after { }
.dl-table--history dd p { padding: 0; margin: 0; }

a.map-btn {
    display: inline-block;
    padding: 0 1.0em;
    margin: 0;
    background-color: rgba(35,43,79,1.00);
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    border-radius: 4px;
    font-size: 1.4rem;
}

a.map-btn:hover {
    background-color: #285183;
}

a.map-btn::before {
    display: inline-block;
    padding: 0;
    margin: 0 0.5em 0 0;
    content: "\f041";
    font-family: FontAwesome;
}

@media print, screen and (min-width: 768px) {
	.dl-table--history dt {
		padding: 1.0em 4.0em 1.0em 0;
		width: 1%; white-space: nowrap;
	}

	.dl-table--history dd {
		padding: 1.0em 0 1.0em 4.0em;
	}
	
	.dl-table--history dt::before {
		width: 6.0em; height: 1px;
		top: 1.8em; left: auto; right: -3.0em;
	}
	.dl-table--history dt::after {
		margin-top: 0;
		top: calc(1.8em - 2px); left: auto; right: -3px;
	}
	.dl-table--history dd::before { left: 0; }
	
	.dl-table--history dl:first-child dt,
	.dl-table--history dl:first-child dd { padding-top: 3.0em; }
	.dl-table--history dl:last-child dt,
	.dl-table--history dl:last-child dd { padding-bottom: 3.0em; }
	.dl-table--history dl:first-child dt::before { top: 3.8em; }
	.dl-table--history dl:first-child dt::after { top: calc(3.8em - 2px); }
}


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

	organization

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




/* dl-table--standard */
.dl-table--organization { width: 100%; margin: 1.0em 0; }
.dl-table--organization .dl-table__header { display: none; text-align: center; }
.dl-table--organization .dl-table__header dt,
.dl-table--organization .dl-table__header dd { color: rgba(255,255,255,1.00); padding: 0.5em; }
.dl-table--organization .dl-table__header .organization-role {
	background-color: rgba(18, 46, 90,1.00);
}
.dl-table--organization .dl-table__header .organization-name {
	background-color: rgba(18, 46, 90,1.00);
}
.dl-table--organization .dl-table__header dd {
	background-color: rgba(18, 46, 90,1.00);
}

.dl-table--organization .dl-table__body dt {
	color: rgba(255,255,255,1.00);
	padding: 0.5em 1.0em;
}
.dl-table--organization .dl-table__body dd {
	padding: 0.5em 0;
}

.dl-table--organization .dl-table__body .organization-role { white-space: normal; }
.dl-table--organization .dl-table__body .organization-name { white-space: normal; }
.dl-table--organization .dl-table__body dt br { display: none; }



@media print, screen and (min-width: 768px) {
	.dl-table--organization .dl-table__header { display: table-row-group; }
	
	
	.dl-table--organization > dl > dt,
	.dl-table--organization .dl-table__header > dl > dt,
	.dl-table--organization .dl-table__body > dl > dt,
	.dl-table--organization .dl-table__footer > dl > dt {
		width: 20%!important; min-width: 0; vertical-align: middle;
	}
	.dl-table--organization > dl > dd,
	.dl-table--organization .dl-table__header > dl > dd,
	.dl-table--organization .dl-table__body > dl > dd,
	.dl-table--organization .dl-table__footer > dd > dd {
		width: 60%!important; min-width: 0; vertical-align: middle;
		border-bottom: solid 1px rgba(18, 46, 90,1.0);
	}
  .dl-table--organization .dl-table__body dt br { display: inline; }
}



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

	governance

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

.asset-decision-chart {
	display: flex; padding: 0; margin: 0;
	flex-direction: column;
}
.asset-decision-chart__cell {
	display: block; padding: 1.0em 0; margin: 0;
}
.asset-decision-chart__photo {
	display: block; padding: 0; margin: 0 auto;
	width: 320px; text-align: center;
}
@media print, screen and (min-width: 992px) {
	.asset-decision-chart {
		flex-direction: row; margin: 0 -1.0em;
	}
	.asset-decision-chart__cell { padding: 1.0em; }
	.asset-decision-chart__photo {
		display: block; padding: 0; margin: 0 auto;
		width: 240px;
	}
}