/* sdgs template */

.mainText {
	font-weight:bold;
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
}

.blueText {
	color:#003399;
}

.redText {
	color: #ff0000;
}

.f-b {
	font-weight:bold;

}

.f-s {
	font-size:14px;
}

.m-20 {
	margin-left:20px;
}

.section .sdgs {
  margin-bottom: 40px;
  padding-left:70px;
}

.section .sdgs:last-child {
  margin-bottom: 0;
}

.heading1 + .section {
  margin-top: 48px;
}

.lead-txt {
  margin-bottom: 48px;
}

.sdgsBox {
  width: 100%;
  margin: 0 0 10px;
  display: table;
}

.sdgsBox.row {
  margin: 20px 0;
}

.sdgsBox .sdgsTitle {
  display: table-cell;
  width: 260px;
  text-align: center;
  background-color: #003399;
  color: #ffffff;
  font-size: 57.6px;
  font-size: 3.6rem;
  line-height: 1.2;
  letter-spacing: 1px;
  padding: 22px 0;
  vertical-align: middle;
}

.sdgsBox .sdgsTxt {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 20px;
  padding-top:6px;
  font-weight: bold;
  margin-top: 0;
  color: #003399;
  text-decoration:underline solid #003399;
}

.sdgsBox .sdgsTxt2 {
  vertical-align: top;
  padding-left: 20px;
  margin-top: 0;
}



@media screen and (max-width: 736px) {
  .section .philoSec {
    margin-bottom: 20px;
  }

  .section .sdgs:last-child {
    margin-bottom: 0;
  }

  .section .lead-txt {
    margin-bottom: 36px;
  }

  .sdgsBox {
    margin: 0 0 36px;
    display: block;
  }

  .sdgsBox .sdgsTitle {
    display: block;
    width: 100%;
    float: none;
    font-size: 2.4rem;
    line-height: 1;
    padding: 18px 0;
  }

  .sdgsBox .sdgsTxt {
    display: block;
    width: 100%;
    float: none;
    font-size: 1.8rem;
    margin: 10px 0 0;
    padding-left: 0;
  }
  
  .sdgsBox .sdgsTxt2 {
    display: block;
    width: 100%;
    float: none;
    font-size: 1.8rem;
    margin: 10px 0 0;
    padding-left: 0;
  }

}