.tukusi {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.tukusibold {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

main.sdgs-main {
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
}
main.sdgs-main h1 {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  color: #04447c;
  font-size: 36px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 45px;
}
@media (max-width: 660px) {
  main.sdgs-main h1 {
    font-size: calc(36px * 0.65);
  }
}
main.sdgs-main p {
  line-height: 2.333;
}
main.sdgs-main img {
  display: block;
  vertical-align: bottom;
}

.sdgs-sec-ttl-layout {
  display: flex;
  flex-direction: column;
}
.sdgs-sec-ttl-layout h2 {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  color: #04447c;
  font-size: 36px;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 60px 0;
  order: 2;
}
@media (max-width: 660px) {
  .sdgs-sec-ttl-layout h2 br {
    display: none;
  }
}
@media (max-width: 660px) {
  .sdgs-sec-ttl-layout h2 {
    font-size: calc(36px * 0.65);
  }
}
.sdgs-sec-ttl-layout .sdgs-icon-list {
  order: 1;
  display: flex;
  justify-content: center;
}
@media (max-width: 660px) {
  .sdgs-sec-ttl-layout .sdgs-icon-list {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.sdgs-sec-ttl-layout .sdgs-icon-list li {
  width: 142px;
  margin: 0 10px;
}
@media (max-width: 660px) {
  .sdgs-sec-ttl-layout .sdgs-icon-list li {
    width: 26.4vw;
    margin: 1.6vw;
  }
}

.sdgs-dl-list {
  margin-bottom: 60px;
}
.sdgs-ttl-border-left {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  color: #04447c;
  letter-spacing: 0.05em;
  font-size: 26px;
  border-left: solid 12px #04447c;
  padding-left: 0.6em;
  margin-bottom: 40px;
}
@media (max-width: 660px) {
  .sdgs-ttl-border-left {
    font-size: calc(26px * 0.65);
  }
}
@media (max-width: 660px) {
  .sdgs-ttl-border-left br {
    display: none;
  }
}

.sdgs-ttl-sub-center {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  color: #04447c;
  letter-spacing: 0.05em;
  font-size: 26px;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 660px) {
  .sdgs-ttl-sub-center {
    font-size: calc(26px * 0.65);
  }
}
@media (max-width: 660px) {
  .sdgs-ttl-sub-center br {
    display: none;
  }
}

.sdgs-ttl-bg {
  background: #04447c;
  text-align: center;
  color: #FFF;
  padding: 1em;
  margin-bottom: 3em;
}
@media (max-width: 660px) {
  .sdgs-ttl-bg br {
    display: none;
  }
}

.sdgs-ttl-small {
  color: #04447c;
  font-size: 22px;
  margin-bottom: 1.4em;
}
@media (max-width: 660px) {
  .sdgs-ttl-small br {
    display: none;
  }
}

.sdgs-ttl-EXsmall {
  font-family: fot-tsukuardgothic-std, sans-serif !important;
  color: #505050;
  letter-spacing: 0.05em;
  font-size: 18px;
  margin-bottom: 1.4em;
}
@media (max-width: 660px) {
  .sdgs-ttl-EXsmall br {
    display: none;
  }
}

.sdgs-ttl-small-2 {
  color: #04447c;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 1.4em;
}
@media (max-width: 660px) {
  .sdgs-ttl-small-2 br {
    display: none;
  }
}

.sdgs_last_marginbottom {
  margin-bottom: 0 !important;
}

.sdgs-hover_on {
  cursor: pointer;
}
.sdgs-hover_on img {
  transition: 0.3s;
}
.sdgs-hover_on:hover img {
  opacity: 0.7;
}

.sdgs-fv {
  padding: 0;
}
.sdgs-fv img {
  display: block;
  width: 100%;
}

.sdgs-sec01 img {
  margin: 0 auto;
  margin-bottom: -6%;
}
.sdgs-sec01 .sdgs-sec01-text {
  font-size: 18px;
}
.sdgs-sec01 .sdgs-sec01-text strong {
  font-weight: bold;
}

.sdgs-sec02 {
  background: #d9efe1;
  position: relative;
  display: flex;
}
.sdgs-sec02 .content {
  width: 76%;
  margin-left: 24%;
  padding: 0 10%;
  max-width: 960px;
}
@media (max-width: 660px) {
  .sdgs-sec02 .content {
    padding: 0 7%;
    width: 87%;
    margin-left: 13%;
  }
}
.sdgs-sec02 .sdgs-dl-list dd img {
  width: 227px;
  margin-top: 50px;
}
.sdgs-sec02 .bg {
  width: 24%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/page/sdgs/@1x/bg-sec02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 660px) {
  .sdgs-sec02 .bg {
    width: 13%;
  }
  .sdgs-sec02 .bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sdgs-sec02 .bg {
    background-image: url(../img/page/sdgs/@2x/bg-sec02@2x.jpg);
  }
}

.sdgs-sec03 {
  background: #ddd9c3;
}
.sdgs-sec03 .col2-sdgs-sec03 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
.sdgs-sec03 .col2-sdgs-sec03:last-of-type {
  margin-bottom: 0;
}
.sdgs-sec03 .col2-sdgs-sec03 .col2-sdgs-sec03__left {
  width: 148px;
}
.sdgs-sec03 .col2-sdgs-sec03 .col2-sdgs-sec03__right {
  width: calc(100% - 148px - 42px);
}
.sdgs-sec03 .col2-sdgs-sec03 .col2-sdgs-sec03__right dl {
  margin-bottom: 0;
}

.sdgs-sec04 {
  background: #d9efe1;
  position: relative;
}
.sdgs-sec04 .modal-img-layout-wrap {
  margin-bottom: 90px;
}
.sdgs-sec04 .modal-img-layout-wrap.no-modal .modal-img-layout {
  cursor: default;
}
.sdgs-sec04 .modal-img-layout-wrap.no-modal .modal-img-layout:hover img {
  opacity: 1;
}
.sdgs-sec04 .modal-img-layout-wrap .modal-img-layout {
  display: flex;
  justify-content: center;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  cursor: pointer;
}
.sdgs-sec04 .modal-img-layout-wrap .modal-img-layout:hover img {
  opacity: 0.7;
}
.sdgs-sec04 .modal-img-layout-wrap .modal-img-layout img {
  display: block;
  width: 100%;
  transition: all 0.8s ease;
}
.sdgs-sec04 .modal-img-layout-wrap p {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.sdgs-sec04 .modal-img-layout-wrap__sdgs-sec04 .modal-img-layout {
  width: 100%;
}
.sdgs-sec04 .modal-img-layout-wrap__sdgs-sec04 .modal-img-layout p {
  margin-top: 0.6em;
}
@media (max-width: 660px) {
  .sdgs-sec04 {
    padding-top: 130px;
  }
}
.sdgs-sec04 .sdgs-sec04__mb60 {
  margin-bottom: 60px;
}
.sdgs-sec04 .position-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 26vw;
  max-width: 554px;
}
@media (max-width: 660px) {
  .sdgs-sec04 .position-img {
    width: 55vw;
    left: -10vw;
  }
}

.sdgs-sec05 {
  background: #ddd9c3;
  position: relative;
}
.sdgs-sec05 .modal-img-layout-wrap {
  margin-bottom: 90px;
}
.sdgs-sec05 .modal-img-layout-wrap.no-modal .modal-img-layout {
  cursor: default;
}
.sdgs-sec05 .modal-img-layout-wrap.no-modal .modal-img-layout:hover img {
  opacity: 1;
}
.sdgs-sec05 .modal-img-layout-wrap .modal-img-layout {
  display: flex;
  justify-content: center;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  cursor: pointer;
}
.sdgs-sec05 .modal-img-layout-wrap .modal-img-layout:hover img {
  opacity: 0.7;
}
.sdgs-sec05 .modal-img-layout-wrap .modal-img-layout img {
  display: block;
  width: 100%;
  transition: all 0.8s ease;
}
.sdgs-sec05 .modal-img-layout-wrap p {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.sdgs-sec05 .modal-img-layout-wrap .modal-img-layout {
  width: 100%;
}
.sdgs-sec05 .sdgs-sec05__position-icon {
  position: relative;
  z-index: 1;
}
.sdgs-sec05 .sdgs-sec05__position-icon img {
  display: block;
  width: 203px;
  height: 210px;
  position: absolute;
  top: -140px;
  right: 0;
}
@media (max-width: 960px) {
  .sdgs-sec05 .sdgs-sec05__position-icon img {
    top: calc(-140px * 0.7);
    width: calc(203px * 0.7);
    height: calc(210px * 0.7);
  }
}
@media (max-width: 660px) {
  .sdgs-sec05 .sdgs-sec05__position-icon img {
    top: calc(-140px * 0.4);
    width: calc(203px * 0.4);
    height: calc(210px * 0.4);
  }
}
.sdgs-sec05 .sdgs-sec05__col2-layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 60px;
}
.sdgs-sec05 .sdgs-sec05__col2-layout .sdgs-sec05__col2-layout--left {
  width: 64%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.sdgs-sec05 .sdgs-sec05__col2-layout .sdgs-sec05__col2-layout--left .sdgs-dl-list {
  width: 68%;
}
.sdgs-sec05 .sdgs-sec05__col2-layout .sdgs-sec05__col2-layout--left .sdgs-sec05__img-layout {
  width: 26%;
  margin-left: 6%;
}
.sdgs-sec05 .sdgs-sec05__col2-layout .sdgs-sec05__col2-layout--right {
  width: 30%;
}
.sdgs-sec05 .sdgs-sec05__col2-layout .sdgs-sec05__col2-layout--right p {
  text-align: center;
  margin-top: 0.6em;
}

.sdgs-sec06 {
  background: #d9efe1;
  position: relative;
}
.sdgs-sec06 .sdgs-ttl-sub-center {
  margin-top: -2em;
  margin-bottom: 4em;
}
.sdgs-sec06 .sdgs-sec06__col2-layout {
  display: flex;
  justify-content: space-between;
}
.sdgs-sec06 .sdgs-sec06__col2-layout .sdgs-sec06__col2-layout--left {
  width: 72%;
}
.sdgs-sec06 .sdgs-sec06__col2-layout .sdgs-sec06__col2-layout--left .sdgs-ttl-small {
  margin-bottom: 0.2em;
}
.sdgs-sec06 .sdgs-sec06__col2-layout .sdgs-sec06__col2-layout--right {
  width: 22%;
}
.sdgs-sec06 .sdgs-sec06__col2-layout2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sdgs-sec06 .sdgs-sec06__col2-layout2 .sdgs-sec06__col2-layout2--left {
  width: 30%;
}
@media (max-width: 660px) {
  .sdgs-sec06 .sdgs-sec06__col2-layout2 .sdgs-sec06__col2-layout2--left {
    width: 40%;
  }
}
.sdgs-sec06 .sdgs-sec06__col2-layout2 .sdgs-sec06__col2-layout2--left .sdgs-ttl-small {
  margin-bottom: 0.2em;
}
.sdgs-sec06 .sdgs-sec06__col2-layout2 .sdgs-sec06__col2-layout2--right {
  width: 17%;
  margin-left: 4%;
}
@media (max-width: 660px) {
  .sdgs-sec06 .sdgs-sec06__col2-layout2 .sdgs-sec06__col2-layout2--right {
    width: 22%;
    margin-left: 5%;
  }
}

.col2-sdgs-icon-and-text {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 660px) {
  .col2-sdgs-icon-and-text {
    flex-direction: column;
  }
}
.col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left {
  width: 295px;
}
@media (max-width: 660px) {
  .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 60px;
  }
}
.col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left img {
  width: 100%;
}
.col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__right {
  width: calc(100% - 295px - 8.5%);
}
@media (max-width: 660px) {
  .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__right {
    width: 100%;
  }
}
.sdgs-sec07 {
  background: #ddd9c3;
  position: relative;
}
.sdgs-sec07 .sdgs-sec07__position-icon {
  position: relative;
  z-index: 1;
}
.sdgs-sec07 .sdgs-sec07__position-icon img {
  display: block;
  width: 203px;
  height: 210px;
  position: absolute;
  top: -260px;
  right: -60px;
}
@media (max-width: 960px) {
  .sdgs-sec07 .sdgs-sec07__position-icon img {
    width: calc(203px * 0.7);
    height: calc(210px * 0.7);
    top: calc(-260px * 0.7);
    right: 0;
  }
}
@media (max-width: 660px) {
  .sdgs-sec07 .sdgs-sec07__position-icon img {
    width: calc(203px * 0.4);
    height: calc(210px * 0.4);
    position: relative;
    top: auto;
    right: auto;
    display: block;
    float: right;
    margin-top: -14vw;
  }
}
.sdgs-sec07 .sdgs-dl-list {
  width: calc(100% - 180px);
}
@media (max-width: 660px) {
  .sdgs-sec07 .sdgs-dl-list {
    width: 100%;
  }
}
.sdgs-sec07 .sdgs-sec07__last-img {
  width: 120px;
}

.sdgs-sec08 {
  background: #d9efe1;
  position: relative;
}
.sdgs-sec08 .sdgs-sec08__position-icon {
  position: relative;
  z-index: 1;
}
.sdgs-sec08 .sdgs-sec08__position-icon img {
  display: block;
  width: 188px;
  height: 188px;
  position: absolute;
  top: -130px;
  right: -36px;
}
@media (max-width: 960px) {
  .sdgs-sec08 .sdgs-sec08__position-icon img {
    width: calc(188px * 0.7);
    height: calc(188px * 0.7);
    top: calc(-130px * 0.7);
    right: calc(-36px * 0.7);
  }
}
@media (max-width: 660px) {
  .sdgs-sec08 .sdgs-sec08__position-icon img {
    width: calc(188px * 0.4);
    height: calc(188px * 0.4);
    top: calc(-130px * 0.4);
    right: calc(-36px * 0.4);
  }
}
.sdgs-sec08 .col2-sdgs-icon-and-text {
  margin-bottom: 60px;
}
.sdgs-sec08 .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left {
  width: 143px;
}
@media (max-width: 660px) {
  .sdgs-sec08 .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left {
    width: calc(143px * 0.65);
  }
}
.sdgs-sec08 .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__right {
  width: calc(100% - 120px - 8.5%);
}
@media (max-width: 660px) {
  .sdgs-sec08 .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__right {
    width: 100%;
  }
}

.sdgs-sec09 {
  background: #ddd9c3;
  position: relative;
}
.sdgs-sec09 .modal-img-layout-wrap {
  margin-bottom: 90px;
}
.sdgs-sec09 .modal-img-layout-wrap.no-modal .modal-img-layout {
  cursor: default;
}
.sdgs-sec09 .modal-img-layout-wrap.no-modal .modal-img-layout:hover img {
  opacity: 1;
}
.sdgs-sec09 .modal-img-layout-wrap .modal-img-layout {
  display: flex;
  justify-content: center;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  cursor: pointer;
}
.sdgs-sec09 .modal-img-layout-wrap .modal-img-layout:hover img {
  opacity: 0.7;
}
.sdgs-sec09 .modal-img-layout-wrap .modal-img-layout img {
  display: block;
  width: 100%;
  transition: all 0.8s ease;
}
.sdgs-sec09 .modal-img-layout-wrap p {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.sdgs-sec09 .modal-img-layout-wrap .modal-img-layout {
  width: 100%;
}
.sdgs-col2-normal {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  align-items: flex-start;
}
@media (max-width: 660px) {
  .sdgs-col2-normal {
    flex-direction: column;
  }
}
.sdgs-col2-normal .sdgs-col2-normal__left {
  width: 48%;
}
@media (max-width: 660px) {
  .sdgs-col2-normal .sdgs-col2-normal__left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.sdgs-col2-normal .sdgs-col2-normal__left img {
  width: 100%;
}
.sdgs-col2-normal .sdgs-col2-normal__left p {
  text-align: center;
  margin-top: 0.6em;
}
.sdgs-col2-normal .sdgs-col2-normal__right {
  width: 48%;
}
@media (max-width: 660px) {
  .sdgs-col2-normal .sdgs-col2-normal__right {
    width: 100%;
  }
}
.sdgs-col2-normal .sdgs-col2-normal__right .sdgs-ttl-EXsmall {
  color: #505050;
}
@media (max-width: 660px) {
  .sdgs-col2-normal .sdgs-col2-normal__right .sdgs-ttl-EXsmall {
    margin-top: 0;
  }
}

ul.list-type-text {
  line-height: 2.43;
  color: #505050;
  padding-left: 1em;
}
ul.list-type-text li {
  list-style-type: disc;
}
ul.list-type-text li.em1 {
  margin-bottom: 1em;
}
ul.list-type-text li .list-type-text__blue {
  color: #04447c;
}

.sdgs-sec10 {
  background: #d9efe1;
  position: relative;
}
.sdgs-sec10 .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left {
  width: 330px;
  display: flex;
  justify-content: space-between;
}
.sdgs-sec10 .col2-sdgs-icon-and-text .col2-sdgs-icon-and-text__left div {
  width: 45.5%;
}
.sdgs-sec11 {
  background: #ddd9c3;
  position: relative;
}
.sdgs-sec12 {
  background: #d9efe1;
  position: relative;
}
.sdgs-sec12 .modal-img-layout-wrap {
  margin-bottom: 90px;
}
.sdgs-sec12 .modal-img-layout-wrap.no-modal .modal-img-layout {
  cursor: default;
}
.sdgs-sec12 .modal-img-layout-wrap.no-modal .modal-img-layout:hover img {
  opacity: 1;
}
.sdgs-sec12 .modal-img-layout-wrap .modal-img-layout {
  display: flex;
  justify-content: center;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  cursor: pointer;
}
.sdgs-sec12 .modal-img-layout-wrap .modal-img-layout:hover img {
  opacity: 0.7;
}
.sdgs-sec12 .modal-img-layout-wrap .modal-img-layout img {
  display: block;
  width: 100%;
  transition: all 0.8s ease;
}
.sdgs-sec12 .modal-img-layout-wrap p {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.sdgs-sec12 .modal-img-layout-wrap .modal-img-layout {
  width: 100%;
}
.sdgs-sec12 .sdgs-sec12__logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sdgs-sec12 .sdgs-sec12__logo img {
  display: block;
  width: 120px;
}
.sdgs-sec12 .sdgs-sec12__logo p {
  margin-left: 22px;
}
@media (max-width: 660px) {
  .sdgs-sec12 .sdgs-sec12__logo p br {
    display: none;
  }
}

.sdgs-sec13 {
  position: relative;
}

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