/* ======================================================================
csr
====================================================================== */
.csr_txt{
  margin-top: 4rem;
}
.page-bg{
  background-color: #eaf4fc;
  padding: 2rem 0;
}
.csr_list {
  width: 70%;
  margin: 0 auto;
}
.csr_list li{
  border-bottom: 1px solid #000;
  padding: 2em 0;
  text-align: center;
  font-weight: bold;
}
.csr_list li:first-of-type{
  border-top: 1px solid #000;
}
.csr_list li p{
  margin-bottom: 1em;
}
.csr_list li p+p{
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0;
}
.goal_ttl{
  font-size: 2.0833333333vw;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}
.goal_wrap{
  display: flex;
  margin-top: 4rem;
  font-size: 1.5vw;
  font-weight: bold;
  flex-wrap: wrap;
}
.goal_item{
  display: flex;
  gap: 5rem;
  align-items: center;
  flex-basis: 50%;
}
.goal_arrow{
  background-color: #005daa;
  color: #fff;
  padding: 0.5em 1.5em;
  position: relative;
}
.goal_arrow::after{
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-color: transparent;
  border-left-color: #005daa;
  border-width: 1.09em 1em;
  width: 0;
  height: 0;
}
.goal_case{
  font-size: 4em;
  line-height: 1em;
}
.goal_case span{
  font-size: 0.5em;
  vertical-align: baseline;
}


@media screen and (max-width: 767px){
  .csr_list {
    width: 100%;
  }
  .csr_list li p+p {
    font-size: 1.3em;
  }
  .goal_ttl {
    font-size: 4.8vw;
  }
  .goal_wrap{
    flex-direction: column;
    gap: 2rem;
    font-size: 3.8vw;
  }
  .goal_item {
    justify-content: center;
    
  }

}