.q3-bg{
  background:url(/opendata/005/images/q3_fig_01.png) no-repeat center;
  background-size:auto 90%;
}

@media (max-width: 768px) {
  .q3-bg{
    background: none;
  }
}

.efforts{
  border:solid 6px #0a9d2a;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}

.efforts h4{
  margin-bottom: 20px;
}

.efforts li{
  padding: 20px 0;
  border-top: dotted 1px #ddd;
}

.efforts li:first-of-type{
  border-top: none;
}

.efforts__box{
  background: rgb(219 255 85 / 32%);
  border-radius: 10px;
  padding: 40px;
  color: #333;
  position: relative;
}

.efforts__icon{
  position: absolute;
  width: 120px;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
}

.c-roundButton{
  width: 400px;
}
.c-roundButton.-red:after{
  background-image: url(/assets/images/ic-arrow-next.png);
  background-size: 10px 15px;
}

.c-roundButton.-red:hover:after{
  background-image: url(/assets/images/ic-arrow-red.png);
  background-size: 10px 15px;
}


@media (max-width: 768px) {
  .efforts{
    padding: 5%;
  }
  .efforts__box{
    padding: 20px;
  }  
  
  .efforts__icon{
    position: static;
    transform: none;
    width: 40%;
    margin: 0 auto 8%;
  }
  .c-roundButton{
    width: 100%;
    font-size: 16px;
  }
}