@charset "utf-8";

.page-kv.sdgs {margin-bottom: 0;}

.page-kv-ttl h1.sdgs-pageTtl {
  width: 58vw;
}

.page-kv-ttl.sdgs-kv {
  background: url(../../point/sdgs/images/kv-sdgs-sp.jpg) no-repeat 12px bottom/contain;
}

.col-std#support,
.col-std#child {padding: 90px 0 60px;}

.sdgs-read {
  font-size: 1.6rem;
  margin-bottom: 40px;
}

.sdgs-read p:not(:last-child) {margin-bottom: 30px;}

.sdgs-img img {width: 100%;}

.sdgs-spt-col {
  background: url(../../point/sdgs/images/spt-bg-sp.jpg) no-repeat center center/cover;
}

.sdgs-spt-col h2.ttl-content01 {color: #fff;}

.spt-img img {width: 100%;}

.spt-body {
  padding: 3vw;
  background-color: rgba(255, 255, 255, .8);
  border-radius: 6px;
}

.spt-read {
  font-size: 1.4rem;
  margin-bottom: 30px;
}

.col-std#child {padding: 120px 0 60px;}

.spt-catch h3 img {width: 100%;}

.sdgs-img1-pc {display: none;}

.sdgs-catch-pc {display: none;}

.ps-logo {
  text-align: center;
  background: url(../../point/sdgs/images/logo-bg-8.png) no-repeat center center/cover;
  padding: 60px 0;
}

.sdgs-atp-txt {
  font-size: 1.4rem;
  margin-bottom: 40px;
}

.sdgs-atp-logo img {width: 100%;}

@media (min-width: 481px) {
  .sdgs-img1-pc {display: block;}
  .sdgs-img1-sp {display: none;}

  .sdgs-catch-pc {display: block;}
  .sdgs-catch-sp {display: none;}
}

@media (min-width: 481px) and (max-width: 768px) {
  .page-kv-ttl.sdgs-kv {
    background: url(../../point/sdgs/images/kv-sdgs-pc.jpg) no-repeat right bottom/contain;
    background-origin: border-box;
  }

  .page-kv-ttl h1.sdgs-pageTtl {
    width: 220px;
  }

  .sdgs-read {text-align: center;}

  .sdgs-img {
    max-width: 480px;
    margin: 0 auto;
  }

  .sdgs-spt-col {
    background: url(../../point/sdgs/images/spt-bg-pc.jpg) no-repeat center center/cover;
  }

  .spt-catch h3 {margin-bottom: 0;}

  .spt-catch h3 img {transform: scale(1);}
  
  .ps-logo {
    background: url(../../point/sdgs/images/logo-bg-8.png) no-repeat center center/contain;
    padding: 60px 0;
  }
  .ps-logo img {transform: scale(1.3);}

  .sdgs-atp-logo {
    max-width: 520px;
    margin: 0 auto;
  }

}
/* //mediaquery */

@media (min-width: 481px) and (max-width: 660px){
  .page-kv-ttl.sdgs-kv {background: unset;}
}

@media (min-width: 769px) {
  .page-kv-ttl.sdgs-kv {
    background: #ffffff url(../../point/sdgs/images/kv-sdgs-pc.jpg) no-repeat right bottom/contain;
    background-origin: border-box;
    padding: 0;
  }

  .page-kv-ttl h1.sdgs-pageTtl {width: 274px;}

  .sdgs-read {text-align: center;}

  .sdgs-img {
    max-width: 520px;
    margin: 0 auto;
  }

  .sdgs-spt-col {
    background: url(../../point/sdgs/images/spt-bg-pc.jpg) no-repeat center center/cover;
  }

  .spt-catch {
    position: relative;
  }

  .spt-catch::before {
    content: url(../../point/sdgs/images/sdgs-img2.png);
    position: absolute;
    left: -20px;
    bottom: -102px;
  }

  .spt-catch::after {
    content: url(../../point/sdgs/images/sdgs-img3.png);
    position: absolute;
    right: -40px;
    bottom: -60px;
  }

  .spt-catch h3 {margin-bottom: 0;}

  .spt-catch h3 img {transform: scale(.75);}

  .ps-logo {
    background: url(../../point/sdgs/images/logo-bg-8.png) no-repeat center center/52% 134%;
    padding: 72px 0;
  }
  .ps-logo img {transform: scale(1.3);}

  .sdgs-atp-txt {padding-top: 51px;}

  .sdgs-atp {
    display: grid;
    grid-template-columns: 44% 48%;
    gap: 3%;
  }

  .spt-body {
    padding:12px;
  }

  .spt-read {
    font-size: 16px;
    max-width: 760px;
    margin: 0 auto 30px;
  }
}