.reason_intro {
  margin-top: -0.390625vw;
  padding: 0 0 5.9895833333vw;
  background-color: #f7faf9;
}
.reason_intro_title {
  margin-bottom: 3.0598958333vw;
  color: #2ddcad;
  font-size: 2.0833333333vw;
  font-weight: 400;
  text-align: center;
  line-height: 1.6em;
}
.reason_intro_text {
  font-size: 1.0416666667vw;
  font-weight: 400;
  text-align: center;
  line-height: 2em;
}

.reason_wrap {
  margin-bottom: -3.90625vw;
  padding: 7.8125vw 0 0;
}
.reason_list {
  margin-bottom: 5.2083333333vw;
}
.reason_list:last-child {
  margin-bottom: 0;
}
.reason_list:nth-child(1) {
  margin-left: -19.140625vw;
}
.reason_list:nth-child(2) {
  margin-right: -20.703125vw;
}
.reason_list:nth-child(3) {
  margin-left: -13.671875vw;
}
.reason_item {
  position: relative;
  width: 23.4375vw;
  margin: 0 3.4830729167vw;
}
.reason_image {
  margin-bottom: 1.8229166667vw;
}
.reason_pos {
  margin-bottom: 0.5208333333vw;
  font-size: 1.3020833333vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6em;
}
.reason_date {
  color: #838685;
  font-size: 1.0416666667vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6em;
}
.reason_badge {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4270833333vw;
  height: 2.6041666667vw;
  color: #fff;
  font-size: 0.9114583333vw;
  font-weight: 500;
  text-align: center;
  line-height: 1em;
}

.text_blue {
  color: #47A0DB;
}

.text_red {
  color: #DB4747;
}

.text_violet {
  color: #6E47DB;
}

.text_orange {
  color: #DB7547;
}

.text_green {
  color: #2DDCAD;
}

.badge_green {
  background-color: #2DDCAD;
}

.badge_brown {
  background-color: #DB9D47;
}

img {
  width: 100%;
  max-width: 100%;
}

.sp {
  display: none !important;
}

.pc {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .reason_intro {
    margin-top: 0;
    padding: 10.6666666667vw 0;
  }
  .reason_intro_title {
    margin-bottom: 5.3333333333vw;
    font-size: 5.8666666667vw;
  }
  .reason_intro_text {
    font-size: 3.7333333333vw;
    text-align: left;
  }
  .reason_wrap {
    margin-bottom: 0;
    padding: 10.6666666667vw 0;
  }
  .reason_list {
    margin-bottom: 10.6666666667vw;
  }
  .reason_list:nth-child(1) {
    margin-left: 0;
  }
  .reason_list:nth-child(2) {
    margin-right: 0;
  }
  .reason_list:nth-child(3) {
    margin-left: 0;
  }
  .reason_item {
    width: 42.6666666667vw;
    margin: 0 2.6666666667vw;
  }
  .reason_image {
    margin-bottom: 4vw;
  }
  .reason_pos {
    margin-bottom: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
  .reason_date {
    font-size: 3.7333333333vw;
  }
  .reason_badge {
    width: 10.6666666667vw;
    height: 5.3333333333vw;
    font-size: 2.6666666667vw;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}