.sec_dec_ttl { margin-bottom: 1em; }

.community_wrap { display: flex; justify-content: space-between; }

#sec01 .sustainability_txt { width: 47%; }
#sec01 .img { width: 50%; }

#sec02 { margin-top: 12rem; padding-bottom: 12rem; background-color: #eff4f0; }
#sec02 .community_pos { position: relative; }
#sec02 .sustainability_txt { width: 48%; position: absolute; top: 0; left: 0; }

#sec03 .sustainability_txt { width: 58%; }
#sec03 .img { width: 36%; }

#sec04 { margin-top: 12rem; padding-bottom: 16rem; background-color: #eff4f0; }
#sec04 .community_wrap { flex-direction: row-reverse; }
#sec04 .sustainability_txt { width: 60%; }
#sec04 .img { width: 36%; }

.lower_link_area { margin-top: 0; }

@media screen and (max-width: 767px) { .community_wrap { display: block; }
  #sec01 .sustainability_txt { width: 100%; }
  #sec01 .img { width: 100%; }
  #sec01 .img01 { margin-top: 2rem; padding-left: 15%; transform: translateX(1.5rem); }
  #sec01 .img02 { margin-top: 1rem; padding-right: 15%; transform: translateX(-1.5rem); }
  #sec02 { margin-top: 6rem; padding-bottom: 6rem; }
  #sec02 .sustainability_txt { width: 100%; margin-bottom: 1em; position: static; }
  #sec03 .sustainability_txt { width: 100%; margin-top: 1em; }
  #sec03 .img { width: 100%; }
  #sec04 { margin-top: 6rem; padding-bottom: 6rem; }
  #sec04 .sustainability_txt { width: 100%; margin-top: 1em; }
  #sec04 .img { width: 100%; } }

/*# sourceMappingURL=community.css.map */