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

	Title: features.css
	Created: 2018-05-07
	Featuresコンテンツ専用スタイル

=========================================================== */
/*
	Common
	Features
	Strategy
	Distribution Policy
	Sustainability
		sustainability policy
		certification
		contribution
	
=========================================================== */

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

	Common

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

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

	features

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

/* feature-collaboration */
.feature-collaboration-chart {
  display: block; padding: 0; margin: 0;
  position: relative; z-index: 5;
}
.feature-collaboration {
  display: block; padding: 1.0em; margin: -40px 0 1.0em 0;
  background-color: rgba(13,71,157,0.05);border-radius: 4px;
  position: relative; z-index: 1;
}
.feature-collaboration h3 { margin: 0 0 0.5em 0; }

@media print, screen and (min-width: 768px) {
  .feature-collaboration { padding: 2.5em; margin: -80px 0 1.0em 0; }

}
/* mission */
.feature-mission {
  display: flex; flex-direction: column;
  padding: 0; margin: 0;
}

.feature-mission__cell {
  display: block; padding: 1.0em 0; margin: 0;
  position: relative;
}


@media print, screen and (min-width: 768px) {
  .feature-mission {
    flex-direction: row; margin: 0 -5px; align-items: center;
  }

  .feature-mission__cell { padding: 1.0em 5px; width: 50%; }

}

/* platform */
.feature-platform {
  display: block; padding: 0; margin: 0;
}
.feature-platform dl,
.feature-platform dt,
.feature-platform dd {
  display: block; padding: 0; margin: 0;
}
.feature-platform dl {
  display: block; padding: 0; margin: 2.0em 0;
  border-radius: 6px;
}
.feature-platform dt {
  display: block; padding: 0.5em 1.0em; margin: 0;
  text-align: center;
  border: solid 2px currentColor;
  font-weight: bold;
  font-size: 1.6rem;
  background-color: #fff;
}
.feature-platform--logistics dt { color: rgba(30,176,231,1.00); }
.feature-platform--trading dt { color: rgba(246,173,58,1.00); }


.feature-platform dd.feature-platform__list {
  display: block; padding: 0 1.5em; margin: 1.0em 0;
  position: relative; font-size: 1.4rem;
}
.feature-platform strong { font-size: 1.6rem; border-bottom: solid 1px #999; }
.feature-platform dd.feature-platform__list::before,
.feature-platform dd.feature-platform__list::after {
  display: block; padding: 0; margin: 0;
  position: absolute; top: 0; width: 0.5em; height: 100%;
  border: solid 2px rgba(0,0,0,1.00);
  content: "";
}
.feature-platform dd.feature-platform__list::before { border-right: none; left: 0; }
.feature-platform dd.feature-platform__list::after { border-left: none; right: 0; }

.feature-platform dd.feature-platform__list ol.list-style__peculiar--character_round-decimal {
  display: block; padding: 0; margin: 0;
  position: relative;
}
.feature-platform dd.feature-platform__list ol.list-style__peculiar--character_round-decimal>li::before,
.feature-platform dd.feature-platform__list ol.list-style__peculiar--brackets-decimal>li::before {
  font-size: 2.0rem; width: 2.0em!important; text-align: center;
}
.feature-platform.feature-platform--logistics dd.feature-platform__list::before,
.feature-platform.feature-platform--logistics dd.feature-platform__list::after {
  border-color: rgba(30,176,231,1.00);
}
.feature-platform.feature-platform--logistics dd.feature-platform__list ol.list-style__peculiar--character_round-decimal>li::before,
.feature-platform.feature-platform--logistics dd.feature-platform__list ol.list-style__peculiar--brackets-decimal>li::before {
  color: rgba(30,176,231,1.00);
}
.feature-platform.feature-platform--trading dd.feature-platform__list::before,
.feature-platform.feature-platform--trading dd.feature-platform__list::after {
  border-color: rgba(246,173,58,1.00);
}
.feature-platform.feature-platform--trading dd.feature-platform__list ol.list-style__peculiar--character_round-decimal>li::before,
.feature-platform.feature-platform--trading dd.feature-platform__list ol.list-style__peculiar--brackets-decimal>li::before {
  color: rgba(246,173,58,1.00);
}


dd.feature-platform__info { background-color: #fff; padding: 0.5em 1.0em; border-radius: 4px; text-align: center; font-size: 1.6rem; position: relative; }
dd.feature-platform__info::before {
  display: block; padding: 0; margin: 0 -10px 0 0;
  width: 30px; height: 30px;
  border: solid 4px rgba(0,0,0,0.00);
  border-bottom-color: #000; border-left-color: #000;
  content: "";
  position: absolute; top: -25px; left: 50%;
  transform: rotate(-45deg);
}
.feature-platform.feature-platform--logistics dd.feature-platform__info::before {
  border-bottom-color: rgba(30,176,231,1.00); border-left-color: rgba(30,176,231,1.00);
}
.feature-platform.feature-platform--trading dd.feature-platform__info::before {
  border-bottom-color: rgba(246,173,58,1.00); border-left-color: rgba(246,173,58,1.00);
}
.feature-platform dd.feature-platform__info span { font-size: 2.0rem; }
.feature-platform.feature-platform--logistics dd.feature-platform__info { box-shadow: 0 0 5px 0 rgba(30,176,231,0.80); background-color: rgba(30,176,231,0.10); }
.feature-platform.feature-platform--logistics dd.feature-platform__info span { color: rgba(30,176,231,1.00); }
.feature-platform.feature-platform--trading dd.feature-platform__info { box-shadow: 0 0 5px 0 rgba(246,173,58,0.80); background-color: rgba(246,173,58,0.10); }
.feature-platform.feature-platform--trading dd.feature-platform__info span { color: rgba(246,173,58,1.00); }


/* origin */
/*
2019/02/07
contents.cssへ.service-caseに改名した上で移動
以下　.internal-case-2及び.internal-case-2__cellは使用しない。

*/
.internal-case-2 {
  display: flex; flex-direction: column;
  padding: 0; margin: 0;
}

.internal-case-2__cell {
  display: block; padding: 1.0em 0; margin: 0;
  position: relative;
}

.internal-case-2 dl {
  display: block; width: 100%; height: 100%;
  position: relative;
  background-color: rgba(246,173,58,0.10);
}
.internal-case-2 dt {
  display: block; width: 100%; padding: 0 1.0em;
  background-color: rgba(246,173,58,1.00);
  color: #fff; text-align: center;
  font-size: 1.4em;
}
.internal-case-2 dt img {
  height: 40px; width: auto;
}
.internal-case-2 dd {
  display: block; width: 100%; padding: 0.5em 1.0em;
}

@media print, screen and (min-width: 768px) {
  .internal-case-2 {
    flex-direction: row; margin: 0 -5px;
  }

  .internal-case-2__cell { padding: 1.0em 5px; width: calc(100% / 3); }

}




/* origin */
.feature-origin {
  display: flex; flex-direction: column;
  padding: 0; margin: 0;
}

.feature-origin__cell {
  display: block; padding: 1.0em 0; margin: 0;
  position: relative;
}

.feature-origin dl {
  display: block; width: 100%; height: 100%;
  position: relative;
  background-color: rgba(13,71,157,0.10);
}
.feature-origin dt {
  display: block; width: 100%; padding: 0.5em 1.0em;
  background-color: rgba(13,71,157,1.00);
  color: #fff; text-align: center;
  font-size: 1.4em;
}
.feature-origin dd {
  display: block; width: 100%; padding: 0.5em 1.0em;
}

@media print, screen and (min-width: 768px) {
  .feature-origin {
    flex-direction: row; margin: 0 -5px;
  }

  .feature-origin__cell { padding: 1.0em 5px; width: 50%; }

}


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

	policy

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

.feature-rate {
  display: flex; flex-direction: column; padding: 0; margin: 0 -1.0em;
}
.feature-rate__cell {
  display: block; padding: 1.0em; margin: 0; width: 100%;
}

.feature-rate__cell.feature-rate__cell--type { }
.feature-rate__cell.feature-rate__cell--area { }

.feature-rate__rate {
  display: block; padding: 2px; margin: 0;
  background-color: rgba(13,71,157,0.10);
}
.feature-rate__rate dl {
  display: block; padding: 5px; margin: 0;
  text-align: center;
}
.feature-rate__rate dt,
.feature-rate__rate dd {
  display: block; padding: 0.25em; margin: 0;
  background-color: #fff; border: solid 1px #ddd;
}
.feature-rate__rate dd { border-top: none; }


.feature-rate__area {
  display: flex; padding: 2px; margin: 0;
  background-color: rgba(13,71,157,0.10);
}
.feature-rate__area dl {
  display: block; padding: 5px; margin: 0;
  text-align: center; width: 50%;
}
.feature-rate__area dt,
.feature-rate__area dd {
  display: block; padding: 0.25em; margin: 0;
}
.feature-rate__area dt {
  border: solid 1px rgba(13,71,157,1.00);
  background-color: #fff;
}
.feature-rate__area dd { border-top: none; }

.contents-style .feature-rate__area dd ul{ margin: 0; }
.contents-style .feature-rate__area dd ul li { margin: 0.25em 0; }


@media print, screen and (min-width: 768px) {
  .feature-rate { flex-direction: row; }
  .feature-rate__cell { padding: 0 1.0em; }
  .feature-rate__cell.feature-rate__cell--type { width: calc((100% / 3) * 1); }
  .feature-rate__cell.feature-rate__cell--area { width: calc((100% / 3) * 2); }
  .feature-rate__cell.feature-rate__cell--area .feature-rate__body { display: flex; }
  .feature-rate__cell.feature-rate__cell--area .feature-rate__body .feature-rate__rate { width: 50%; }
  .feature-rate__cell.feature-rate__cell--area .feature-rate__body .feature-rate__area { width: 50%; }
}















.outline-construction {
	display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between;
	height: 100%; position: relative;
}
.outline-construction__cell { width: 100%; }


.dl-table--outline-construction { width: 100%; }
.dl-table--outline-construction > dl > dt,
.dl-table--outline-construction > dl > dd { vertical-align: middle; }
.dl-table--outline-construction > dl > dt { white-space: nowrap; padding: 1.0em; font-weight: bold; color: #fff;  }
.dl-table--outline-construction > dl > dd { padding: 0; }

.dl-table--outline-construction .dl-table-responsive { width: 100%; }
.dl-table--outline-construction .dl-table-responsive > dl > dt,
.dl-table--outline-construction .dl-table-responsive > dl > dd { vertical-align: middle; }
.dl-table--outline-construction .dl-table-responsive > dl > dt { padding: 1.0em; font-weight: bold; color: #fff;  }
.dl-table--outline-construction .dl-table-responsive > dl > dd { padding: 0; }


.dl-table--outline-construction .dl-table { width: 100%; }
.dl-table--outline-construction .dl-table > dl > dt,
.dl-table--outline-construction .dl-table > dl > dd { vertical-align: middle; padding: 0.5em 1.0em; border-bottom: solid 1px #ddd; }
.dl-table--outline-construction .dl-table > dl:last-child > dt,
.dl-table--outline-construction .dl-table > dl:last-child > dd { border-bottom: none; }
.dl-table--outline-construction .dl-table > dl > dt { white-space: nowrap; width: 40%; }
.dl-table--outline-construction .dl-table > dl > dd { width: 60%; }


.construction-table > dt { background-color: rgba(13,71,157,0.6); }

.construction-table--office > dt { background-color: rgba(116,165,207,1.00); }
.construction-table--office > dd { background-color: rgba(116,165,207,0.10); }
.construction-table--office .dl-table-responsive > dl > dt { background-color: rgba(116,165,207,0.80); }

.construction-table--residence > dt { background-color: rgba(138,193,138,1.00); }
.construction-table--residence > dd { background-color: rgba(138,193,138,0.10); }
.construction-table--residence .dl-table-responsive > dl > dt { background-color: rgba(138,193,138,0.80); }

.construction-table--other > dt { background-color: rgba(125,125,125,1.00); }
.construction-table--other > dd { background-color: rgba(125,125,125,0.10); }
.construction-table--other .dl-table-responsive > dl > dt { background-color: rgba(125,125,125,0.80); }


.construction-table--area-01 > dt { background-color: rgba(188,178,114,1.00); }
.construction-table--area-01 > dd { background-color: rgba(188,178,114,0.10); }
.construction-table--area-01 .dl-table-responsive > dl > dt { background-color: rgba(188,178,114,0.80); }

.construction-table--area-02 > dt { background-color: rgba(80,100,133,1.00); }
.construction-table--area-02 > dd { background-color: rgba(80,100,133,0.10); }
.construction-table--area-02 .dl-table-responsive > dl > dt { background-color: rgba(80,100,133,0.80); }

@media print, screen and (min-width: 768px) {
	.dl-table--outline-construction { text-align: center; }
	.dl-table--outline-construction > dl > dt { width: 20% }
	.dl-table--outline-construction > dl > dd { width: 80%; }
	.dl-table--outline-construction .dl-table-responsive > dl > dt { width: 40%; }
	.dl-table--outline-construction .dl-table-responsive > dl > dd { width: 60%; }
  
	.dl-table--outline-construction.construction-info > dl > dt { width: 15% }
	.dl-table--outline-construction.construction-info > dl > dd { width: 85%; }
	.dl-table--outline-construction.construction-info .dl-table-responsive > dl > dt { width: 20%; }
	.dl-table--outline-construction.construction-info .dl-table-responsive > dl > dd { width: 80%; }
}






.construction-table__label {
	display: block; padding: 0 1.0em; margin: 0;
	color: #fff; border-radius: 0.5em; text-align: center;
}
.construction-table__label.construction-table__label--01 { background-color: rgba(188,178,114,1.00); }
.construction-table__label.construction-table__label--02 { background-color: rgba(80,100,133,1.00); }
.construction-table__label.construction-table__label--other { background-color: #666; }





.sponsorship-photo-list {
	display: block; padding: 0; margin: 1.0em 0;
}
.sponsorship-photo-list ul {
	display: block; padding: 0; margin: 0;
}
.sponsorship-photo-list li {
	display: block; padding: 0; margin: 0;
	text-align: center;
}

.sponsorship-photo-list {
	display: block; padding: 0; margin: 0;
}
.sponsorship-photo-list ul {
	display: flex; padding: 0; margin: 0 -5px;
	flex-direction: row;
	justify-content: center;
}
.sponsorship-photo-list li {
	display: block; padding: 5px; margin: 0;
	width: 33.333%;
}

.sponsorship-photo-list__cell {
	display: block; padding: 0; margin: 0 auto;
	text-align: center;
}
.sponsorship-photo-list__cell figure {
	display: block; padding: 0; margin: 0 auto;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0 0 10px rgba(13,71,157,0.05);
	max-width: 220px;
}
.sponsorship-photo-list__cell figcaption {
	display: block; padding: 0; margin: 0.25em auto 0 auto;
}



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

	Strategy

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


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

	Distribution Policy

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


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

	Sustainability

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

/* -----------------------------------------------------------
	sustainability policy
----------------------------------------------------------- */

/* -----------------------------------------------------------
	certification
----------------------------------------------------------- */

/* -----------------------------------------------------------
	contribution
----------------------------------------------------------- */

.dbj-scoring {
	display: flex; padding: 1.0em 0; margin: 0 -0.5px;
	flex-wrap: wrap; justify-content: center;
}



.dbj-scoring dl {
	display: block; padding: 10px 0.5px; margin: 0;
	width: 100%;
}
.dbj-scoring dt {
	display: block; padding: 0.5em 1.0em; margin: 0;
	background-color: rgba(13,71,157,1.00);
	color: rgba(255,255,255,1.00);
}
.dbj-scoring dt br { display: none; }
.dbj-scoring dd {
	display: block; padding: 1.0em 2.0em; margin: 0;
	background-color: rgba(13,71,157,0.05);
}
.dbj-scoring dd p {
	display: block; padding: 0; margin: 0 auto;
	max-width: 160px;
}

@media print, screen and (min-width: 576px) {
	.dbj-scoring dl { width: 50%; }
	.dbj-scoring dt { text-align: center; }
	.dbj-scoring dt br { display: inline; }
	.dbj-scoring dd { padding: 1.0em 3.0em; }
}
@media print, screen and (min-width: 768px) {
	.dbj-scoring dl { width: 33.333%; }
	.dbj-scoring dd { padding: 1.0em 2.0em; }
}
@media print, screen and (min-width: 992px) {
	.dbj-scoring dl { }
	.dbj-scoring dt { }
}
@media print, screen and (min-width: 1200px) {
	.dbj-scoring dl { width: 240px; }
	.dbj-scoring { flex-wrap: nowrap; }
}



.dbj-property {
	display: flex; padding: 0; margin: 1.0em 0;
	flex-direction: column; align-items: center;
	background-color: rgba(13,71,157,0.05);
}
.dbj-property__cell { display: block; padding: 0; padding: 5px; }
.dbj-property__cell--logo,
.dbj-property__cell--photo { width: 100%; }
	.dbj-property__cell--photo { padding: 10px; background-color: rgba(13,71,157,0.05); }
.dbj-property__cell--logo p.dbj-property__dbj-logo {
	display: block; padding: 20px 10px; margin: 0 auto;
	max-width: 180px;
}

.dbj-property__photo-list {
	display: block; padding: 0; margin: 0;
}
.dbj-property__photo-list ul {
	display: flex; padding: 0; margin: 0;
	width: 100%; flex-direction: column;
	justify-content: center;
}
.dbj-property__photo-list li {
	display: block; padding: 5px; margin: 0;
	width: 100%;
}

.dbj-property__photo {
	display: block; padding: 0; margin: 0 auto;
	text-align: center;
}
.dbj-property__photo figure {
	display: block; padding: 5px; margin: 0 auto;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0 0 10px rgba(13,71,157,0.05);
	max-width: 220px;
}
.dbj-property__photo figcaption {
	display: block; padding: 0; margin: 0 auto;
}


@media print, screen and (min-width: 576px) {
	.dbj-property__photo-list ul { flex-direction: row; }
	.dbj-property__photo-list li { width: 33.333%; }
}
@media print, screen and (min-width: 768px) {
	.dbj-property {
		flex-direction: row;
	}
	.dbj-property__cell { }
	.dbj-property__cell--logo { width: 30%; }
	.dbj-property__cell--photo { width: 70%; }
	.dbj-property__cell--logo p.dbj-property__dbj-logo { max-width: 240px; }
	.dbj-property__photo-list ul {
		justify-content: flex-start;
	}
}
@media print, screen and (min-width: 992px) {
	.dbj-property__cell--logo { width: 25%; }
	.dbj-property__cell--photo { width: 75%; }
}



p.smbc_sustainable-photo { display: block; max-width: 200px; margin: 0 auto; }