@charset "UTF-8";
#sdgs .l-sub-img {
  background-image: url("../../sustainability/img/bg_mv01-sp.jpg");
}
#sdgs .l-sub-img.is-stg {
  background-image: url("../../stg/sustainability/img/bg_mv01-sp.jpg");
}
@media all and (min-width: 768px) {
  #sdgs .l-sub-img {
    background-image: url("../../sustainability/img/bg_mv01-pc.jpg");
  }
  #sdgs .l-sub-img.is-stg {
    background-image: url("../../stg/sustainability/img/bg_mv01-pc.jpg");
  }
}
#sdgs * {
  font-family: "M PLUS 1p", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  box-sizing: border-box;
}
#sdgs .u-font-barlow, #sdgs .l-sub-img__head-sub, #sdgs .l-sub-img__head-sub span {
  font-family: "Barlow Condensed", sans-serif;
}
#sdgs .sdgs-title__secondary {
  margin-top: 35px;
}
@media all and (min-width: 768px) {
  #sdgs .sdgs-title__secondary {
    margin-top: 60px;
  }
}
#sdgs .sdgs-about .sdgs-about__inner {
  padding-top: 42px;
  box-sizing: border-box;
  padding-bottom: 60px;
}
#sdgs .sdgs-about .sdgs-about__main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#sdgs .sdgs-about .sdgs-about__type-box {
  border: 1px solid #D9E3ED;
}
#sdgs .sdgs-about .sdgs-about__type-box-thumbnail {
  position: relative;
  overflow: hidden;
  padding-top: 50.15%;
  background-color: #fff;
}
#sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
#sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos-01 {
  width: 280px;
}
#sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos-02 {
  width: 280px;
}
#sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos-03 {
  width: 208px;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents {
  border-top: 1px solid #D9E3ED;
  box-sizing: border-box;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-wrapper {
  padding: 20px 25px;
  box-sizing: border-box;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-list li {
  line-height: 1.5;
  position: relative;
  padding-left: 16px;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-list li::before {
  content: "";
  width: 8px;
  position: absolute;
  top: 0.75em;
  left: 0;
  background-color: #0B5B9F;
  height: 2px;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-list li:not(:first-of-type) {
  margin-top: 4px;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-btn {
  margin-top: 20px;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  height: 44px;
  position: relative;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper::after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 12px;
  height: 8px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236px%22%20height%3D%2216px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%230b5b9f%22%20d%3D%22M28.479%2C15.996%20L23.001%2C15.996%20L28.565%2C10.082%20L0.010%2C10.082%20L0.010%2C6.037%20L28.651%2C6.037%20L22.998%2C0.026%20L28.477%2C0.026%20L35.988%2C8.013%20L28.479%2C15.996%20Z%22%2F%3E%3C%2Fsvg%3E);
  transition: all 0.3s linear;
}
#sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-text {
  color: #0B5B9F;
  font-size: 1.3rem;
}
@media all and (min-width: 768px) {
  #sdgs .sdgs-about .sdgs-about__inner {
    padding-bottom: 150px;
  }
  #sdgs .sdgs-about .sdgs-about__main {
    max-width: 800px;
  }
  #sdgs .sdgs-about .sdgs-about__policy-lead-txt:not(:first-of-type) {
    margin-top: 30px;
  }
  #sdgs .sdgs-about .sdgs-about__type-box {
    border: none;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-thumbnail {
    border-top: 1px solid #D9E3ED;
    border-left: 1px solid #D9E3ED;
    border-bottom: 1px solid #D9E3ED;
    flex: 0 0 48%;
    padding-top: 25%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos {
    width: 100%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos-01 {
    max-width: 83.3333%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos-02 {
    max-width: 83.3333%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-thumbnail .-logos-03 {
    max-width: 62%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents {
    flex: 0 0 52%;
    border-top: none;
    border-top: 1px solid #D9E3ED;
    border-left: 1px solid #D9E3ED;
    border-bottom: 1px solid #D9E3ED;
    border-right: 1px solid #D9E3ED;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-wrapper {
    padding: 35px 25px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-list {
    padding-left: 15px;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn {
    margin-top: auto;
    padding-top: 40px;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper {
    height: 60px;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper::after {
    width: 18px;
    height: 12px;
    z-index: 2;
    transition: all 0.3s linear;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    display: block;
    background-color: #0B5B9F;
    z-index: 1;
    transition: all 0.3s linear;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:hover::after, #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:active::after, #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:focus::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236px%22%20height%3D%2216px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M28.479%2C15.996%20L23.001%2C15.996%20L28.565%2C10.082%20L0.010%2C10.082%20L0.010%2C6.037%20L28.651%2C6.037%20L22.998%2C0.026%20L28.477%2C0.026%20L35.988%2C8.013%20L28.479%2C15.996%20Z%22%2F%3E%3C%2Fsvg%3E");
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:hover::before, #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:active::before, #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:focus::before {
    left: 0;
    width: 100%;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:hover .-btn-text, #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:active .-btn-text, #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-wrapper:focus .-btn-text {
    color: #fff;
  }
  #sdgs .sdgs-about .sdgs-about__type-box-contents .-btn-text {
    font-size: 1.5rem;
    position: relative;
    transition: all 0.3s linear;
    z-index: 2;
  }
}/*# sourceMappingURL=sdgs.css.map */