/* CSS Document */
/*-------------------------------*/
ul {
  text-decoration: none;
  list-style: none; }

/*-------------------------------*/
.top-p {
  color: #1C227E; }

h5 {
  font-size: 0.5rem;
  font-weight: normal;
  margin-bottom: 25px; }

.sdgs-box {
  width: 80%;
  margin: 100px auto 0;
  line-height: 1.8; }

.sdgs-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px; }

.sdgs-t-l {
  width: 55%; }

.sdgs-t-r {
  width: 40%; }

.sdgs-bottom img {
  position: absolute;
  left: -45px;
  top: -40px; }

.sdgs-bottom img:nth-child(2) {
  top: 85px; }

.sdgs-bottom li {
  background-color: #fff;
  position: relative;
  padding: 40px 0;
  margin-bottom: 94px;
  left: 20px; }

.sdgs-bottom li:nth-child(3) {
  padding: 40px 0 60px 0; }

.sdgs-bottom li:nth-child(4) {
  padding: 40px 0 110px 0; }

.sdgs-bottom p {
  margin-left: 130px; }


.pc {
	display: block;
}
.sp {
	display: none;
}

@media (max-width: 896px) {
  h5 {
    font-size: 0.3rem; }

  .sdgs-box {
    width: 90%;
    margin: 0.5rem auto 0; }

  .sdgs-top {
    display: block;
    margin-bottom: 50px; }

  .sdgs-t-l,
  .sdgs-t-r {
    width: 100%; }

  .sdgs-bottom img:nth-child(2) {
    top: -20px;
    left: 59px; }

  .sdgs-bottom li {
    left: 0; }

  .sdgs-bottom img {
    width: 25%;
    left: -20px;
    top: -20px; }

  .sdgs-bottom li,
  .sdgs-bottom li:nth-child(3),
  .sdgs-bottom li:nth-child(4) {
    padding: 40px 0 10px; }

  .sdgs-bottom p {
    margin: 35px 20px; }

.pc {
	display: none;
}
.sp {
	display: block;
}
	

}

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