.top {
  background-image: url("/wp-content/uploads/2021/10/community-top_img.jpg")
}

@media screen and (max-width: 650px) {
  .top {
    background-image: url("/wp-content/uploads/2021/10/community-top_img_sp.jpg")
  }
}

.flex {
  margin-bottom: 90px
}

.flex li {
  width: 40%
}

.sec h1 {
  line-height: 80px;
  text-indent: 40px
}

@media screen and (max-width: 650px) {
  .sec h1 {
    text-indent: 20px
  }
}

.sec h2 {
  line-height: 30px;
  margin: 30px auto
}

.sec h3 {
  line-height: 60px;
  margin-top: 15px
}

.list {
  margin-bottom: 15px
}

.list:first-child {
  margin-top: 30px
}

.list:last-child {
  margin-bottom: 30px
}

.sdgs_link {
  margin: 0 auto
}

ul.sdgs_list {
  margin: 60px auto 0;
  border-top: 1px solid #c0c0c0;
}

ul.sdgs_list ul.flex {
  margin-bottom: 60px;
  padding: 60px 0;
  border-bottom: 1px solid #c0c0c0
}

@media screen and (max-width: 650px) {
  ul.sdgs_list ul.flex {
    display: block;
    padding: 45px 0;
    margin-bottom: 45px
  }
}

@media screen and (max-width: 650px) {
  ul.sdgs_list ul.flex li {
    width: 100%
  }
}

@media screen and (max-width: 650px) {
  ul.sdgs_list ul.flex li.sdgs_number_img {
    width: 30%
  }
}

@media screen and (max-width: 650px) {
  ul.sdgs_list ul.flex li.sdgs_list_img {
    margin-top: 30px
  }
}

@media screen and (max-width: 650px) {
  ul.sdgs_list ul.flex ul {
    width: 100%
  }
}

ul.sdgs_list li.sdgs_list_txt {
  width: 100%;
  margin-top: 30px
}

.kuruto_link {
  width: 250px;
  margin: 45px 0 0
}

@media screen and (max-width: 650px) {
  .kuruto_link {
    width: 100%
  }
}

.genryo_web {
  width: 100%;
  max-width: 740px;
  margin: 30px 0 120px
}

.genryo_web:hover {
  opacity: .7
}