@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%;
}

.about-message__name {
  
}
.about-message__name__fullname {
  font-size: 1.25em; font-weight: bold;
}

@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(260px + 40px); max-width: none;
	}
	.about-message__body {
		padding: 0 20px;
		width: calc((100% - 260px) - 40px);
	}
}
@media print, screen and (min-width: 1200px) { }



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

	profile

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

/* history */

.dl-table--history {
	border-top: solid 1px rgba(13,71,157,0.50);
	border-bottom: solid 1px rgba(13,71,157,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(13,71,157,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(13,71,157,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(0,176,236,1.00);
  z-index: 5;
}
.dl-table--history dd::before { }
.dl-table--history dd::after { }
.dl-table--history dd p { padding: 0; margin: 0; }





.table-executives-status { }
.table-executives-status th,
.table-executives-status td { vertical-align: top; }
.table-executives-status thead th { white-space: nowrap; }
.table-executives-status tbody th { white-space: nowrap; }




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); }
}


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

	structure

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

.structure-list {
  display: block; padding: 0; margin: 2.0em 0 0 0;
}
.structure-list__cell {
  display: block; padding: 1.0em 0; margin: 0;
  border-top: solid 2px rgba(4,54,147,1.00);
}
.structure-list__chip,
.contents-style h3.structure-list__name span.structure-list__chip {
  display: block; padding: 0.25em 1.0em; margin: 0 0 0.5em 0;
  font-size: 1.2rem; text-align: center; line-height: 1.2;
  background-color: #f1f1f1; border-radius: 2px;
  color: #333; width: 10.0em; font-weight: normal;
}
.contents-style p.structure-list__role {
  display: block; padding: 0.5em 0; margin: 0 1.0em 0 0;
  
}

.contents-style h3.structure-list__name {
  display: block;; padding: 0.5em 0; margin: 0 1.0em 0 0;
  font-size: 1.6rem; font-weight: bold;
  color: rgba(13,71,157,1.00);
  background-color: rgba(0,0,0,0.00);
  border: none;
}
.contents-style h3.structure-list__name::before,
.contents-style h3.structure-list__name::after { display: none; }




.structure-list__cell--header { display: none; }


@media print, screen and (min-width: 768px) {
  .structure-list__cell--header { display: flex; }
  .structure-list__cell--header p.structure-list__role,
  .structure-list__cell--header p.structure-list__name,
  .structure-list__cell--header p.structure-list__info {
    background-color: rgba(13,71,157,1.00); color: #fff; margin: 0; text-align: center; padding: 0.5em 0;
    box-shadow: inset -1px 0 0 0 #ddd; 
  }
  .structure-list__cell--header p.structure-list__role { width: 20%; }
  .structure-list__cell--header p.structure-list__name { width: 30%; }
  .structure-list__cell--header p.structure-list__info { width: 50%; }
  .structure-list__chip,
  .contents-style h3.structure-list__name span.structure-list__chip { display: none; }
  
  .structure-list__cell {
    display: table; padding: 0; margin: 0;
    border-top: none;
  }
  .contents-style .structure-list__cell p.structure-list__role,
  .contents-style .structure-list__cell h3.structure-list__name,
  .contents-style .structure-list__cell div.structure-list__info {
    display: table-cell; padding: 1.0em; margin: 0;
    border-top: none; vertical-align: middle;
    box-shadow: inset -1px -1px 0 0 #ddd;
  }
  .contents-style .structure-list__cell p.structure-list__role {
    background-color: rgba(13,71,157,0.10); width: 20%;
  }
  .contents-style .structure-list__cell h3.structure-list__name { width: 30%; font-size: 1.2rem; }
  .contents-style .structure-list__cell div.structure-list__info { width: 50%; font-size: 1.4rem; }
  
  .contents-style .structure-list__cell div.structure-list__info p { margin: 0; font-size: 1.2rem; }
}



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

	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(13,71,157,1.00);
}
.dl-table--organization .dl-table__header .organization-name {
	background-color: rgba(13,71,157,1.00);
}
.dl-table--organization .dl-table__header dd {
	background-color: rgba(13,71,157,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;
	}
  .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;
	}
}




.esg-chart {
  display: block; padding: 10px; background-color: rgba(23,71,158,0.05);border-radius: 4px;
}