@charset "utf-8";
/* 企業情報の「部門紹介」「SDGsへの取り組み」用のスタイルシートです。 */

/* SDGs */
.declaration {
  font-size: 1.77rem;
  font-weight: 700;
}
.about_sdgs dd {
  line-height: 1.625;
}
.sdgs-ttl {
  position: relative;
  font-size: 1.44rem;
  font-weight: 700;
  padding: 1rem 0 1rem 4.44rem;
}
.sdgs-ttl::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  width: 3.33rem;
  height: 3.33rem;
  background: url(../images/sdgs/sdgs-ring.svg) no-repeat center center/contain;
}
.effort-img-wrap {
  position: relative;
  overflow: hidden;
}
.sdgs-effort-ttl {
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: flex;
  align-items: flex-end;
  font-weight: 700;
  padding-left: 15px;
}
.sdgs-effort-ttl_number {
  position: relative;
  z-index: 10;
  bottom: 0.5rem;
}
.sdgs-effort-ttl_number_1 img {
  width: 24px;
}
.sdgs-effort-ttl_number_2 img ,.sdgs-effort-ttl_number_3 img {
  width: 26px;
}
.sdgs-effort-ttl_text {
  font-size: 1.2rem;
  color: #0070C5;
  z-index: 0;
  padding: 0.4rem 1rem;
  position: relative;
}
.sdgs-effort-ttl_text::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.sdgs-icons-list {
  display: flex;
}
.sdgs-icons-list li:not(:last-child) {
  padding-right: .75rem;
}
.sdgs-effort-wrap {
  margin-bottom: 3rem;
}
@media all and (min-width: 768px) {
  .sdgs-out-link {
    font-size: .88rem;
  }
}
@media all and (min-width: 992px) {
  .declaration {
    font-size: 1.77rem;
  }
  .sdgs-effort-ttl_number_1 img {
    width: 2.5rem;
  }
  .sdgs-effort-ttl_number_2 img,.sdgs-effort-ttl_number_3 img {
    width: 2.77rem;
  }
  .sdgs-effort-ttl {
    top: 3.33rem;
    padding-left: 1.94rem;
  }
  .sdgs-effort-ttl_text {
    font-size: 1.44rem;
    padding: .55rem 1.55rem .55rem 1.33rem;
  }
  .sdgs-effort-ttl_text::before {
    width: 50vw;
  }
  .sdgs-effort-wrap {
    margin-bottom: 4.44rem;
  }
}
/* //SDGs */
@media all and (min-width: 576px) {

}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {
}
/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}
/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

@media all and (max-width: 400px) {
 
}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}