@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*デフォルトカラー*/
/*その他カラー*/
/*=====================*/
/*==========================================
 　SDGｓの取り組み
===========================================*/
.sdgs .top_conts {
  margin-top: 60px; }
  .sdgs .top_conts .sdgs-ttl {
    text-align: center;
    color: #0093D3;
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    margin-bottom: 1em; }
    @media screen and (min-width: 1141px) {
      .sdgs .top_conts .sdgs-ttl {
        font-size: 1.4vw; } }
    @media screen and (max-width: 576px) {
      .sdgs .top_conts .sdgs-ttl {
        font-size: 3vw; } }
  .sdgs .top_conts .top_img {
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (min-width: 1141px) {
      .sdgs .top_conts .top_img {
        width: 60%;
        margin: 0 auto;
        padding-bottom: 40px; } }
    @media screen and (min-width: 769px) {
      .sdgs .top_conts .top_img {
        width: 75%;
        margin: 0 auto;
        padding-bottom: 40px; } }
  .sdgs .top_conts .page-ttl {
    margin-bottom: 0; }
    .sdgs .top_conts .page-ttl .ttl-inner {
      color: #333;
      letter-spacing: 0.1em;
      padding-bottom: 2em;
      margin-bottom: 0.2em;
      display: block;
      position: relative; }
      .sdgs .top_conts .page-ttl .ttl-inner::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 2px;
        width: 100%;
        background: #bfbfbf; }
      .sdgs .top_conts .page-ttl .ttl-inner .ttl-ja {
        font-size: 5rem; }
        @media screen and (max-width: 768px) {
          .sdgs .top_conts .page-ttl .ttl-inner .ttl-ja {
            font-size: 8vw; } }
        @media screen and (max-width: 576px) {
          .sdgs .top_conts .page-ttl .ttl-inner .ttl-ja {
            font-size: 10vw; } }
        @media screen and (max-width: 320px) {
          .sdgs .top_conts .page-ttl .ttl-inner .ttl-ja {
            font-size: 10.8vw; } }
      .sdgs .top_conts .page-ttl .ttl-inner .ttl-en {
        font-size: 1.6rem;
        font-weight: 500; }
  .sdgs .top_conts .page-lead {
    color: #333;
    letter-spacing: 0.1em;
    line-height: 2; }
    .sdgs .top_conts .page-lead .lead-txt {
      font-size: 3.2rem;
      margin: 50px 0; }
      @media screen and (max-width: 320px) {
        .sdgs .top_conts .page-lead .lead-txt {
          font-size: 9vw; } }
    .sdgs .top_conts .page-lead .txt {
      color: #333;
      font-size: 1.6rem;
      letter-spacing: 0.05em; }
.sdgs .main-conts .sdgs-action {
  position: relative;
  margin-bottom: 120px;
  /* Test6570 */ }
  .sdgs .main-conts .sdgs-action .sdgs-bg-img {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: auto;
    transition: all 0.8s ease; }
    .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner {
      padding: 120px 2.5% 50px; }
      @media screen and (min-width: 1141px) {
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner {
          padding: 120px 25px 50px; } }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl {
        color: #fff;
        letter-spacing: 0.1em; }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-actn {
          font-size: 3.3rem;
          font-weight: 700;
          margin-bottom: 0.5em;
          display: inline-block;
          position: relative; }
          @media screen and (max-width: 768px) {
            .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-actn {
              font-size: 2rem; } }
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-actn::before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            margin: auto;
            height: 8px;
            width: 65%;
            background: #fff; }
            @media screen and (max-width: 768px) {
              .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-actn::before {
                height: 4px; } }
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-actn .number {
            font-size: 6.6rem; }
            @media screen and (max-width: 768px) {
              .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-actn .number {
                font-size: 4rem; } }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-ja {
          font-size: 5rem; }
          @media screen and (max-width: 768px) {
            .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-ja {
              font-size: 6vw; } }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .ttl .ttl-en {
          font-size: 1.6rem;
          font-weight: 500;
          margin-bottom: 2em; }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 50%; }
        @media screen and (max-width: 768px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix {
            width: 65%; } }
        @media screen and (max-width: 576px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix {
            width: 75%; } }
        @media screen and (max-width: 320px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix {
            width: 90%; } }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix .item {
          position: relative;
          flex-basis: calc(96% * 1/4);
          text-align: center; }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix2 {
        width: 40%; }
        @media screen and (max-width: 768px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix2 {
            width: 55%; } }
        @media screen and (max-width: 576px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix2 {
            width: 65%; } }
        @media screen and (max-width: 320px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix2 {
            width: 80%; } }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix2 .item {
          flex-basis: calc(96% * 1/3); }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix3 {
        width: 15%; }
        @media screen and (min-width: 1141px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix3 {
            width: 13%; } }
        @media screen and (max-width: 768px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix3 {
            width: 17%; } }
        @media screen and (max-width: 576px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix3 {
            width: 20%; } }
        @media screen and (max-width: 320px) {
          .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix3 {
            width: 23%; } }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .wrap-inner .item-fix3 .item {
          flex-basis: 96%;
          text-align: left; }
    .sdgs .main-conts .sdgs-action .sdgs-bg-img .sdgs-wrap {
      padding: 120px 2.5%; }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img .sdgs-wrap .ttl {
        margin-bottom: 2em; }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .sdgs-wrap .ttl .ttl-en {
          font-size: 6rem;
          margin-bottom: 0;
          text-align: center; }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .sdgs-wrap .ttl .ttl-ja {
          font-size: 1.6rem;
          text-align: center; }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img .sdgs-wrap .txt {
        font-size: 2.2rem;
        color: #fff;
        text-align: center;
        letter-spacing: 0.1em;
        line-height: 1.8; }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img .sdgs-wrap .txt span {
          font-size: 2.8rem; }
  .sdgs .main-conts .sdgs-action:nth-child(1) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img1.jpg); }
  .sdgs .main-conts .sdgs-action:nth-child(2) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img2.jpg); }
  .sdgs .main-conts .sdgs-action:nth-child(3) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img3.jpg);
    width: calc(96% * 1/2); }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(3) .sdgs-bg-img {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(4) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img4.jpg);
    width: calc(96% * 1/2); }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(4) .sdgs-bg-img {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(5) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img5.jpg);
    width: calc(96% * 1/2);
    margin: 0 0 0 auto; }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(5) .sdgs-bg-img {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(5) .sdgs-bg-img.sdgs-bg-img-test {
    background-image: url(../img/company/sdgs/actn-img5-test.jpg);
    width: calc(96% * 1/2);
    margin: 0 0 0 auto; }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(5) .sdgs-bg-img.sdgs-bg-img-test {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(6) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img6.jpg);
    width: calc(96% * 1/2);
    margin: 0 0 0 auto; }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(6) .sdgs-bg-img {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(7) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img7.jpg);
    width: calc(96% * 1/2); }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(7) .sdgs-bg-img {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(8) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/actn-img8.jpg);
    width: calc(96% * 1/2); }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action:nth-child(8) .sdgs-bg-img {
        width: 100%; } }
  .sdgs .main-conts .sdgs-action:nth-child(9) .sdgs-bg-img {
    background-image: url(../img/company/sdgs/sdgs-bg.jpg); }
  .sdgs .main-conts .sdgs-action .sdgs-bg-img2 .wrap-inner {
    margin: 0 0 0 100%;
    padding: 120px 60px 50px; }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action .sdgs-bg-img2 .wrap-inner {
        margin: 0;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 120px 2.5% 50px; } }
    .sdgs .main-conts .sdgs-action .sdgs-bg-img2 .wrap-inner .ttl {
      color: #333; }
      .sdgs .main-conts .sdgs-action .sdgs-bg-img2 .wrap-inner .ttl .ttl-actn {
        color: #333; }
        .sdgs .main-conts .sdgs-action .sdgs-bg-img2 .wrap-inner .ttl .ttl-actn::before {
          background: #333; }
  .sdgs .main-conts .sdgs-action .sdgs-bg-img3 .wrap-inner {
    margin: 0 0 0 -100%;
    padding: 120px 0 50px 0; }
    @media screen and (max-width: 1140px) {
      .sdgs .main-conts .sdgs-action .sdgs-bg-img3 .wrap-inner {
        margin: 0;
        padding: 120px 2.5% 50px; } }
  .sdgs .main-conts .sdgs-action .page-lead {
    color: #333;
    letter-spacing: 0.1em;
    line-height: 2; }
    .sdgs .main-conts .sdgs-action .page-lead .lead-txt {
      font-size: 3.2rem;
      margin: 100px 0 50px; }
      @media screen and (max-width: 320px) {
        .sdgs .main-conts .sdgs-action .page-lead .lead-txt {
          font-size: 9vw; } }
    .sdgs .main-conts .sdgs-action .page-lead .txt {
      color: #333;
      font-size: 1.6rem;
      letter-spacing: 0.05em; }

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