@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
 共通
===========================================*/
/*このページで使用するフォントカラーを定義*/
/*==========================================
 SDGsページ
===========================================*/
.sdgs {
  /*SDGs タイトルと画像*/ }
  .sdgs .sdgs-head {
    margin-bottom: 6em; }
    @media screen and (max-width: 767px) {
      .sdgs .sdgs-head {
        margin-bottom: 4em; } }
    .sdgs .sdgs-head .top-bg {
      margin-top: 5.3em; }
      @media screen and (max-width: 767px) {
        .sdgs .sdgs-head .top-bg {
          margin-top: 4.3em; } }
      @media screen and (max-width: 576px) {
        .sdgs .sdgs-head .top-bg {
          margin-top: 3.3em; } }
    .sdgs .sdgs-head .page-ttl {
      margin-top: 6em; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-head .page-ttl {
          margin-top: 4em; } }
      @media screen and (max-width: 767px) {
        .sdgs .sdgs-head .page-ttl {
          margin-top: 3em; } }
      @media screen and (max-width: 576px) {
        .sdgs .sdgs-head .page-ttl {
          margin-top: 2em; } }
      .sdgs .sdgs-head .page-ttl .ttl {
        text-align: center;
        color: #000; }
        .sdgs .sdgs-head .page-ttl .ttl .ttl-ja {
          font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          font-size: 5rem;
          font-weight: 300;
          margin-bottom: 0.9em; }
          @media screen and (max-width: 1140px) {
            .sdgs .sdgs-head .page-ttl .ttl .ttl-ja {
              font-size: 3.5rem; } }
          @media screen and (max-width: 767px) {
            .sdgs .sdgs-head .page-ttl .ttl .ttl-ja {
              font-size: 2.5rem; } }
          @media screen and (max-width: 576px) {
            .sdgs .sdgs-head .page-ttl .ttl .ttl-ja {
              font-size: 1.8rem; } }
        .sdgs .sdgs-head .page-ttl .ttl .ttl-sub {
          font-size: 2rem;
          font-weight: 500; }
          @media screen and (max-width: 1140px) {
            .sdgs .sdgs-head .page-ttl .ttl .ttl-sub {
              font-size: 1.8rem; } }
          @media screen and (max-width: 767px) {
            .sdgs .sdgs-head .page-ttl .ttl .ttl-sub {
              font-size: 1.6rem; } }
          @media screen and (max-width: 576px) {
            .sdgs .sdgs-head .page-ttl .ttl .ttl-sub {
              font-size: 1.4rem; } }
  @media screen and (max-width: 767px) {
    .sdgs .sdgs-body .sec-commitments7 {
      background-color: #f7f1ea;
      padding: 3em 0 0; } }
  .sdgs .sdgs-body .sec-commitments7 .bg-area {
    max-width: 1400px;
    min-height: 435px;
    width: 100%;
    margin: -385px 0 0 auto;
    background-color: red;
    display: block;
    background-color: #f7f1ea; }
  .sdgs .sdgs-body .sec-commitments7 .item-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .sdgs .sdgs-body .sec-commitments7 .item-area {
        max-width: 540px;
        margin: 0 auto;
        display: block; } }
    @media screen and (max-width: 576px) {
      .sdgs .sdgs-body .sec-commitments7 .item-area {
        max-width: 320px;
        margin: 0 auto; } }
    .sdgs .sdgs-body .sec-commitments7 .item-area .item {
      flex-basis: calc(100% * 5/7); }
      @media screen and (max-width: 767px) {
        .sdgs .sdgs-body .sec-commitments7 .item-area .item {
          display: block; } }
      .sdgs .sdgs-body .sec-commitments7 .item-area .item:nth-child(2) {
        flex-basis: calc(100% * 2/7); }
        @media screen and (max-width: 767px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item:nth-child(2) {
            text-align: center;
            margin-top: 3em; } }
      .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-en {
        font-family: "Quicksand", sans-serif;
        font-weight: bold;
        font-size: 7rem;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 1140px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-en {
            font-size: 6rem; } }
        @media screen and (max-width: 767px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-en {
            font-size: 5rem; } }
        @media screen and (max-width: 576px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-en {
            font-size: 3.5rem; } }
        @media screen and (max-width: 320px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-en {
            font-size: 3rem; } }
      .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-sub {
        font-family: "Quicksand", sans-serif;
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 0.05em; }
      .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-ja {
        font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-weight: 300;
        font-size: 4rem;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 1140px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-ja {
            font-size: 3rem; } }
        @media screen and (max-width: 576px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-ja {
            font-size: 2.2rem; } }
        @media screen and (max-width: 320px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .ttl .ttl-ja {
            font-size: 1.8rem; } }
      .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 3em; }
        @media screen and (max-width: 1140px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area {
            max-width: 560px; } }
        @media screen and (max-width: 576px) {
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area {
            display: block; } }
        .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul {
          margin-right: 2em; }
          @media screen and (max-width: 1140px) {
            .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul {
              margin-right: 0; } }
          .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li {
            flex-basis: calc(100% * 1/2); }
            .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li:nth-child(n + 2) {
              margin-top: 0.6em; }
            @media screen and (max-width: 576px) {
              .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li {
                margin-top: 0.6em; } }
            .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .nom {
              font-family: "Quicksand", sans-serif;
              font-size: 2.2rem;
              font-weight: bold;
              background-color: #b28247;
              color: #fff;
              display: inline-block;
              width: 38px;
              height: 38px;
              border-radius: 50%;
              vertical-align: bottom;
              padding: 0.15em 0.6em;
              margin-right: 0.5em; }
              @media screen and (max-width: 1140px) {
                .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .nom {
                  width: 28px;
                  height: 28px;
                  font-size: 1.8rem;
                  padding: 0.05em 0.5em; } }
              @media screen and (max-width: 576px) {
                .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .nom {
                  width: 24px;
                  height: 24px;
                  font-size: 1.6rem;
                  padding: 0.01em 0.45em; } }
            .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .ttl {
              font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              font-weight: 300;
              font-size: 2.8rem;
              letter-spacing: 0.05em; }
              @media screen and (max-width: 1140px) {
                .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .ttl {
                  font-size: 2rem; } }
              @media screen and (max-width: 576px) {
                .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .ttl {
                  font-size: 1.8rem; } }
              @media screen and (max-width: 320px) {
                .sdgs .sdgs-body .sec-commitments7 .item-area .item .nom-area ul li .ttl {
                  font-size: 1.6rem; } }
  .sdgs .sdgs-body .sec-action .ttl {
    text-align: center;
    margin: 7.3em 0 5.5em; }
    @media screen and (max-width: 1140px) {
      .sdgs .sdgs-body .sec-action .ttl {
        margin: 6.3em 0 4.5em; } }
    @media screen and (max-width: 767px) {
      .sdgs .sdgs-body .sec-action .ttl {
        margin: 5.3em 0 3.5em; } }
    @media screen and (max-width: 576px) {
      .sdgs .sdgs-body .sec-action .ttl {
        margin: 4.3em 0 2.5em; } }
    .sdgs .sdgs-body .sec-action .ttl .ttl-en {
      font-family: "Quicksand", sans-serif;
      font-size: 9rem;
      font-weight: bold;
      letter-spacing: 0.05em;
      line-height: 1; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-en {
          font-size: 8rem; } }
      @media screen and (max-width: 767px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-en {
          font-size: 7rem; } }
      @media screen and (max-width: 576px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-en {
          font-size: 6rem; } }
      @media screen and (max-width: 320px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-en {
          font-size: 5rem; } }
    .sdgs .sdgs-body .sec-action .ttl .ttl-ja {
      font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      font-size: 4rem;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-ja {
          font-size: 3rem; } }
      @media screen and (max-width: 767px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-ja {
          font-size: 2.5rem; } }
      @media screen and (max-width: 576px) {
        .sdgs .sdgs-body .sec-action .ttl .ttl-ja {
          font-size: 2rem; } }
  .sdgs .sdgs-body .sec-action .sec-health .item-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 1140px) {
      .sdgs .sdgs-body .sec-action .sec-health .item-area {
        display: block; } }
    .sdgs .sdgs-body .sec-action .sec-health .item-area .item {
      flex-basis: calc(100% * 1/2); }
      .sdgs .sdgs-body .sec-action .sec-health .item-area .item .ttl {
        text-align: left;
        font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-size: 4rem;
        font-weight: 300;
        letter-spacing: 0.05em;
        margin: 0;
        line-height: 1.4;
        margin-top: 0.5em; }
        @media screen and (max-width: 767px) {
          .sdgs .sdgs-body .sec-action .sec-health .item-area .item .ttl {
            font-size: 3rem; } }
        @media screen and (max-width: 576px) {
          .sdgs .sdgs-body .sec-action .sec-health .item-area .item .ttl {
            font-size: 2.5rem; } }
      .sdgs .sdgs-body .sec-action .sec-health .item-area .item .ttl-sub {
        font-size: 2rem;
        font-weight: 500;
        letter-spacing: 0.05em;
        margin-top: 0.5em;
        text-align: justify; }
        @media screen and (max-width: 767px) {
          .sdgs .sdgs-body .sec-action .sec-health .item-area .item .ttl-sub {
            font-size: 1.8rem; } }
        @media screen and (max-width: 576px) {
          .sdgs .sdgs-body .sec-action .sec-health .item-area .item .ttl-sub {
            font-size: 1.6rem; } }
    .sdgs .sdgs-body .sec-action .sec-health .item-area .txt-box {
      max-width: 635px;
      margin: 0 auto 0 0;
      padding: 0 4.5%;
      align-self: center; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .txt-box {
          padding: 6em 2.5%; } }
      @media screen and (max-width: 767px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .txt-box {
          padding: 4em 2.5%; } }
      @media screen and (max-width: 576px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .txt-box {
          padding: 3em 2.5%; } }
    .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg {
      padding: 200px 0; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg {
          padding: 140px 0; } }
      .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg .ttl {
        font-family: "Quicksand", sans-serif;
        text-align: center;
        color: #fff;
        font-size: 9rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin: 0;
        text-shadow: 1px 1px 6px #000;
        line-height: 1; }
        @media screen and (max-width: 1140px) {
          .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg .ttl {
            font-size: 7rem; } }
        @media screen and (max-width: 767px) {
          .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg .ttl {
            font-size: 6rem; } }
    .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg1 {
      background: url("../img/sdgs/img1.jpg") no-repeat top/cover;
      padding: 200px 0 200px 200px; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg1 {
          padding: 200px 0; } }
    .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg2 {
      background: url("../img/sdgs/img2.jpg") no-repeat center/cover;
      padding: 200px 200px 200px 0; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg2 {
          padding: 200px 0; } }
    .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg3 {
      background: url("../img/sdgs/img3.jpg") no-repeat center/cover;
      padding: 200px 0 200px 200px; }
      @media screen and (max-width: 1140px) {
        .sdgs .sdgs-body .sec-action .sec-health .item-area .img-box .img-bg3 {
          padding: 200px 0; } }
  .sdgs .sdgs-body .sec-action .sec-health .item-area2 .img-box {
    order: 2; }
  .sdgs .sdgs-body .sec-action .sec-health .item-area2 .txt-box {
    margin: 0 0 0 auto;
    max-width: 595px; }
    @media screen and (max-width: 767px) {
      .sdgs .sdgs-body .sec-action .sec-health .item-area2 .txt-box {
        margin: 0 auto 0 0;
        max-width: initial; } }

/*# sourceMappingURL=sdgs.css.map */