@import url("bootstrap.min.css");
@media screen and (min-width: 992px) {
  .container {
    max-width: 1100px; }

  .fv-img {
    height: 550px !important; }

  .fv-img_w {
    width: 50px; }

  .fv-w43 {
    width: 250px; }

  .fv-w47 {
    width: 303px; }

  .img-position_01 {
    top: -42px; }

  .img-position_02 {
    top: 53px; }

  .arrow-white::before {
    bottom: -5%;
    box-sizing: border-box;
    border-right: 20vw solid transparent;
    border-left: 20vw solid transparent;
    border-top: 90px solid #fff; }

  .arrow-orange::before {
    bottom: -19%;
    box-sizing: border-box;
    border-right: 15vw solid transparent;
    border-left: 15vw solid transparent; }

  .data_area {
    top: 55px;
    left: 40px; }

  .data_box {
    font-size: 29px; }

  .data_box-point01::after {
    top: 22%;
    left: 0%;
    height: 40px;
    background-position: 17% 100%; }

  .data_text {
    padding: 80px 5px 20px 30px; }

  .data_text-point02 {
    font-size: 26px;
    padding-left: 55px; }
    .data_text-point02::after {
      top: 17%;
      left: 0%;
      width: 100%;
      height: 30px;
      background-position: 1% 100%; }

  .role-lg-5 {
    padding-top: 6rem; }

  .position_r {
    position: relative; }

  .position-box {
    height: 350px; }

  .position-box02 {
    height: 220px; }

  .position-box03 {
    height: 250px; }

  .position-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%; }

  .position-img02 {
    position: absolute;
    top: 0;
    right: 0;
    width: 35%; }

  .position-img03 {
    position: absolute;
    top: -30%;
    right: 0%;
    width: 35%; }

  .mb-6 {
    margin-bottom: 6rem !important; } }
@media screen and (min-width: 1000px) {
  .fv-img {
    height: 570px !important; } }
@media screen and (min-width: 1200px) {
  .role-w33-w43 {
    width: 33%; }

  .fv-img {
    height: 700px !important; } }