@charset "UTF-8";

img {
  width: 100%;
}
.joicfp_h3 {
  font-size: calc((24/750)*100vw);
  letter-spacing: 0.16em;
}
.joicfp_text {
  font-size: calc((22/750)*100vw);
  line-height: calc((35/750)*100vw);
  letter-spacing: 0.11em;
}
.joicfp_logo {
  width: calc((250/750)*100vw);
}
.arrow_transition_blue::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background: url(/jp/ja/special-feature/sustainability/society/cmn/img/arrow_transition_blue.png) no-repeat;
  background-size: contain;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

@media (max-width: 812px){
  .sp-mt-s {
    margin-top: calc((31/750)*100vw);
  }
  .sp-mt-m {
    margin-top: calc((34/750)*100vw);
  }
  .sp-mt-l {
    margin-top: calc((42/750)*100vw);
  }
  .sp-mt-xl {
    margin-top: calc((65/750)*100vw);
  }
}

@media (min-width: 813px){
  .pc-mt-s {
    margin-top: 29px;
  }
  .pc-mt-m {
    margin-top: 40px;
  }
  .pc-mt-l {
    margin-top: 50px;
  }
  .joicfp_h3 {
    font-size: 30px;
    letter-spacing: 0.16em;
  }
  .joicfp_text {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.156em;
  }
  .joicfp_logo {
    width: 250px;
  }
}