/* * {
  outline: 1px solid red;
} */

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}



  /* g-nav -------------------------------------*/
  #sdgs main.is-archive #g-nav {
    background-color: #fff;
  }

  /* main-title -------------------------------------*/
  #sdgs main.is-archive .main-title-box {
    padding: 46px 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #sdgs main.is-archive .main-title {
    font-size: 19px;
    font-weight: 500;
    line-height: calc(28 / 19);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }


#con1 {}
#con1 .bx{width: 100%; margin: -10px auto 95px; background: url(../images/sdgs/con1-bg.png) no-repeat top center; padding: 430px 0 37px;}
#con1 .bx .bx1{ margin: 0 auto -35px; background: url(../images/sdgs/con1-ttl-bg.png) no-repeat top center;; padding: 10px 0 10px; position: relative; z-index: 1;}
#con1 .bx .bx1 .ttl1{font-size: 27px; letter-spacing: 1px; line-height: 1.55; font-weight: bold; color: #fff; text-align: center; padding-bottom: 5px; position: relative;}
#con1 .bx .bx2{width: 680px; margin: 0 auto 75px; background: #fff; padding: 62px 46px; position: relative;}
#con1 .bx .bx2 .ttl2{font-size: 23px; letter-spacing: 0.8px; line-height: 1.05; font-weight: bold; text-align: center; margin-bottom: 35px;}
#con1 .bx .bx2 .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.88; font-weight: 400; }
#con1 .bx .bx2 .icon{position: absolute; right: -43px; bottom: -2px;}
#con1 .bx .img{text-align: center;}

#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto; }
#con2 .all-bx .top-bx{ width: 1280px; margin: 0 auto; position: relative; background: url(../images/sdgs/con2-bg.png) no-repeat; background-position-x: left; padding-top: 210px;}
#con2 .all-bx .top-bx .top-inner{width: 760px; margin-left: auto; background: #fff; padding: 77px 0 60px 50px; margin-right: 40px;}
#con2 .all-bx .top-bx .top-inner .top-txt1{font-size: 20px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 50px;}
#con2 .all-bx .top-bx .top-inner .top-img1{}

#con2 .bx{width: 100%; margin: -485px auto 0; background: #E6EDF3; padding: 576px 0 142px;}
#con2 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{font-size: 23px; letter-spacing: 0.8px; line-height: 1.7; font-weight: bold; text-align: center; margin-bottom: 25px;}
#con2 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.9; font-weight: 400; text-align: center; margin-bottom: 72px;}
#con2 .bx .inner .icon{position: absolute; right: 110px; top: 145px;}
#con2 .bx .inner .ttl2{font-size: 27px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; background: #1E4D91; padding: 13px 0; margin-bottom: 58px;}

#con2 .bx .sub-bx{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .sub-bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .sub-bx .list li{width: 580px; margin-right: 40px; margin-bottom: 63px; background: #fff; padding: 53px 50px 46px;}
#con2 .bx .sub-bx .list li:nth-child(2n){margin-right: 0;}
#con2 .bx .sub-bx .list li:nth-child(n+3){margin-bottom: 0;}
#con2 .bx .sub-bx .list li .sub-num{font-size: 20px; letter-spacing: 1px; line-height: 1.8; font-weight: 600; color: #fff; text-align: center; width: 60px; height: 60px; margin: -86px auto 27px; background: #1E4D91; border-radius: 50px; padding: 14px 0;}
#con2 .bx .sub-bx .list li .sub-ttl1{font-size: 23px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 15px;}
#con2 .bx .sub-bx .list li .sub-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; text-align: center; margin-bottom: 25px;}
#con2 .bx .sub-bx .list li:nth-child(n+3) .sub-txt1{line-height: 1.65; margin-bottom: 37px;}
#con2 .bx .sub-bx .list li .sub-sdgs{text-align: center; margin-bottom: 33px;}
#con2 .bx .sub-bx .list li .sub-txt2{font-size: 16px; letter-spacing: 0.6px; line-height: 1.8; font-weight: 400; margin-bottom: 50px;}
#con2 .bx .sub-bx .list li .tori-bx{width: 480px; background: #F2F6F9; padding: 10px 20px;}
#con2 .bx .sub-bx .list li .tori-bx .tori-ttl{font-size: 17px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; color: #1E4D91; margin-top: -30px; margin-bottom: 18px;}
#con2 .bx .sub-bx .list li .tori-bx .tori-txt{font-size: 16px; letter-spacing: 0.6px; line-height: 1.6; font-weight: 500; border-bottom: 1px solid #E6EDF3; padding-bottom: 6px; margin-bottom: 8px;}
#con2 .bx .sub-bx .list li .tori-bx .tori-txt span{color: #1E4D91;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto -32px; background: url(../images/sdgs/con3-bg-20261109-rev.png) no-repeat top center #E6EDF3; padding: 330px 0 1px;}
#con3 .bx .inner{width: 840px; margin: 0 auto 147px; background: #fff; padding: 40px 60px 30px 60px; position: relative;}
#con3 .bx .inner .ttl1{font-size: 40px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 600; text-align: center; margin-bottom: 23px;}
#con3 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 30px;}



}



/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  .seo_bread_list {
    display: none;
  }

  #sdgs main.is-archive .main-title-box {
    padding: 7vw 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #sdgs main.is-archive .main-title {
    font-size: 3.6vw;
    font-weight: 500;
    line-height: calc(22 / 15);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }




#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 10vw; background: url(../images/sdgs/sp-con1-bg.png) no-repeat top center; padding: 66vw 0 5vw; background-size: 100%;}
#con1 .bx .bx1{ margin: 0 auto -5vw; background: url(../images/sdgs/sp-con1-ttl-bg.png) no-repeat top center;; padding: 2vw 0 2vw; position: relative; z-index: 1; background-size: 89%;}
#con1 .bx .bx1 .ttl1{font-size: 5.6vw; letter-spacing: 0.4vw; line-height: 1.55; font-weight: bold; color: #fff; text-align: center; padding-bottom: 3vw; position: relative;}
#con1 .bx .bx2{width: 90%; margin: 0 auto 17vw; background: #fff; padding: 9vw 0vw 0; position: relative;}
#con1 .bx .bx2 .ttl2{font-size: 4.8vw; letter-spacing: 0.2vw; line-height: 1.05; font-weight: bold; text-align: center; margin-bottom: 7vw;}
#con1 .bx .bx2 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.88; font-weight: 400;}
#con1 .bx .bx2 .icon{display: none;}
#con1 .bx .img{width: 89.5%; margin: 0 auto;}

#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto; }
#con2 .all-bx .top-bx{ width: 100%; margin: 0 auto; position: relative; background: url(../images/sdgs/sp-con2-bg.png) no-repeat top center; padding-top: 53vw; background-size: 100%;}
#con2 .all-bx .top-bx .top-inner{width: 100%; margin: 0 auto; background: #fff; padding: 8vw 5vw 7vw 5vw; }
#con2 .all-bx .top-bx .top-inner .top-txt1{font-size: 4.6vw; letter-spacing: 0.45vw; line-height: 2.2; font-weight: 500; margin-bottom: 7vw;}
#con2 .all-bx .top-bx .top-inner .top-img1{width: 100%; margin: 0 auto;}

#con2 .bx{width: 100%; margin: 0 auto 0; background: #E6EDF3; padding: 14vw 0 3vw;}
#con2 .bx .inner{width: 90%; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{font-size: 4.6vw; letter-spacing: 0.45vw; line-height: 1.93; font-weight: bold; margin-bottom: 3vw;}
#con2 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.95; font-weight: 400; margin-bottom: 17vw;}
#con2 .bx .inner .icon{width: 33vw; position: absolute; right: 0vw; top: 68vw;}
#con2 .bx .inner .ttl2{font-size: 5.6vw; letter-spacing: 0.4vw; line-height: 1.7; font-weight: bold; text-align: center; color: #fff; background: #1E4D91; padding: 4vw 0; margin-bottom: 12vw;}

#con2 .bx .sub-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .sub-bx .list{}

#con2 .bx .sub-bx .list li{width: 90%; margin: 0 auto; margin-bottom: 14vw; background: #fff; padding: 8vw 6vw 8vw;}
#con2 .bx .sub-bx .list li .sub-num{font-size: 5.2vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 600; color: #fff; text-align: center; width: 15vw; height: 15vw; margin: -16vw auto 3vw; background: #1E4D91; border-radius: 50vw; padding: 3vw 0;}
#con2 .bx .sub-bx .list li .sub-ttl1{font-size: 5.6vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: bold; text-align: center; margin-bottom: 2vw;}
#con2 .bx .sub-bx .list li .sub-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.95; font-weight: 400; text-align: center; margin-bottom: 5vw;}
#con2 .bx .sub-bx .list li:nth-child(n+3) .sub-txt1{line-height: 1.95; margin-bottom: 5vw;}
#con2 .bx .sub-bx .list li .sub-sdgs{width: 72%; margin: 0 auto 6vw;}
#con2 .bx .sub-bx .list li:nth-child(n+2) .sub-sdgs{width: 100%; margin: 0 auto 5.5vw;}
#con2 .bx .sub-bx .list li .sub-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2; font-weight: 400; margin-bottom: 8vw;}
#con2 .bx .sub-bx .list li .tori-bx{width: 100%; background: #F2F6F9; padding: 9vw 5vw 1vw;}
#con2 .bx .sub-bx .list li .tori-bx .tori-ttl{font-size: 4vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; color: #1E4D91; margin-top: -12vw; margin-bottom: 3vw;}
#con2 .bx .sub-bx .list li .tori-bx .tori-txt{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.6; font-weight: 500; border-bottom: 1px solid #E6EDF3; padding-bottom: 2vw; margin-bottom: 2vw;}
#con2 .bx .sub-bx .list li .tori-bx .tori-txt span{color: #1E4D91;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto -3vw; background: url(../images/sdgs/sp-con3-bg-20261109-rev.png) no-repeat top center #E6EDF3; padding: 37vw 0 1vw; background-size: 100%;}
#con3 .bx .inner{width: 90%; margin: 0 auto 17vw; background: #fff; padding: 7vw 6vw 3vw; position: relative;}
#con3 .bx .inner .ttl1{font-size: 6.6vw; letter-spacing: 0.4vw; line-height: 1.55; font-weight: 600; text-align: center; margin-bottom: 5vw;}
#con3 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; font-weight: 400; margin-bottom: 7vw;}



}