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

  Title: top.css
  Created: 2018-05-02
  sustainability専用スタイル

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


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


.sustainability-greenlease-merit {
  display: block; padding: 0; margin: 0 auto;
  width: 100%; max-width: 640px;
}

.sustainability-greenlease-merit__header {
  display: block; padding: 0; margin: 0;
  text-align: center;
}
.sustainability-greenlease-merit__header p {
  display: inline-block; padding: 0.50rem 1.5rem; margin: 0;
  font-size: 1.0rem;
  color: rgba(193,92,69,1.00);
  border: solid 1px rgba(193,92,69,1.00);
}



.sustainability-greenlease-merit__body {
  display: flex; padding: 1.0rem 0; margin: 0 -1.0rem;
  flex-direction: column;
}
.sustainability-greenlease-merit__body dl {
  display: block; padding: 1.0rem; margin: 0;
  width: 100%;
}

.sustainability-greenlease-merit__body--tenant {
  background-color: rgba(216,174,61,0.10);
}
.sustainability-greenlease-merit__body--investment {
  background-color: rgba(51,51,51,0.10);
}

.sustainability-greenlease-merit__body dt {
  display: block; padding: 0.5rem; margin: 0;
  text-align: center; color: #fff; font-size: 1.0rem;
}

.sustainability-greenlease-merit__body--tenant dt{
  border: solid 1px rgba(216,174,61,1.00);
  background-color: rgba(216,174,61,0.80);
}
.sustainability-greenlease-merit__body--investment dt {
  border: solid 1px rgba(51,51,51,1.00);
  background-color: rgba(51,51,51,0.80);
}

.sustainability-greenlease-merit__body--tenant .list-style__peculiar--original > li::before {
  color: rgba(216,174,61,0.80);
}
.sustainability-greenlease-merit__body--investment .list-style__peculiar--original > li::before {
  color: rgba(51,51,51,0.80);
}
@media print, screen and (min-width: 768px) {
  .sustainability-greenlease-merit__body {
    flex-direction: row;
  }
  .sustainability-greenlease-merit__body dl { width: 50%; }
  
}




.gresb-mark {
  display: flex; padding: 0 1.0rem; margin: 1.0rem 0;
  flex-wrap: wrap; 
  justify-content: center;
}
.gresb-mark li {
  display: block; padding: 0.5rem;
  width: 25%; max-width: 180px;
  
}

.tcfd-l{
  float:left;
  width: 550px;
  padding-bottom: 40px;
}
.tcfd-r{
  float:right;
}

@media print, screen and (max-width: 768px) {
  .tcfd-l, .tcfd-r{
    float: none;
    width: 100%;
    padding-bottom: 0px;
  }  
}