.csr p {
  margin: 0;
}
.csr .c-text {
  letter-spacing: 0.1em;
}
.csr .c-lower-head {
  margin: 0;
}
.csr .c-title-2 .tag {
  line-height: 1.5;
  letter-spacing: 0.1em;
  background: #fce6e6;
  vertical-align: super;
  display: inline-block;
}
.csr .csr-category-block .c-title-4 + .csr-attemptList .csr-attempt:first-child {
  margin-top: 0;
  padding-top: 0;
}
.csr .csr-category-block + .csr-category-block {
  border-top: 1px solid #ccc;
}
.csr .csr-attemptList {
  display: flex;
}
.csr .csr-attempt__lead {
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.csr .csr-attempt__thumb {
  overflow: hidden;
}
.csr .csr-attempt__thumb--border {
  border: 1px solid #ccc;
}
.csr .csr-attempt__link {
  display: flex;
  align-items: center;
}
.csr .csr-attempt__linkText {
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.1em;
}
.csr .csr-banner {
  display: block;
}
.csr .csr-iconList {
  display: flex;
  flex-wrap: wrap;
}
.csr .csr-iconList__item--sdgs3 {
  background: url("/assets/img/company/csr/img_sdgs3.webp") no-repeat center center/contain;
}
.csr .csr-iconList__item--sdgs4 {
  background: url("/assets/img/company/csr/img_sdgs4.webp") no-repeat center center/contain;
}
.csr .csr-iconList__item--sdgs11 {
  background: url("/assets/img/company/csr/img_sdgs11.webp") no-repeat center center/contain;
}
.csr .csr-iconList__item--sdgs12 {
  background: url("/assets/img/company/csr/img_sdgs12.webp") no-repeat center center/contain;
}
.csr .csr-iconList__item--sdgs15 {
  background: url("/assets/img/company/csr/img_sdgs15.webp") no-repeat center center/contain;
}
.csr .csr-iconList__item--sdgs17 {
  background: url("/assets/img/company/csr/img_sdgs17.webp") no-repeat center center/contain;
}
.csr .c-linkUnit {
  border-top: 1px solid #eee;
}
@media print, screen and (min-width: 768px) {
  .csr .c-text {
    font-size: min(16px, 1.111111111111111vw);
  }
  .csr .c-title-4 {
    margin-bottom: min(30px, 2.083333333333333vw);
  }
  .csr .c-lower-head.c-lower-head--csr {
    background-image: url("/assets/img/company/csr/bg_head_pc.webp");
  }
  .csr .c-title-2 .tag {
    font-size: min(14px, 0.972222222222222vw);
    border-radius: min(10px, 0.694444444444444vw);
    padding: min(6px, 0.416666666666667vw) min(10px, 0.694444444444444vw);
    -webkit-transform: translateY(min(3px, 0.208333333333333vw));
            transform: translateY(min(3px, 0.208333333333333vw));
    margin-left: min(20px, 1.388888888888889vw);
  }
  .csr .csr-section {
    margin-top: min(150px, 10.416666666666668vw);
  }
  .csr .csr-sdgs__img {
    width: min(660px, 45.83333333333333vw);
    margin: min(40px, 2.777777777777778vw) auto 0;
  }
  .csr .csr-sdgs__block {
    margin-top: min(60px, 4.166666666666666vw);
  }
  .csr .csr-category {
    margin-top: min(80px, 5.555555555555555vw);
  }
  .csr .csr-category + .csr-category {
    margin-top: min(60px, 4.166666666666666vw);
  }
  .csr .csr-category-block + .csr-category-block {
    margin-top: min(30px, 2.083333333333333vw);
    padding-top: min(30px, 2.083333333333333vw);
  }
  .csr .csr-attemptList {
    flex-wrap: wrap;
    gap: min(60px, 4.166666666666666vw);
  }
  .csr .csr-attempt {
    width: min(352px, 24.444444444444443vw);
  }
  .csr .csr-attempt .csr-iconList {
    margin: min(30px, 2.083333333333333vw) 0;
  }
  .csr .csr-attempt__lead {
    font-size: min(20px, 1.388888888888889vw);
  }
  .csr .csr-attempt__thumb {
    border-radius: min(10px, 0.694444444444444vw);
  }
  .csr .csr-attempt__link {
    margin-top: min(40px, 2.777777777777778vw);
  }
  .csr .csr-attempt__linkText {
    font-size: min(16px, 1.111111111111111vw);
    margin-right: min(20px, 1.388888888888889vw);
  }
  .csr .csr-banner {
    width: min(352px, 24.444444444444443vw);
    margin: min(40px, 2.777777777777778vw) auto 0;
    transition: opacity 0.5s;
  }
  .csr .csr-banner:hover {
    opacity: 0.7;
  }
  .csr .csr-iconList {
    gap: min(12px, 0.833333333333333vw);
  }
  .csr .csr-iconList__item {
    width: min(100px, 6.944444444444445vw);
    height: min(100px, 6.944444444444445vw);
  }
  .csr .c-linkUnit {
    margin-top: min(150px, 10.416666666666668vw);
  }
}
@media screen and (max-width: 767.98px) {
  .csr .c-text {
    font-size: 3.733333333333334vw;
  }
  .csr .c-title-4 {
    margin-bottom: 5.333333333333334vw;
  }
  .csr .c-lower-head.c-lower-head--csr {
    background-image: url("/assets/img/company/csr/bg_head_sp.webp");
  }
  .csr .c-title-2 .tag {
    font-size: 3.2vw;
    border-radius: 2.666666666666667vw;
    padding: 1.6vw 1.333333333333333vw;
    -webkit-transform: translateY(0.8vw);
            transform: translateY(0.8vw);
    margin-left: 2.666666666666667vw;
  }
  .csr .csr-section {
    margin-top: 16vw;
  }
  .csr .csr-sdgs__img {
    width: 100%;
    margin: 8vw auto 0;
  }
  .csr .csr-sdgs__block {
    margin-top: 10.666666666666668vw;
  }
  .csr .csr-category {
    margin-top: 13.333333333333334vw;
  }
  .csr .csr-category + .csr-category {
    margin-top: 10.666666666666668vw;
  }
  .csr .csr-category-block + .csr-category-block {
    margin-top: 10.666666666666668vw;
  }
  .csr .csr-category-block + .csr-category-block .csr-attempt:first-child {
    padding-top: 10.666666666666668vw;
  }
  .csr .csr-attemptList {
    flex-direction: column;
  }
  .csr .csr-attempt + .csr-attempt {
    border-top: 1px solid #ccc;
    margin-top: 10.666666666666668vw;
    padding-top: 10.666666666666668vw;
  }
  .csr .csr-attempt--btNoneSP {
    border-top: none !important;
    padding-top: 0 !important;
  }
  .csr .csr-attempt .csr-iconList {
    margin: 5.333333333333334vw 0;
  }
  .csr .csr-attempt__lead {
    font-size: 4.8vw;
  }
  .csr .csr-attempt__thumb {
    border-radius: 2.666666666666667vw;
  }
  .csr .csr-attempt__link {
    margin-top: 5.333333333333334vw;
  }
  .csr .csr-attempt__linkText {
    font-size: 3.733333333333334vw;
    margin-right: 5.333333333333334vw;
  }
  .csr .csr-banner {
    margin: 8vw auto 0;
  }
  .csr .csr-iconList {
    gap: 3.2vw;
  }
  .csr .csr-iconList__item {
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
  .csr .c-linkUnit {
    margin-top: 26.666666666666668vw;
  }
  .csr .c-description {
    margin-top: 26.666666666666668vw;
  }
}