@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Old+Mincho&display=swap");
.ttl {
  font: 24px/1.0em "Noto Sans", sans-serif;
  font-weight: 700;
  color: #0099d9;
  text-align: center;
  position: relative;
  padding: 0 0 0 0;
  width: fit-content;
  margin: 50px auto 50px; }
  .ttl:before {
    position: absolute;
    content: "";
    display: block;
    background: url("../sdgs/image/earth.svg") center center no-repeat;
    background-size: contain;
    width: 72px;
    height: 66px;
    left: -85px;
    top: -25px; }

.top {
  font: 17px/1.8em "Noto Sans", sans-serif;
  font-weight: 700;
  color: #727171;
  margin: 0 0 20px; }

.txt {
  font: 14px/2.0em "Noto Sans", sans-serif;
  font-weight: 400;
  text-align: left;
  margin: 0 0 30px; }

.sdgs_all {
  display: block;
  margin: 0 auto 65px; }

.sdgs_mokuyo {
  background-color: #fdfcef;
  padding: 25px;
  margin: 0 0 20px; }
  .sdgs_mokuyo h4 {
    font: 19px/1.0em "Noto Sans", sans-serif;
    font-weight: 700;
    color: #0099d9;
    border-bottom: 4px solid #0099d9;
    width: fit-content;
    margin: 0 auto 22px;
    padding: 0 5px 8px; }
  .sdgs_mokuyo p {
    text-align: left;
    font: 15px/2.0em "Noto Sans", sans-serif;
    font-weight: 400;
    margin: 0 0 50px; }
  .sdgs_mokuyo dl {
    text-align: left;
    position: relative;
    padding: 0 0 0 100px;
    margin: 0 0 35px; }
    .sdgs_mokuyo dl:before {
      position: absolute;
      content: "";
      display: block;
      left: 0;
      top: 0;
      width: 75px;
      height: 75px; }
    .sdgs_mokuyo dl.sdgs04 dt {
      color: #c60f28; }
    .sdgs_mokuyo dl.sdgs04:before {
      background: url("../sdgs/image/sdgs_04.svg") center center no-repeat;
      background-size: contain; }
    .sdgs_mokuyo dl.sdgs08 dt {
      color: #970b31; }
    .sdgs_mokuyo dl.sdgs08:before {
      background: url("../sdgs/image/sdgs_08.svg") center center no-repeat;
      background-size: contain; }
    .sdgs_mokuyo dl.sdgs10 dt {
      color: #dc007a; }
    .sdgs_mokuyo dl.sdgs10:before {
      background: url("../sdgs/image/sdgs_10.svg") center center no-repeat;
      background-size: contain; }
    .sdgs_mokuyo dl.sdgs13 {
      margin: 0; }
      .sdgs_mokuyo dl.sdgs13 dt {
        color: #427935; }
      .sdgs_mokuyo dl.sdgs13:before {
        background: url("../sdgs/image/sdgs_13.svg") center center no-repeat;
        background-size: contain; }
  .sdgs_mokuyo dt {
    font: 18px/1.0em "Noto Sans", sans-serif;
    font-weight: 700;
    margin: 0 0 15px; }
  .sdgs_mokuyo dd {
    font: 14px/1.9em "Noto Sans", sans-serif;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 18px;
    margin: 0 0 10px;
    text-align: justify;
    text-justify: inter-ideograph; }
    .sdgs_mokuyo dd:before {
      position: absolute;
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      border-radius: 100%;
      background-color: #000;
      left: 3px;
      top: 9px; }