@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700');

/*ここから追加*/
.sdgs-no{
    background: #007096;
    color: #ffffff;
}


.section-about-sdgs{
  text-align: center;
}
.section-about-sdgs img {
  width: 90%;
}
.section-about-sdgs  p {
  text-align: left;
}
.area-effort {
  margin-top: 50px;
}
.area-effort p{
  margin-bottom: 20px;
}
.table-area-effort {
  border-top: 1px solid;
  border-left: 1px solid;
  border-collapse: separate;
}
.table-area-effort p {
  margin-bottom: 0;
}
.table-area-effort .w-15 {
  width: 15%;
}
.table-area-effort .w-45 {
  width: 45%;
}
.table-area-effort .w-40 {
  width: 40%;
}
.table-area-effort th {
  padding: 3px;
  border-right: 1px solid #000;
  background: #f4f4f4;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: 1px solid #000;
}
.table-area-effort tr {
  border-bottom: 1px solid #000;
}
.table-area-effort tr td {
  padding: 5px 14px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: middle;
  font-size: 1.4rem;
}
.table-area-effort tr .wrap-border {
  border-bottom: 1px dashed #000;
}
.table-area-effort img{
  width: 120px;
  float: left;
  overflow: hidden;
  margin: 10px auto;
}

@media screen and (max-width: 300px) {
  .table-box-area-effort {
    overflow: auto;
  }
  .table-area-effort {
    width: 100%;
    min-width: 600px;
    table-layout: fixed;
}
}

@media screen and (max-width: 768px) {
.section-about-sdgs img {
  width: 100%;
}
.table-box-area-effort {
  white-space: normal;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.table-area-effort {
  min-width: 1000px;
  table-layout: fixed;
  text-align: left;
}
.table-area-effort img {
  width: 100px;
  margin: 10px;
}
}




.sdgs-kome {
	vertical-align: super;
	font-size: 0.7rem;
      }
      
.sdgs-cyuuki {
	font-size:80%;
	margin-top:20px;
}