@charset "UTF-8";
.page-about {
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .page-about .inner_about {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1000px) {
  .page-about .goal_wrap {
    position: relative;
  }
}

/*====================================
aboutページ/about/
=======================================*/
@media print, screen and (min-width: 600px) {
  .about_wrap {
    margin-left: 150px;
    margin-right: 150px;
  }
}
h2.about,
h3.about {
  margin: 0 auto;
  width: 88%;
  max-width: 555px;
}

h3.about {
  margin-bottom: 30px;
}

@media print, screen and (min-width: 600px) {
  h2.about,
  h3.about {
    width: 44%;
  }
  h3.about {
    margin-bottom: 60px;
  }
}
html:lang(en) .about_wrap span.color_g {
  color: currentColor;
}

/*---------------
目指す姿の図
---------------*/
h3.ttl_goal {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
  border: none;
  width: 100%;
}

.goal_wrap .goal {
  border: #000 1px solid;
  margin-bottom: 15px;
  background: #fff;
}

.goal_wrap .goal p.ttl {
  text-align: center;
  display: inline-block;
  border-bottom: #000 1px solid;
  width: 100%;
  font-size: 18px;
  padding: 5px;
  background: #ffc600;
}

.goal_wrap .goal ul {
  padding: 10px 15px;
}

.goal_wrap .goal ul li {
  display: inline;
  margin-bottom: 5px;
  font-size: 14px;
}

.goal_wrap .goal ul li:first-child:after {
  content: "/";
}

.goal_wrap .goal ul li + li:after {
  content: "/";
}

.goal_wrap .goal ul li:last-child:after {
  display: none;
}

.goal_wrap figure {
  margin: 0 0 20px 0;
}

.goal_wrap figure img.pc_img {
  display: none;
}

@media print, screen and (min-width: 600px) {
  h3.ttl_goal {
    font-size: 28px;
  }
  .goal_wrap .goal {
    margin-bottom: 15px;
  }
  .goal_wrap .goal p.ttl {
    font-size: 26px;
    padding: 10px;
  }
  .goal_wrap .goal ul {
    padding: 20px;
  }
  .goal_wrap .goal ul li {
    font-size: 18px;
  }
  .goal_wrap figure img.sp_img {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media print, screen and (min-width: 1000px) {
  .goal_wrap {
    position: relative;
  }
  .goal_wrap .goal {
    position: absolute;
    z-index: 10;
    margin-bottom: 0px;
  }
  .goal_wrap .goal ul li {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
  }
  .goal_wrap .goal ul li + li:after {
    content: normal;
  }
  .goal_wrap .goal ul li:before {
    content: "◎";
  }
  .goal_wrap .goal ul li:first-child:after {
    content: normal;
  }
  .goal_wrap figure img.sp_img {
    display: none;
  }
  .goal_wrap figure img.pc_img {
    display: block;
    max-width: 960px;
    margin: 0 auto;
  }
  .goal_wrap .goal.economic {
    width: 23%;
    left: 5.5%;
    bottom: 44%;
  }
  .goal_wrap .goal.society {
    width: 23%;
    right: 5.5%;
    bottom: 44%;
  }
  .goal_wrap .goal.environment {
    width: 27%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  html:lang(en) .goal_wrap figure {
    margin-bottom: 150px;
  }
}
html:lang(fr) .goal_wrap .goal ul li {
  font-size: 14px;
}/*# sourceMappingURL=about.css.map */