@charset "UTF-8";

img {
  width: 100%;
}
.text_link {
  text-decoration: underline;
}
.text_link:hover {
  text-decoration: none;
}
.event_detail {
  font-size: calc((20/750)*100vw);
}
.event_h3 {
  font-size: calc((24/750)*100vw);
  letter-spacing: 0.16em;
}
.event_textBox {
  margin-top: calc((10/750)*100vw);
}
.event_text {
  font-size: calc((22/750)*100vw);
  line-height: calc((35/750)*100vw);
  letter-spacing: 0.11em;
}
.event_logo {
  width: calc((500/750)*100vw);
}
.arrow_transition_green::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background: url(/jp/ja/special-feature/sustainability/planet/cmn/img/arrow_transition_green.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;
  }
  .event_detail {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .event_h3 {
    font-size: 30px;
    letter-spacing: 0.16em;
  }
  .event_textBox {
    margin-top: 5px;
  }
  .event_text {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.156em;
  }
  .event_logo {
    width: 500px;
  }
}