@charset "UTF-8";
.sdgs .sdgs_ttl {
  font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 20px;
  background: url("../../company/images/sdgs/img03-80.jpg") no-repeat 0 13px;
  padding: 0 0 0 7%;
  margin-bottom: 40px; }
.sdgs .r_img {
  overflow: hidden; }
  .sdgs .r_img .img {
    float: right;
    width: 30%; }
  .sdgs .r_img .body {
    float: left;
    width: 60%;
    font-size: 14px;
    line-height: 180%;
    margin-left: 7%; }
.sdgs .l_img {
  overflow: hidden; }
  .sdgs .l_img .img {
    float: left;
    width: 30%;
    margin-left: 7%; }
  .sdgs .l_img .body {
    float: right;
    width: 57%;
    font-size: 14px;
    line-height: 180%; }
.sdgs section {
  margin-bottom: 50px; }
  .sdgs section .icon_ttl {
    margin: 185px 0 120px 0; }
  .sdgs section .def {
    margin-left: 7%;
    font-size: 14px; }
.sdgs .sec1 {
  margin-bottom: 200px; }
  .sdgs .sec1 .base {
    border: #e60012 solid 1px;
    text-align: center;
    padding: 55px 20px 40px;
    margin: 100px 0 150px 0; }
  .sdgs .sec1 h2 {
    color: #e60012;
    font-size: 34.5px;
    margin-bottom: 15px;
    font-family: "YakuHanJPs", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .sdgs .sec1 p {
    font-size: 16px; }
.sdgs .sec2 {
  margin-bottom: 150px; }
.sdgs .map {
  text-align: center; }
@media screen and (max-width: 768px) {
  .sdgs section {
    margin-bottom: 50px; }
    .sdgs section .icon_ttl {
      margin: 30px 0 30px 0; }
    .sdgs section .def {
      margin-left: 0;
      line-height: 180%; }
  .sdgs .sdgs_ttl {
    padding: 0 0 0 60px;
    margin-bottom: 30px; }
  .sdgs img {
    width: 100%;
    height: auto; }
  .sdgs .r_img {
    overflow: hidden; }
    .sdgs .r_img .img {
      float: none;
      width: 100%;
      margin-bottom: 20px; }
    .sdgs .r_img .body {
      float: none;
      width: 100%;
      font-size: 14px;
      line-height: 180%;
      margin-left: 0%; }
  .sdgs .l_img {
    overflow: hidden; }
    .sdgs .l_img .img {
      float: none;
      width: 100%;
      margin-left: 0%;
      margin-bottom: 20px; }
    .sdgs .l_img .body {
      float: none;
      width: 100%; }
  .sdgs .sec1 {
    margin-bottom: 50px; }
    .sdgs .sec1 .base {
      border: #e60012 solid 1px;
      text-align: center;
      padding: 40px 20px 30px;
      margin: 0 0 30px; }
    .sdgs .sec1 h2 {
      font-size: 22px;
      margin-bottom: 15px; }
    .sdgs .sec1 p {
      font-size: 15px; }
  .sdgs .sec2 {
    margin-bottom: 50px; } }