.section3_component {
  position: relative;
  width: 100%;
  height: 800px;
  overflow: hidden;
  background-color: #070417;

  /*@media(max-width: 1300px) {*/
  /*  height: 1246px;*/
  /*}*/

  @media(max-width: 744px) {
    height: 523px;
  }
}

.section3_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  height: 800px;
  display: flex;
  z-index: 0;
  background-image: url("../images/section3_rya.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  /*z-index: 1;*/

  @media(max-width: 744px) {
    background-image: url("../images/section3_bg_m.jpg");
    height: 523px;
    width: 523px;
    background-size: cover;
  }
}

.section3_title {
  position: absolute;
  top: 106px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 100%;
  justify-content: center;
  /*color: #FFF;*/
  /*font-size: 64px;*/
  /*font-weight: 600;*/
  /*line-height: 100%; !* 80px *!*/

  @media(max-width: 744px) {
    width: calc(100% - 48px);
    top: 50px;
    text-align: center;
  }
}

.section3_box1 {
  display: flex;
  flex-direction: column;
  width: 378px;
  height: 82px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #FF3C00;

  background: rgba(255, 60, 0, 0.10);
  box-shadow: 0px 0px 30px 0px #FF3C00;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  color: #FF3C00;
  font-size: 24px;
  font-weight: 700;

  > small {
    font-size: 20px;
    font-weight: 300;
  }


  @media(max-width: 744px) {
    width: 202px;
    height: 36px;
    /*padding: 12px;*/
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 100%;

    > small {
      font-size: 12px;
      font-weight: 300;
      line-height: 100%;
    }

  }
}

.section3_box2 {
  display: flex;
  width: 300px;
  height: 62px;
  /*padding: 16px 24px;*/
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.20);

  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  color: #fff;
  font-size: 24px;
  font-weight: 500;

  @media(max-width: 984px) {
    width: 256px;
  }

  @media(max-width: 744px) {
    width: 126px;
    height: 36px;
    border-radius: 8px;
    font-size: 12px;
  }
}

.section3_box3 {
  display: flex;
  flex-direction: column;
  width: 378px;
  height: 82px;
  /*padding: 16px 24px;*/
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.20);

  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  color: #fff;
  font-size: 24px;
  font-weight: 500;

  > small {
    font-weight: 300;
  }

  /*@media(max-width: 1300px) {*/
  /*  font-size: 20px;*/
  /*}*/

  @media(max-width: 744px) {
    width: 202px;
    height: 36px;
    border-radius: 8px;
    font-size: 12px;
  }
}


.section3_row0 {
  position: absolute;
  z-index: 3;
  top: 234px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  flex-direction: row;
  font-weight: 500;

  > small {
    font-weight: 300;
  }

  /*@media(max-width: 1300px) {*/
  /*  top: 527px;*/
  /*}*/

  @media(max-width: 744px) {
    top: 138px;
  }

}

.section3_row1 {
  position: absolute;
  z-index: 3;
  top: 376px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% - 48px);
  max-width: 984px;

  @media(max-width: 984px) {
    max-width: 744px;
  }

  @media(max-width: 744px) {
    top: 224px;
  }
}

.section3_row2 {
  position: absolute;
  z-index: 3;
  top: 498px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*gap: 286px;*/
  width: calc(100% - 48px);
  max-width: 984px;

  @media(max-width: 984px) {
    max-width: 744px;
  }

  @media(max-width: 744px) {
    top: 334px;
  }
}

.section3_row3 {
  position: absolute;
  z-index: 3;
  top: 620px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  flex-direction: row;


  /*@media(max-width: 1300px) {*/
  /*  top: 1021px;*/
  /*}*/

  @media(max-width: 744px) {
    top: 420px;
  }
}

/*.section3_circle1 {*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  top: 254px;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/

/*  width: 544px;*/
/*  height: 544px;*/
/*  flex-shrink: 0;*/
/*  border-radius: 544px;*/
/*  border: 2px dashed rgba(255, 60, 0, 0.50);*/

/*  !*@media(max-width: 1300px) {*!*/
/*  !*  top: 411px;*!*/
/*  !*  width: 584px;*!*/
/*  !*  height: 584px;*!*/
/*  !*}*!*/

/*  @media(max-width: 744px) {*/
/*    top: 151px;*/
/*    width: 292px;*/
/*    height: 292px;*/
/*  }*/
/*}*/

/*.section3_circle2 {*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  top: 222px;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/

/*  width: 606px;*/
/*  height: 606px;*/
/*  flex-shrink: 0;*/
/*  border-radius: 100%;*/
/*  border: 2px dashed #FF3C00;*/

/*  !*@media(max-width: 1300px) {*!*/
/*  !*  top: 334px;*!*/
/*  !*  width: 738px;*!*/
/*  !*  height: 738px;*!*/
/*  !*}*!*/

/*  @media(max-width: 744px) {*/
/*    top: 137px;*/
/*    width: 326px;*/
/*    height: 326px;*/
/*  }*/
/*}*/


/*.section3_rya {*/
/*  position: absolute;*/
/*  z-index: 1;*/
/*  top: 254px;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/

/*  color: rgba(255, 255, 255, 0.50);*/

/*  text-align: center;*/
/*  text-shadow: -1px 0 #FF4E00, 0 1px #FF4E00, 1px 0 #FF4E00, 0 -1px #FF4E00;*/
/*  font-size: 80px;*/
/*  font-weight: 800;*/
/*  line-height: 100%; !* 32px *!*/

/*  width: 544px;*/
/*  height: 544px;*/

/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/

/*  > img {*/
/*    height: 100%;*/
/*  }*/

/*  @media(max-width: 1300px) {*/
/*    top: 640px;*/
/*  }*/

/*  @media(max-width: 800px) {*/
/*    top: 260px;*/

/*    width: 100px;*/
/*    height: 80px;*/
/*  }*/
/*}*/