@charset "UTF-8";

.imgWidht_270 {
  max-width: 270px;
  margin: 0 auto 30px;
}

.imgWidht_270Text {
  font-size: 14px;
  margin-top: 10px;
}

.imgWidht_540 {
  max-width: 540px;
  margin: 0 auto 30px;
}

.imgWidht_600 {
  max-width: 600px;
  margin: 0 auto 30px;
}

.imgWidht_670 {
  max-width: 670px;
  margin: 0 auto 30px;
}

.imgWidht_800 {
  max-width: 800px;
  margin: 0 auto 30px;
}

.img_left {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.csrSectionbg01.bgWhite {
  background-color: #fff;
  border-color: #dddddd;
}

.csrSectionbg01Title .annotation {
  top: -1.1em;
}

.csrMobilityBox01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.csrMobilityBox01:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.csrMobilityBox01.csrMobilityBox01Bottom {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.csrMobilityBox01Text {
  width: 73%;
}

.csrMobilityBox01Image {
  width: 23%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.csrMobilityBox01ImageTop {
  align-items: flex-start;
}

.csrMobilityBox01TextTitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}


.csrMobilityBox02 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.csrMobilityBox02:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.csrMobilityBox02.csrMobilityBox02Bottom {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.csrMobilityBox02Text {
  width: 64%;
}

.csrMobilityBox02Image {
  width: 31%;
}

/* .csrMobilityBox02ImageTop {
  align-items: flex-start;
} */

.csrMobilityBox02TextTitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .csrMobilityBox01 {
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .csrMobilityBox01Text {
    width: 100%;
  }

  .csrMobilityBox01Image {
    width: 100%;
    margin-top: 15px;
  }

  .csrMobilityBox02 {
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .csrMobilityBox02Text {
    width: 100%;
  }

  .csrMobilityBox02Image {
    width: 100%;
    margin-top: 15px;
  }

  .imgWidht_270Text {
    font-size: 12px;
    margin-top: 7px;
  }
}