﻿.aboutCol2 > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.aboutCol2 > dl > dt {
  width: calc(100% - 400px);
}

.aboutCol2 > dl > dd {
  width: 400px;
}

.aboutSdgs {
  margin-top: 40px;
}

.aboutSdgs dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutSdgs dl > dt {
  width: 66px;
}

.aboutSdgs dl > dd {
  width: calc(100% - 66px);
  padding-left: 10px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}

.aboutSdgs dl > dd > p:nth-of-type(n+2) {
  margin-top: 5px;
}

.aboutSdgs > dl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.aboutSdgs > dl > dt {
  width: 92px;
}

.aboutSdgs > dl > dd {
  width: auto;
  font-size: 2.0rem;
}

.aboutSdgs > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.aboutSdgs > ul > li {
  width: 48%;
}

.aboutSdgs > ul > li > dl > dd > p {
  padding-left: 1.0em;
  text-indent: -1.0em;
}

@media screen and (max-width: 1024px) {
  .aboutCol2 > dl {
    display: block;
  }
  .aboutCol2 > dl > dt {
    width: 100%;
  }
  .aboutCol2 > dl > dd {
    width: 100%;
  }
  .aboutSdgs {
    margin-top: 30px;
  }
  .aboutSdgs dl > dt {
    width: 50px;
  }
  .aboutSdgs dl > dd {
    width: calc(100% - 50px);
    font-size: 1.2rem;
  }
  .aboutSdgs > dl > dt {
    width: 80px;
  }
  .aboutSdgs > dl > dd {
    width: auto;
    font-size: 1.6rem;
  }
  .aboutSdgs > ul {
    display: block;
    margin-top: 20px;
  }
  .aboutSdgs > ul > li {
    width: 100%;
  }
  .aboutSdgs > ul > li:nth-of-type(n+2) {
    margin-top: 15px;
  }
}

@media screen and (min-width: 1025px), print {
  .aboutSdgs > ul > li:nth-of-type(5) {
    width: 100%;
  }
  .aboutSdgs > ul > li:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
