main section h1 {
  margin-bottom: 84px; }
  @media only screen and (max-width: 768px) {
    main section h1 {
      margin-bottom: 8vw; } }
  main section h1 img {
    width: 100%; }

main section h2 {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: #003594;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding: 0 16px; }
  @media only screen and (max-width: 768px) {
    main section h2 {
      font-size: 4.2vw;
      padding: 0; } }

main section.sdgc {
  text-align: left;
  color: #464646; }
  main section.sdgc img {
    width: 100%; }
  main section.sdgc .content {
    padding-bottom: 35px; }
  main section.sdgc .spc20 {
    height: 20px;
    margin: 0 auto;
    clear: both; }
  main section.sdgc .spc50 {
    height: 40px;
    margin: 0 auto;
    clear: both; }
  main section.sdgc .txt14 {
    font-size: 14px;
    line-height: 22px; }
  main section.sdgc .title_line1 {
    margin: 60px 0 30px 0;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #0EAE71;
    text-align: center;
    letter-spacing: 1px; }
  main section.sdgc .title_line2 {
    margin: 60px 0 30px 0;
    padding: 10px;
    color: #009B60;
    font-size: 26px;
    font-weight: bold;
    background: #FFF;
    text-align: center;
    letter-spacing: 1px;
    border: 1px solid #0EAE71; }
  main section.sdgc .title_line3 {
    margin: 60px 0 30px 0;
    padding: 10px;
    color: #009B60;
    font-size: 20px;
    font-weight: bold;
    background: #FFF;
    text-align: center;
    letter-spacing: 10px;
    border: 1px solid #0EAE71; }
  main section.sdgc .title_line4 {
    margin: 60px 0 30px 0;
    padding: 10px;
    color: #009B60;
    font-size: 20px;
    font-weight: bold;
    background: #FFF;
    text-align: center;
    letter-spacing: 1px;
    border: 1px solid #0EAE71; }
  main section.sdgc .title_sub {
    font-size: 10px;
    text-align: right;
    margin: -25px 0 10px 0; }
  main section.sdgc .sdgc_title_txt {
    font-size: 20px;
    line-height: 34px; }
    main section.sdgc .sdgc_title_txt .bold {
      font-size: 20px;
      font-weight: bold; }
    main section.sdgc .sdgc_title_txt .blue {
      font-size: 20px;
      color: #0098D8; }
    @media only screen and (max-width: 768px) {
      main section.sdgc .sdgc_title_txt {
        font-size: 16px;
        line-height: 24px; } }
    main section.sdgc .sdgc_title_txt .sub_txt {
      margin-top: 30px;
      padding-top: 10px;
      border-top: 1px solid #000;
      font-size: 12px;
      line-height: 16px;
      color: #888; }
  main section.sdgc .cnt {
    width: 100%;
    overflow: hidden; }
    main section.sdgc .cnt.line {
      margin-top: 20px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px dashed #ccc; }
    main section.sdgc .cnt.waku {
      margin-top: 20px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border: 1px solid #0EAE71;
      padding: 20px 30px;
      box-sizing: border-box; }
    main section.sdgc .cnt .sec02_box {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 40px;
      float: left; }
      main section.sdgc .cnt .sec02_box img {
        margin-bottom: 10px; }
      main section.sdgc .cnt .sec02_box:nth-child(2n) {
        margin-right: 0; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec02_box {
          width: 100%;
          margin-right: 0;
          margin-bottom: 30px; } }
    main section.sdgc .cnt .sec03_box_l {
      width: 64%;
      margin-right: 2%;
      float: left;
      font-size: 14px; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec03_box_l {
          width: 100%;
          margin-right: 0%;
          float: none; } }
      main section.sdgc .cnt .sec03_box_l .title {
        font-size: 16px;
        font-weight: bold;
        color: #009B60;
        display: block; }
    main section.sdgc .cnt .sec03_box_r {
      width: 34%;
      float: right;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec03_box_r {
          width: 100%;
          margin-right: 0%;
          margin-top: 15px;
          float: none; } }
      main section.sdgc .cnt .sec03_box_r img {
        width: 66px;
        margin: 0 3px 5px 3px; }
    main section.sdgc .cnt .sec04_box_l {
      width: 64%;
      margin-right: 2%;
      float: left;
      font-size: 14px; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec04_box_l {
          width: 100%;
          margin-right: 0%;
          float: none; } }
      main section.sdgc .cnt .sec04_box_l .title {
        font-size: 16px;
        font-weight: bold;
        color: #009B60;
        display: block;
        margin-bottom: 10px;
        clear: both; }
      main section.sdgc .cnt .sec04_box_l img.sml {
        width: 140px;
        margin: 0 15px 15px 0;
        float: left; }
    main section.sdgc .cnt .sec04_box_r {
      width: 34%;
      float: right;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec04_box_r {
          width: 100%;
          margin-right: 0%;
          margin-top: 15px;
          float: none; } }
      main section.sdgc .cnt .sec04_box_r img {
        width: 80px;
        margin: 10px 3px 0 3px; }
        @media only screen and (max-width: 768px) {
          main section.sdgc .cnt .sec04_box_r img {
            width: 70px; } }
    main section.sdgc .cnt .sec04_box_full {
      width: 100%; }
      main section.sdgc .cnt .sec04_box_full .title {
        font-size: 16px;
        font-weight: bold;
        color: #009B60;
        display: block;
        margin-bottom: 10px;
        clear: both; }
      main section.sdgc .cnt .sec04_box_full.center {
        text-align: center; }
        main section.sdgc .cnt .sec04_box_full.center img {
          width: 45%;
          margin: 30px 10px 10px 10px; }
          @media only screen and (max-width: 768px) {
            main section.sdgc .cnt .sec04_box_full.center img {
              width: 100%;
              margin: 20px 0 0px 0; } }
    main section.sdgc .cnt .sec06_box_l {
      width: 40%;
      margin-right: 2%;
      float: left;
      font-size: 14px; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec06_box_l {
          width: 100%;
          margin-right: 0%;
          float: none; } }
      main section.sdgc .cnt .sec06_box_l .title {
        font-size: 15px;
        font-weight: bold;
        color: #FFF;
        background: #0EAE71;
        display: block;
        margin-bottom: 10px;
        clear: both;
        padding: 5px 5px 4px 10px;
        box-sizing: border-box; }
      main section.sdgc .cnt .sec06_box_l img.sml {
        width: 140px;
        margin: 0 15px 15px 0;
        float: left; }
    main section.sdgc .cnt .sec06_box_r {
      width: 56%;
      float: right;
      text-align: center;
      overflow: hidden; }
      main section.sdgc .cnt .sec06_box_r .pic_cnt {
        width: 45%;
        margin-left: 5%;
        float: left;
        margin-bottom: 10px;
        font-size: 11px; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .sec06_box_r {
          width: 100%;
          margin-right: 0%;
          margin-top: 15px;
          float: none; }
          main section.sdgc .cnt .sec06_box_r .pic_cnt {
            width: 46%;
            margin-right: 2%;
            margin-left: 2%;
            float: left;
            margin-bottom: 10px;
            font-size: 11px; } }
      main section.sdgc .cnt .sec06_box_r img {
        width: 100%; }
    main section.sdgc .cnt .tab {
      background: #73CEAC;
      color: #fff;
      text-align: center;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        main section.sdgc .cnt .tab {
          display: none; } }

main section.sec1 .content {
  padding-bottom: 35px; }
  @media only screen and (max-width: 768px) {
    main section.sec1 .content {
      padding-bottom: 6vw; } }
  main section.sec1 .content p {
    padding: 0 15px;
    margin-bottom: 20px;
    text-align: left;
    color: #003594;
    font-size: 18px; }
    @media only screen and (max-width: 768px) {
      main section.sec1 .content p {
        padding: 0;
        margin-bottom: 2vw;
        font-size: 3.8vw; } }
  main section.sec1 .content .imgwrap {
    width: 80%;
    margin: 30px auto 0; }
    @media only screen and (max-width: 768px) {
      main section.sec1 .content .imgwrap {
        margin: 3vw auto 0;
        width: 100%; } }
    main section.sec1 .content .imgwrap img {
      width: 100%; }

main section.sec2 .content {
  padding-top: 55px;
  text-align: left; }
  main section.sec2 .content h3 {
    color: #003594;
    font-size: 24px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 768px) {
      main section.sec2 .content h3 {
        font-size: 4vw;
        margin-bottom: 3vw; } }
  main section.sec2 .content .efforts_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 35px; }
    @media only screen and (max-width: 768px) {
      main section.sec2 .content .efforts_list {
        flex-direction: column;
        margin-bottom: 4vw; } }
    main section.sec2 .content .efforts_list .item {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      @media only screen and (max-width: 768px) {
        main section.sec2 .content .efforts_list .item {
          width: 100%; } }
      main section.sec2 .content .efforts_list .item p.title {
        color: #003594;
        font-size: 20px; }
        @media only screen and (max-width: 768px) {
          main section.sec2 .content .efforts_list .item p.title {
            font-size: 3.8vw; } }
      main section.sec2 .content .efforts_list .item ul.disc {
        list-style-type: disc;
        margin-left: 30px;
        margin-bottom: 30px; }
        @media only screen and (max-width: 768px) {
          main section.sec2 .content .efforts_list .item ul.disc {
            margin-left: 5vw;
            margin-bottom: 4vw; } }

main section.sec3 .content {
  padding-top: 50px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    main section.sec3 .content {
      padding-top: 5vw;
      padding-bottom: 5vw; } }
  main section.sec3 .content .imgwrap img {
    width: 100%; }

main section.sec4 {
  background-color: #F4F3F9; }
  main section.sec4 .ttl {
    display: block;
    width: 100%; }
    main section.sec4 .ttl img {
      width: 100%; }
  main section.sec4 .content {
    padding-top: 50px;
    padding-bottom: 70px; }
    main section.sec4 .content .activity {
      margin-bottom: 65px; }
      @media only screen and (max-width: 768px) {
        main section.sec4 .content .activity {
          margin-bottom: 7vw; } }
      main section.sec4 .content .activity:last-child {
        margin-bottom: 0; }
        main section.sec4 .content .activity:last-child p {
          text-align: left; }
      main section.sec4 .content .activity .flexwrap {
        flex-wrap: nowrap;
        justify-content: space-between; }
        @media only screen and (max-width: 768px) {
          main section.sec4 .content .activity .flexwrap {
            flex-direction: column; } }
        main section.sec4 .content .activity .flexwrap .box {
          width: 49%;
          text-align: left; }
          @media only screen and (max-width: 768px) {
            main section.sec4 .content .activity .flexwrap .box {
              width: 100%; }
              main section.sec4 .content .activity .flexwrap .box:first-child {
                margin-bottom: 3vw; } }
          main section.sec4 .content .activity .flexwrap .box img {
            width: 100%; }
          main section.sec4 .content .activity .flexwrap .box:last-child p {
            margin-top: 10px; }
            @media only screen and (max-width: 768px) {
              main section.sec4 .content .activity .flexwrap .box:last-child p {
                margin-top: 1.5vw; } }