.social_impact {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .social_impact {
    height: min(34.722vw, 500px);
    background-image: url(/assets/img/sustainability/materiality/top/line-dash_pc.png);
    background-size: min(43.75vw, 630px) auto;
    background-position: center min(7.222vw, 104px);
    background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 767px) {
  .social_impact {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 5.641vw;
    margin-right: -7.692vw;
    margin-left: -7.692vw;
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__logo {
    position: absolute;
    margin: auto;
    top: min(13.889vw, 200px);
    left: 0;
    right: 0;
    width: min(22.083vw, 318px);
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__logo {
    width: var(--container-width-sp);
    margin: 0 auto;
  }
}
.social_impact .social_impact__theme {
  background: var(--primary-light_red);
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme {
    position: absolute;
    border-radius: min(0.556vw, 8px);
    padding: min(1.389vw, 20px) min(0.972vw, 14px) min(0.972vw, 14px);
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme {
    position: relative;
    padding: 6.41vw 7.692vw;
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme:not(:last-child)::after {
    position: absolute;
    display: block;
    content: "";
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -5.641vw;
    width: 0.256vw;
    height: 5.641vw;
    background-image: url(/assets/img/sustainability/materiality/top/line-dash_sp.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme:nth-child(2) {
    width: min(21.528vw, 310px);
    left: min(27.639vw, 398px);
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme:nth-child(3) {
    width: min(22.917vw, 330px);
    right: 0;
    top: min(7.083vw, 102px);
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme:nth-child(4) {
    width: min(29.861vw, 430px);
    right: 0;
    bottom: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme:nth-child(5) {
    width: min(29.444vw, 424px);
    left: min(4.028vw, 58px);
    bottom: min(1.806vw, 26px);
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme:nth-child(6) {
    width: min(23.472vw, 338px);
    left: 0;
    top: min(5.139vw, 74px);
  }
}
.social_impact .social_impact__theme .social_impact__theme-header {
  margin-bottom: min(1.111vw, 16px);
  color: var(--primary-red);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-header {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-header {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-header {
    margin-bottom: 2.564vw;
  }
}
.social_impact .social_impact__theme .social_impact__theme-header .small {
  display: block;
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-header .small {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-header .small {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-header .small {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-150);
  }
}
.social_impact .social_impact__theme .social_impact__theme-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: min(0.486vw, 7px);
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list {
    row-gap: var(--space-10);
  }
}
.social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item {
  display: grid;
  grid-template-columns: 1fr min(1.736vw, 25px);
  align-items: center;
  -moz-column-gap: var(--space-10);
       column-gap: var(--space-10);
  border-radius: min(0.556vw, 8px);
  border: 1px solid var(--primary-red);
  background: var(--background-white);
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item {
    letter-spacing: -0.06em;
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item {
    grid-template-columns: 1fr 11.282vw;
    border-radius: 2.564vw;
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: min(1.25vw, 18px);
    height: min(1.25vw, 18px);
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon {
    width: 6.154vw;
    height: 6.154vw;
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::before, .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: 51.5%;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
    width: min(0.252vw, 3.6349714276px);
    height: min(0.457vw, 6.5748000057px);
    background-position: center;
    background-size: min(0.252vw, 3.6349714276px) min(0.457vw, 6.5748000057px);
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::before, .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::after {
    width: 1.243vw;
    height: 2.248vw;
    background-size: 1.243vw 2.248vw;
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::before {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-3.333vw, -48px));
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(2.5vw, 36px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(3.333vw, 48px));
  }
}
@media print, screen and (min-width: 768px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-item:hover .social_impact__theme-list-icon::after {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
}
.social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-text {
  padding: min(0.556vw, 8px);
  text-align: center;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-text {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-text {
    padding-top: 2.051vw;
    padding-bottom: 1.538vw;
    padding-left: 3.846vw;
  }
}
.social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon {
    width: 6.154vw;
    height: 6.154vw;
  }
}
.social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::before, .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 51.5%;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
  width: min(0.252vw, 3.6349714276px);
  height: min(0.457vw, 6.5748000057px);
  background-position: center;
  background-size: min(0.252vw, 3.6349714276px) min(0.457vw, 6.5748000057px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::before, .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::after {
    width: 1.243vw;
    height: 2.248vw;
    background-size: 1.243vw 2.248vw;
  }
}
.social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::before {
  transform: translate(-51.5%, -50%) translateX(0);
  opacity: 1;
}
.social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::after {
  transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .social_impact .social_impact__theme .social_impact__theme-list li .social_impact__theme-list-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-3.333vw, -48px));
  }
}/*# sourceMappingURL=social_impact.css.map */