.page-lower #visual {
  background: url("../images/sdgs/visual-bg.jpg") center center /cover no-repeat;
}
#visual .title-1:before {
  content: 'SDGs';
}

#main .catch {
  width: fit-content;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background: #000;
  padding: .25em;
  margin: 0 auto 1.5em;
}

#main .visual {
  text-align: center;
}

#main .list .item ~ .item {
  padding-top: 50px;
  border-top: 1px solid #d9d9d9;
  margin-top: 50px;
}
#main .list .item .flex-col-2 .content {
  width: 55%;
}
#main .list .item .flex-col-2 .photo {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
}
#main .list .item .flex-col-2 .photo > div {
  width: 49%;
  margin-left: 2%;
}
#main .list .item .flex-col-2 .photo > div:nth-child(2n+1) {
  margin-left: 0;
}
@media (max-width:768px) {
  #main .list .item ~ .item {
    padding-top: 30px;
    margin-top: 30px;
  }
  #main .list .item .flex-col-2 .content,
  #main .list .item .flex-col-2 .photo {
    width: 100%;
  }
  #main .list .item .flex-col-2 .photo {
    max-width: 440px;
    justify-content: center;
    margin: 1.5em auto 0;
  }
}