#benefits .first_area {
  margin-left: 5%;
  margin-top: -8%;
}
@media screen and (max-width: 767px) {
  #benefits .first_area {
    margin-top: 3%;
    margin-right: 5%;
    margin-bottom: 0;
  }
}
#benefits .first_area .column_unit {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #benefits .first_area .column_unit {
    flex-direction: column-reverse;
  }
}
#benefits .first_area .column_unit .column_txt_area {
  width: 50%;
  margin-right: 5%;
}
@media screen and (max-width: 767px) {
  #benefits .first_area .column_unit .column_txt_area {
    width: 100%;
    margin-right: 0;
  }
}
#benefits .first_area .column_unit .column_txt_area .column_txt {
  padding-top: 10%;
  font-size: clamp(11px, 1.5vw, 25px);
  font-weight: 500;
  line-height: 1.8em;
}
@media screen and (max-width: 767px) {
  #benefits .first_area .column_unit .column_txt_area .column_txt {
    padding-top: 3%;
    width: 100%;
    font-size: 16px;
    line-height: 1.7em;
  }
}
#benefits .first_area .column_unit .column_visual_area {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #benefits .first_area .column_unit .column_visual_area {
    width: 100%;
  }
}
#benefits .first_area .column_unit .column_visual_area img {
  width: 100%;
  border-radius: 20px 0 0 20px;
}
@media screen and (max-width: 767px) {
  #benefits .first_area .column_unit .column_visual_area img {
    border-radius: 20px;
    margin-bottom: 7%;
  }
}
#benefits .benefits_wrap {
  margin: -3% 0 0 0;
  font-size: clamp(11px, 1.5vw, 25px);
  font-weight: 500;
  line-height: 1.8em;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap {
    margin: 10% 0 0 0;
    font-size: 16px;
    line-height: 1.7em;
  }
}
#benefits .benefits_wrap .benefits_unit01 {
  padding-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 {
    padding-bottom: 15%;
  }
}
#benefits .benefits_wrap .benefits_unit01 .unit01_box {
  display: flex;
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .unit01_box {
    flex-direction: column;
  }
}
#benefits .benefits_wrap .benefits_unit01 .unit01_box .unit01_txt_area {
  padding: 0 0 0 5%;
  width: 45%;
  margin-right: 10%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .unit01_box .unit01_txt_area {
    width: 100%;
    padding: 0 5% 5% 5%;
    margin-right: 0;
  }
}
#benefits .benefits_wrap .benefits_unit01 .unit01_box .mgt5 {
  margin-top: 5%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .unit01_box .mgt5 {
    margin-top: 0;
  }
}
#benefits .benefits_wrap .benefits_unit01 .unit01_box .unit01_visual_area {
  padding-top: 5%;
  width: 45%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .unit01_box .unit01_visual_area {
    width: 100%;
    padding-top: 0;
  }
}
#benefits .benefits_wrap .benefits_unit01 .unit01_box .unit01_visual_area img {
  width: 100%;
}
#benefits .benefits_wrap .benefits_unit02 {
  padding-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit02 {
    padding-bottom: 15%;
  }
}
#benefits .benefits_wrap .benefits_unit02 .unit02_box {
  display: flex;
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit02 .unit02_box {
    flex-direction: column-reverse;
  }
}
#benefits .benefits_wrap .benefits_unit02 .unit02_box .unit02_visual_area {
  width: 45%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit02 .unit02_box .unit02_visual_area {
    width: 100%;
  }
}
#benefits .benefits_wrap .benefits_unit02 .unit02_box .unit02_visual_area img {
  width: 100%;
}
#benefits .benefits_wrap .benefits_unit02 .unit02_box .unit02_txt_area {
  padding: 5% 5% 0 0;
  width: 45%;
  margin-left: 10%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit02 .unit02_box .unit02_txt_area {
    width: 100%;
    margin-left: 0;
    padding: 0 5% 5% 5%;
  }
}
#benefits .benefits_wrap .benefits_unit01 .benefits_ttl_big, #benefits .benefits_wrap .benefits_unit02 .benefits_ttl_big {
  color: #0762D3;
  font-size: clamp(20px, 2.5vw, 35px);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 2%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .benefits_ttl_big, #benefits .benefits_wrap .benefits_unit02 .benefits_ttl_big {
    font-size: 25px;
  }
}
#benefits .benefits_wrap .benefits_unit01 .benefits_detail_box, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box {
  padding-top: 3%;
}
#benefits .benefits_wrap .benefits_unit01 .benefits_detail_box .benefits_detail_ttl, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box .benefits_detail_ttl {
  color: #0762D3;
  font-weight: 600;
  line-height: 1.5em;
}
#benefits .benefits_wrap .benefits_unit01 .benefits_detail_box .benefits_detail_txt, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box .benefits_detail_txt {
  padding-top: 1%;
}
#benefits .benefits_wrap .benefits_unit01 .benefits_detail_box .benefit_btn_wrap, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box .benefit_btn_wrap {
  padding-top: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .benefits_detail_box .benefit_btn_wrap, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box .benefit_btn_wrap {
    padding-bottom: 5%;
  }
}
#benefits .benefits_wrap .benefits_unit01 .benefits_detail_box .benefit_btn_wrap .benefit_btn, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box .benefit_btn_wrap .benefit_btn {
  width: 100%;
  text-align: center;
  border: #0762D3 1px solid;
  color: #0762D3;
  padding: 0.5%;
}
@media screen and (max-width: 767px) {
  #benefits .benefits_wrap .benefits_unit01 .benefits_detail_box .benefit_btn_wrap .benefit_btn, #benefits .benefits_wrap .benefits_unit02 .benefits_detail_box .benefit_btn_wrap .benefit_btn {
    padding: 3%;
  }
}/*# sourceMappingURL=benefits.css.map */