@charset "UTF-8";
#pageHeader .top {
  background-image: url("../../img/sdgs/sdgs_top_image.jpg"); }
@media screen and (max-width: 781px) {
  #pageHeader .top {
    background-image: url("../../img/sdgs/sdgs_top_image_sp.jpg"); } }

#activity {
  background-color: #f2efe9; }
  #activity .col .ttl {
    font-size: 1.3125em;
    margin-top: 0.5em; }
  #activity .intro {
    margin-top: 6.875em;
    text-align: center; }
    #activity .intro .logo img {
      margin: auto; }
    #activity .intro .ttl {
      margin-top: 3.75rem;
      font-size: 1.75em;
      line-height: 1.75;
      font-weight: bold; }
    #activity .intro .txt {
      margin-top: 1.875rem;
      font-size: 1.3125em;
      line-height: 2;
      letter-spacing: 0.02em; }
  #activity .activity_list {
    margin-top: 8.75em; }
    #activity .activity_list > li:not(:last-child) {
      margin-bottom: 6.25em; }
    #activity .activity_list .ttl {
      padding: 1.875em;
      padding-left: 4.375em;
      background-color: #0095d5;
      min-height: 13.75em;
      color: #FFFFFF;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 1;
      overflow: hidden; }
      #activity .activity_list .ttl::after {
        content: '';
        display: block;
        width: 21.25em;
        height: 14.1875em;
        background: url(../../img/sdgs/kurokawa.svg) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 50%;
        right: -0.625em;
        transform: translate(0, -50%);
        z-index: -1;
        mix-blend-mode: multiply;
        opacity: .2; }
      #activity .activity_list .ttl h4 {
        font-size: 1.75em;
        line-height: 1.5;
        font-weight: bold; }
      #activity .activity_list .ttl .txt {
        font-size: 1.125em;
        line-height: 1.6666666667;
        margin-top: 1.25rem; }
    #activity .activity_list .layout {
      background-color: #FFFFFF;
      padding: 3.75em 4.375em 5.625em; }
      #activity .activity_list .layout .txt_wrap {
        width: 47.9166666667%; }
        #activity .activity_list .layout .txt_wrap h5 {
          width: 100%;
          background-color: #35200c;
          color: #FFFFFF;
          font-size: 1.125em;
          font-weight: bold;
          line-height: 1;
          padding: 0.9375rem; }
        #activity .activity_list .layout .txt_wrap .list {
          margin-top: 0.9375em; }
          #activity .activity_list .layout .txt_wrap .list > li {
            font-size: 1.25em;
            font-weight: bold;
            line-height: 1.5;
            position: relative;
            padding-left: 1em;
            padding-bottom: 0.3125rem; }
            #activity .activity_list .layout .txt_wrap .list > li::before {
              content: '●';
              position: absolute;
              top: 0;
              left: 0; }
      #activity .activity_list .layout .icon_wrap {
        width: 47.9166666667%; }
        #activity .activity_list .layout .icon_wrap .list {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-bottom: -1.25em; }
          #activity .activity_list .layout .icon_wrap .list::after {
            content: '';
            width: 30.4347826087%; }
          #activity .activity_list .layout .icon_wrap .list > li {
            width: 30.4347826087%;
            margin-bottom: 1.25em; }
  @media screen and (max-width: 781px) {
    #activity .intro {
      margin-top: 2.5em; }
      #activity .intro .logo {
        width: 16.25rem; }
        #activity .intro .logo img {
          margin: auto; }
      #activity .intro .ttl {
        margin-top: 1.875rem;
        font-size: 1.125em;
        line-height: 1.7777777778; }
      #activity .intro .txt {
        margin-top: 1.25rem;
        font-size: 0.9375em;
        line-height: 1.7333333333;
        letter-spacing: 0;
        text-align: left; }
    #activity .activity_list {
      margin-top: 3.125em; }
      #activity .activity_list > li:not(:last-child) {
        margin-bottom: 2.5em; }
      #activity .activity_list .ttl {
        padding: 1.875em 1.5625em;
        min-height: inherit; }
        #activity .activity_list .ttl::after {
          width: 11.625em;
          height: 10.375em;
          top: -1.5625em;
          right: -0.3125em;
          transform: translate(0, 0); }
        #activity .activity_list .ttl h4 {
          font-size: 1.25em;
          line-height: 1.6; }
        #activity .activity_list .ttl .txt {
          font-size: 0.9375em;
          line-height: 1.7333333333;
          margin-top: 0.625rem; }
      #activity .activity_list .layout {
        flex-wrap: wrap;
        padding: 1.875rem 1.5625rem; }
        #activity .activity_list .layout .txt_wrap {
          width: 100%; }
          #activity .activity_list .layout .txt_wrap h5 {
            font-size: 0.875em;
            padding: 0.625rem; }
          #activity .activity_list .layout .txt_wrap .list {
            margin-top: 0.9375em; }
            #activity .activity_list .layout .txt_wrap .list > li {
              font-size: 0.9375em;
              line-height: 1.4;
              padding-bottom: 0.3125rem; }
        #activity .activity_list .layout .icon_wrap {
          width: 100%;
          margin-top: 1.25em; }
          #activity .activity_list .layout .icon_wrap .list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: -0.75em; }
            #activity .activity_list .layout .icon_wrap .list::after {
              content: '';
              width: 30.5454545455%; }
            #activity .activity_list .layout .icon_wrap .list > li {
              width: 30.5454545455%;
              margin-bottom: 0.75em; } }

#case {
  background-color: #f2efe9; }
  #case .col .ttl {
    font-size: 1.3125em;
    margin-top: 0.5em; }
  #case .case_list {
    margin-top: 8.75em; }
    #case .case_list > li:not(:last-child) {
      margin-bottom: 6.875em; }
    #case .case_list .layout {
      background-color: #FFFFFF;
      padding: 4.375em; }
      #case .case_list .layout .txt_wrap {
        width: 47.9166666667%; }
        #case .case_list .layout .txt_wrap h4 {
          color: #0095d5;
          font-size: 1.75em;
          font-weight: bold;
          line-height: 1.5; }
        #case .case_list .layout .txt_wrap .txt {
          margin-top: 1.25rem; }
      #case .case_list .layout .img_wrap {
        width: 47.9166666667%; }
        #case .case_list .layout .img_wrap > img.img02 {
          margin-top: 2.5em; }
        #case .case_list .layout .img_wrap h5 {
          font-size: 1.125em;
          font-weight: bold;
          line-height: 1;
          margin-bottom: 0.9375rem; }
        #case .case_list .layout .img_wrap .caption {
          margin-top: 0.625rem; }
  @media screen and (max-width: 781px) {
    #case .case_list {
      margin-top: 1.25em; }
      #case .case_list > li:not(:last-child) {
        margin-bottom: 2.5em; }
      #case .case_list .layout {
        flex-wrap: wrap;
        padding: 1.5625em; }
        #case .case_list .layout .txt_wrap {
          width: 100%; }
          #case .case_list .layout .txt_wrap h4 {
            font-size: 1.25em;
            line-height: 1.6; }
          #case .case_list .layout .txt_wrap .txt {
            margin-top: 1.25rem; }
        #case .case_list .layout .img_wrap {
          width: 100%;
          margin-top: 1.875em; }
          #case .case_list .layout .img_wrap > img.img02 {
            margin-top: 1.25em; }
          #case .case_list .layout .img_wrap .img_scroll {
            width: 100%;
            padding-bottom: 0.625em;
            overflow-x: scroll; }
            #case .case_list .layout .img_wrap .img_scroll img {
              min-width: 23.4375em; }
          #case .case_list .layout .img_wrap h5 {
            font-size: 0.9375em;
            margin-bottom: 0.9375rem; }
          #case .case_list .layout .img_wrap .caption {
            margin-top: 0.9375rem; } }