@media screen and (min-width: 1000px) {
  .show-sp.tl {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .tl {
    display: block !important;
  }
  .mb {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tl {
    display: none !important;
  }
  .mb {
    display: block !important;
  }
}
#roi {
  background: transparent linear-gradient(0deg, #C6F6FF 0%, #F4FDFF 100%) 0% 0% no-repeat padding-box;
}
@media (max-width: 1000px) {
  #roi {
    background: transparent linear-gradient(0deg, #B7F4FF 0%, #E5FAFF 100%) 0% 0% no-repeat padding-box;
  }
}
#roi .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0.6730769231rem;
}
@media screen and (min-width: 768px) {
  #roi .container {
    padding: 0 0.78125rem;
  }
}
@media screen and (min-width: 1000px) {
  #roi .container {
    max-width: 1330px;
    padding: 0 15px;
  }
}
#roi .container__big {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0.4230769231rem;
}
@media screen and (min-width: 1000px) {
  #roi .container__big {
    max-width: 1550px;
    padding: 0 15px;
  }
}
@media screen and (min-width: 1640px) {
  #roi .container__big {
    max-width: 1642px;
    padding: 0 15px;
  }
}
#roi img {
  display: flex;
  width: 100%;
}
#roi .group__btns__has__des {
  display: flex;
  justify-content: center;
  gap: 80px;
}
@media (max-width: 1000px) {
  #roi .group__btns__has__des {
    flex-wrap: wrap;
    gap: 0.7307692308rem;
  }
}
@media (max-width: 1000px) {
  #roi .group__btns__has__des .btn__box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 1150px) {
  #roi .group__btns__has__des .btn__box {
    display: flex;
    flex-direction: column;
    width: calc(50% - 40px);
  }
}
@media (max-width: 1000px) {
  #roi .group__btns__has__des .btn__box {
    width: 100%;
    max-width: 12.3076923077rem;
  }
}
#roi .group__btns__has__des .btn__box__1 .btn__type0 .icon {
  margin-left: 0.3846153846rem;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__box__1 .btn__type0 .icon {
    margin-left: 17px;
  }
}
#roi .group__btns__has__des .btn__box__2 .btn__type0 .icon {
  margin-left: 2.0192307692rem;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__box__2 .btn__type0 .icon {
    margin-left: 68px;
  }
}
#roi .group__btns__has__des .btn__type0 {
  width: 100%;
  padding: 0.1923076923rem;
  border-radius: 1.9230769231rem;
  text-align: center;
  font-size: 0.3461538462rem;
  font-weight: bold;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__type0 {
    width: 640px;
    padding: 26px 100px 26px 30px;
    border-radius: 100px;
    font-size: 30px;
  }
}
@media (max-width: 1150px) {
  #roi .group__btns__has__des .btn__type0 {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  #roi .group__btns__has__des .btn__type0 {
    padding: 0.3653846154rem 1.4615384615rem 0.4230769231rem 0.3653846154rem;
    font-size: 0.6153846154rem;
  }
}
#roi .group__btns__has__des .btn__type0 .icon {
  width: 24px;
}
@media (max-width: 1000px) {
  #roi .group__btns__has__des .btn__type0 .icon {
    width: 0.4615384615rem;
  }
}
#roi .group__btns__has__des .btn__type0 .icon .icon2 {
  display: none;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__type0:hover .icon .icon2 {
    display: block;
  }
  #roi .group__btns__has__des .btn__type0:hover .icon .icon1 {
    display: none;
  }
}
#roi .group__btns__has__des .btn__type0.btn__primary {
  background: transparent linear-gradient(180deg, #02a83e 0%, #008a32 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2509803922);
  color: #ffff00;
  color: white;
  letter-spacing: 0px;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__type0.btn__primary:hover {
    background-color: #fff;
    background-image: none;
    color: #008a32;
    box-shadow: 0 0 0 2px #008a32;
  }
}
#roi .group__btns__has__des .btn__type0.btn__primary .hl {
  font-size: 0.6153846154rem;
  letter-spacing: 0;
  color: #cc2e2e;
  padding: 0.0576923077rem 0.1538461538rem;
  margin-right: 0.1346153846rem;
  display: inline-block;
  background-color: #fff602;
  line-height: 1.2;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__type0.btn__primary .hl {
    font-size: 26px;
    letter-spacing: 0.52px;
    padding: 3px 11px;
    margin-right: 12px;
  }
}
#roi .group__btns__has__des .btn__type0.btn__secondary {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2509803922);
  color: #fff;
  letter-spacing: 0px;
  background: transparent linear-gradient(180deg, #d43636 0%, #c12323 100%) 0% 0% no-repeat padding-box;
  color: #fff600;
}
@media (min-width: 1000px) {
  #roi .group__btns__has__des .btn__type0.btn__secondary:hover {
    background-color: #fff;
    background-image: none;
    color: #c12323;
    box-shadow: 0 0 0 2px #c12323;
  }
}
#roi .group__btns__has__des .btn__des {
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 28px;
}
#roi .group__btns__has__des .btn__des.type_1 {
  color: #018f34;
}
#roi .group__btns__has__des .btn__des.type_2 {
  color: #c42626;
}
@media (max-width: 1000px) {
  #roi .group__btns__has__des .btn__des {
    font-size: 0.4615384615rem;
    margin-bottom: 0.0961538462rem;
    display: flex;
  }
}
#roi .title__sec {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  #roi .title__sec.type2 .inner__title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#roi .title__sec.type2 .inner__title .pre__title {
  position: relative;
  margin-bottom: 0.3269230769rem;
  max-width: -moz-max-content;
  max-width: max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .pre__title {
    margin-bottom: 12px;
    display: inline-block;
  }
}
#roi .title__sec.type2 .inner__title .pre__title span::after {
  content: "";
  background-color: #228bc1;
  position: absolute;
  top: 45%;
  border-radius: 3px;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .pre__title span::after {
    top: 48%;
  }
}
#roi .title__sec.type2 .inner__title .pre__title span.line__l::after, #roi .title__sec.type2 .inner__title .pre__title span.line__r::after {
  height: 0.45rem;
  width: 0.03rem;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .pre__title span.line__l::after, #roi .title__sec.type2 .inner__title .pre__title span.line__r::after {
    height: 45px;
    width: 3px;
  }
}
#roi .title__sec.type2 .inner__title .pre__title span.line__l::after {
  left: -0.3rem;
  transform: translateY(-50%) rotate(336deg);
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .pre__title span.line__l::after {
    left: -35px;
  }
}
#roi .title__sec.type2 .inner__title .pre__title span.line__r::after {
  right: -0.25rem;
  transform: translateY(-50%) rotate(24deg);
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .pre__title span.line__r::after {
    right: -35px;
  }
}
#roi .title__sec.type2 .inner__title .pre__title h5 {
  font-size: 0.4615384615rem;
  letter-spacing: 0px;
  color: #228bc1;
  font-weight: bold;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .pre__title h5 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #228bc1;
    font-weight: bold;
  }
}
#roi .title__sec.type2 .inner__title h2 {
  font-size: 0.6923076923rem;
  letter-spacing: 0px;
  color: #002855;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title h2 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #002855;
  }
}
#roi .title__sec.type2 .inner__title h2 .hl {
  background: linear-gradient(to top, yellow 25%, transparent 45%);
  background-position-y: -5px;
}
#roi .title__sec.type2 .inner__title .sub__title p {
  font-size: 0.192rem;
  letter-spacing: 0.01rem;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec.type2 .inner__title .sub__title p {
    font-size: 12px;
    letter-spacing: 1.32px;
  }
}
#roi .title__sec .inner__title {
  position: relative;
}
@media screen and (min-width: 1000px) {
  #roi .title__sec .inner__title {
    display: inline-block;
  }
}
#roi .container__ex {
  overflow: hidden;
  width: 100%;
  position: relative;
}
#roi .header {
  padding: 29px 0;
  padding-left: 61px;
}
@media (max-width: 1000px) {
  #roi .header {
    padding: 0.234375rem 0;
    padding-left: 0.78125rem;
  }
}
@media (max-width: 767px) {
  #roi .header {
    padding: 0.3461538462rem 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  #roi .header .container__ex {
    display: flex;
    justify-content: center;
  }
}
#roi .header .logo {
  width: 211px;
}
@media (max-width: 1000px) {
  #roi .header .logo {
    margin-left: 0rem;
    width: 2.060546875rem;
  }
}
@media (max-width: 767px) {
  #roi .header .logo {
    width: 3.1730769231rem;
  }
}
@media (max-width: 1000px) {
  #roi .header .container__big {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#roi .banner {
  overflow: hidden;
  margin-top: -89px;
}
@media (max-width: 1000px) {
  #roi .banner {
    margin-top: -0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .banner {
    margin-top: 0.25rem;
  }
}
#roi .banner .container__ex .box_image {
  transform: translateX(61px);
}
@media (max-width: 1000px) {
  #roi .banner .container__ex .box_image {
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  #roi .banner .container__ex .box_image {
    width: 6.8846153846rem;
    margin-left: 0.1923076923rem;
  }
}
#roi .banner .container__ex .box_image img {
  width: auto;
}
#roi .banner .container__ex .box_image img.ipad, #roi .banner .container__ex .box_image img.sp {
  display: none;
}
@media screen and (min-width: 1921px) {
  #roi .banner .container__ex .box_image img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1000px) {
  #roi .banner .container__ex .box_image img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #roi .banner .container__ex .box_image img.pc, #roi .banner .container__ex .box_image img.sp {
    display: none;
  }
  #roi .banner .container__ex .box_image img.ipad {
    display: flex;
  }
}
@media (max-width: 767px) {
  #roi .banner .container__ex .box_image img.pc, #roi .banner .container__ex .box_image img.ipad {
    display: none;
  }
  #roi .banner .container__ex .box_image img.sp {
    display: flex;
  }
}
#roi .title__page__box {
  margin-top: -35px;
  margin-bottom: 77px;
}
@media (max-width: 1460px) and (min-width: 1001px) {
  #roi .title__page__box {
    position: relative;
    z-index: 10;
  }
}
@media (max-width: 1000px) {
  #roi .title__page__box {
    margin-top: -0.859375rem;
    margin-bottom: 0.48828125rem;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box {
    margin-top: 0.3846153846rem;
    margin-bottom: 0.8269230769rem;
  }
}
#roi .title__page__box .box__title {
  display: flex;
  justify-content: center;
  gap: 25px;
  align-items: flex-end;
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title {
    gap: 0.078125rem;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title {
    flex-wrap: wrap;
    gap: 0.1153846154rem;
  }
}
#roi .title__page__box .box__title .box__image {
  width: 271px;
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title .box__image {
    width: 1.46484375rem;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title .box__image {
    width: 3.2115384615rem;
  }
}
#roi .title__page__box .box__title .title {
  padding-bottom: 20px;
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title .title {
    padding-bottom: 0.09765625rem;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title .title {
    padding-bottom: 0;
  }
}
#roi .title__page__box .box__title .title h2 {
  letter-spacing: 0px;
  color: #0050BE;
  font-size: 55px;
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title .title h2 {
    font-size: 0.37109375rem;
    letter-spacing: 0px !important;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title .title h2 {
    font-size: 0.5384615385rem;
    letter-spacing: 0.0207692308rem;
    text-align: center;
  }
  #roi .title__page__box .box__title .title h2 .line-2 {
    margin-left: -0.0576923077rem;
    margin-right: -0.1346153846rem;
  }
}
#roi .title__page__box .box__title .title h2 .small {
  display: block;
  font-size: 40px;
  letter-spacing: 2.4px;
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title .title h2 .small {
    font-size: 0.244140625rem;
    letter-spacing: 0.0146484375rem !important;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title .title h2 .small {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0207692308rem !important;
  }
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title .title h2 .lc_-19 {
    letter-spacing: -0.0185546875rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-304 {
    letter-spacing: -0.0296875rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-228 {
    letter-spacing: -0.022265625rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_228 {
    letter-spacing: 0.022265625rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_076 {
    letter-spacing: 0.007421875rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-226 {
    letter-spacing: -0.0220703125rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-342 {
    letter-spacing: -0.0333984375rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-76 {
    letter-spacing: -0.07421875rem;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title .title h2 .lc_-19 {
    letter-spacing: -0.0269230769rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-304 {
    letter-spacing: -0.0430769231rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-228 {
    letter-spacing: -0.0323076923rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_228 {
    letter-spacing: 0.0323076923rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_076 {
    letter-spacing: 0.0107692308rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-226 {
    letter-spacing: -0.0376923077rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-342 {
    letter-spacing: -0.0484615385rem;
  }
  #roi .title__page__box .box__title .title h2 .lc_-76 {
    letter-spacing: -0.1076923077rem;
  }
}
#roi .title__page__box .box__title .title .des {
  font-weight: 500;
  letter-spacing: 1.98px;
  font-size: 18px;
  color: #707070;
}
@media (max-width: 1000px) {
  #roi .title__page__box .box__title .title .des {
    letter-spacing: 0.0161132812rem;
    font-size: 0.146484375rem;
  }
}
@media (max-width: 767px) {
  #roi .title__page__box .box__title .title .des {
    letter-spacing: 0.0317307692rem;
    font-size: 0.2884615385rem;
    text-align: center;
    margin-top: 0.0961538462rem;
  }
}
#roi .sec__form {
  overflow: hidden;
  padding-bottom: 152px;
}
@media (max-width: 1000px) {
  #roi .sec__form {
    padding-bottom: 0.1953125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form {
    padding-bottom: 1.0384615385rem;
  }
}
#roi .sec__form .row_form {
  display: flex;
  gap: 33px;
  align-items: center;
  flex-wrap: wrap;
}
#roi .sec__form .row_form:not(:last-child) {
  margin-bottom: 86px;
}
@media (min-width: 1000px) {
  #roi .sec__form .row_form.q_1 .label_box {
    margin-right: -7px;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_1 {
    gap: 0;
    margin-bottom: 0.48828125rem;
  }
  #roi .sec__form .row_form.q_1 .number {
    letter-spacing: 0.01171875rem !important;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_1 {
    gap: 0;
    margin-bottom: 1.1538461538rem;
  }
  #roi .sec__form .row_form.q_1 .number {
    letter-spacing: 0.0211538462rem !important;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_2 {
    gap: 0.234375rem;
    margin-bottom: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_2 {
    gap: 0.4038461538rem;
    margin-bottom: 0.9230769231rem;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_3 {
    gap: 0.068359375rem;
    margin-bottom: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_3 {
    gap: 0rem;
    margin-bottom: 1.9230769231rem;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_4 {
    gap: 0.068359375rem;
    margin-bottom: 0.6640625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_4 {
    gap: 0rem;
    margin-bottom: 1.9230769231rem;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_5 {
    gap: 0.234375rem;
    margin-bottom: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_5 {
    gap: 0.4038461538rem;
    margin-bottom: 1.3076923077rem;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_6 {
    gap: 0.234375rem;
    margin-bottom: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_6 {
    gap: 0.4038461538rem;
    margin-bottom: 1.3076923077rem;
  }
}
#roi .sec__form .row_form.q_7 {
  gap: 52px 33px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_7 {
    gap: 0.087890625rem;
    margin-bottom: 0.9765625rem;
  }
  #roi .sec__form .row_form.q_7 .input_total {
    display: flex;
    align-items: baseline;
    gap: 0.3125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_7 {
    gap: 0rem;
    margin-bottom: 1.9230769231rem;
  }
  #roi .sec__form .row_form.q_7 .col_input_total {
    flex-wrap: wrap;
  }
  #roi .sec__form .row_form.q_7 .col_input_total .input_total {
    display: flex;
    align-items: baseline;
    gap: 0 0.1538461538rem;
    flex-wrap: wrap;
  }
  #roi .sec__form .row_form.q_7 .col_input_total .input_total .unit {
    display: flex;
    text-align: right;
    flex: 1;
    justify-content: flex-end;
    white-space: nowrap;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_8 {
    gap: 0.078125rem;
    margin-bottom: 0.673828125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_8 {
    gap: 0rem;
    margin-bottom: 1.9230769231rem;
  }
}
#roi .sec__form .row_form.q_8 .col_input {
  justify-content: flex-start;
  gap: 15px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_8 .col_input {
    gap: 0.48828125rem;
  }
}
#roi .sec__form .row_form.q_8 .col_input .box_input_fake {
  margin-right: -111px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_8 .col_input .box_input_fake {
    margin-right: -1.083984375rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_8 .col_input .box_input_fake {
    margin-right: 0;
  }
}
#roi .sec__form .row_form.q_8 .col_input .box_input_fake .input_fake {
  min-width: 128px;
  display: inline-block;
  text-align: right;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_8 .col_input .box_input_fake .input_fake {
    min-width: 1.25rem;
    margin-right: 0.09765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_8 .col_input .box_input_fake .input_fake {
    min-width: 0;
    margin-right: 0;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_9 {
    gap: 0.234375rem;
    margin-bottom: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_9 {
    gap: 0.4038461538rem;
    margin-bottom: 1.3076923077rem;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form.q_10 {
    gap: 0.234375rem;
    margin-bottom: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form.q_10 {
    gap: 0.4038461538rem;
    margin-bottom: 1.0576923077rem;
  }
}
#roi .sec__form .row_form .col_label {
  width: 57%;
  display: flex;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_label {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_label {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#roi .sec__form .row_form .col_label .img__label_number {
  width: 152px;
  height: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: 100%;
  background-repeat: no-repeat;
  letter-spacing: 2.56px;
  color: #FFFFFF;
  font-size: 16px;
  margin-right: 17px;
  font-weight: 500;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_label .img__label_number {
    width: 1.201171875rem;
    height: 0.78125rem;
    font-size: 0.126953125rem;
    letter-spacing: 0.0203125rem;
    margin-right: 0.107421875rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_label .img__label_number {
    width: 2.3653846154rem;
    height: 1.5384615385rem;
    font-size: 0.25rem;
    letter-spacing: 0.04rem;
    margin-right: 0;
    margin-bottom: 0.3076923077rem;
  }
}
#roi .sec__form .row_form .col_label .img__label_number.bg_red {
  background-image: url(/wp-content/themes/renewal/assets/images/roi/cloud_red.png);
  color: #FFFF00;
}
#roi .sec__form .row_form .col_label .img__label_number.bg_red .number {
  color: #FFFF00;
}
#roi .sec__form .row_form .col_label .img__label_number.bg_blue {
  background-image: url(/wp-content/themes/renewal/assets/images/roi/cloud_blue.png);
}
#roi .sec__form .row_form .col_label .img__label_number .number {
  letter-spacing: 1.52px;
  color: #FFFFFF;
  font-size: 38px;
  line-height: 1;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 600;
  transform: translateX(-5px);
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_label .img__label_number .number {
    font-size: 0.29296875rem;
    letter-spacing: 0.01171875rem;
    letter-spacing: 0.029296875rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_label .img__label_number .number {
    font-size: 0.5769230769rem;
    letter-spacing: 0.0634615385rem;
  }
}
#roi .sec__form .row_form .col_label .label_box .txt__blue {
  color: #0050BE;
}
#roi .sec__form .row_form .col_label .label_box .label {
  font-weight: 600;
  letter-spacing: 2.5px;
  font-size: 25px;
  color: #535353;
  line-height: 1.6;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_label .label_box .label {
    font-size: 0.1953125rem;
    letter-spacing: 0.01953125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_label .label_box .label {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0346153846rem;
    text-align: center;
  }
}
#roi .sec__form .row_form .col_label .label_box .note {
  letter-spacing: 1.76px;
  font-size: 16px;
  color: #707070;
  font-weight: 500;
  margin-top: 3px;
  line-height: 1.75;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_label .label_box .note {
    letter-spacing: 0.0150390625rem;
    font-size: 0.13671875rem;
    margin-top: 0.009765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_label .label_box .note {
    letter-spacing: 0.0296153846rem;
    font-size: 0.2692307692rem;
    text-align: center;
  }
}
#roi .sec__form .row_form .col_input {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
#roi .sec__form .row_form .col_input.input_type_plus_minus .box__input {
  min-width: 236px;
  text-align: right;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.input_type_plus_minus .box__input {
    min-width: 2.3046875rem;
    justify-content: center;
    align-items: baseline;
    gap: 0;
  }
}
#roi .sec__form .row_form .col_input.col_input_total {
  align-items: baseline;
  max-width: 492px;
}
@media (min-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_total .input_total .unit {
    transform: translateX(9px);
    display: inline-block;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_total {
    max-width: 5.78125rem;
    margin-bottom: 0.29296875rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_total {
    max-width: 100%;
    margin-bottom: 0.3076923077rem;
  }
}
#roi .sec__form .row_form .col_input .input_fake {
  letter-spacing: 3.8px;
  color: #276BC8;
  font-weight: 600;
  font-size: 95px;
  font-family: "din-2014-narrow", sans-serif;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .input_fake {
    letter-spacing: 0.037109375rem;
    font-size: 0.927734375rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .input_fake {
    font-size: 1.6346153846rem;
    letter-spacing: 0.0653846154rem;
    display: flex;
    justify-content: flex-end;
    flex: 1;
  }
}
#roi .sec__form .row_form .col_input .unit {
  letter-spacing: 2.5px;
  color: #535353;
  font-weight: 500;
  font-size: 25px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .unit {
    letter-spacing: 0.0244140625rem;
    font-size: 0.244140625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .unit {
    letter-spacing: 0.0384615385rem;
    font-size: 0.3846153846rem;
  }
}
#roi .sec__form .row_form .col_input .total__txt {
  letter-spacing: 2.5px;
  font-size: 25px;
  font-weight: 500;
  color: #535353;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .total__txt {
    letter-spacing: 0.0244140625rem;
    font-size: 0.244140625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .total__txt {
    font-size: 0.3846153846rem;
    letter-spacing: 0.0384615385rem;
  }
}
#roi .sec__form .row_form .col_input .box_btn_plus_minus {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus {
    justify-content: space-between;
    width: 100%;
    gap: 0;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus {
    gap: 0;
  }
}
#roi .sec__form .row_form .col_input .box_btn_plus_minus > div {
  display: flex;
  align-items: center;
  gap: 8px;
  height: -moz-max-content;
  height: max-content;
  cursor: pointer;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus > div {
    gap: 0.078125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus > div {
    gap: 0rem;
  }
}
#roi .sec__form .row_form .col_input .box_btn_plus_minus > div .text {
  font-size: 22px;
  letter-spacing: 2.2px;
  font-weight: 600;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus > div .text {
    font-size: 0.244140625rem;
    letter-spacing: 0.0244140625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus > div .text {
    display: none;
  }
}
#roi .sec__form .row_form .col_input .box_btn_plus_minus > div img {
  width: 30px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus > div img {
    width: 0.3515625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .box_btn_plus_minus > div img {
    width: 0.6923076923rem;
  }
}
#roi .sec__form .row_form .col_input .box_btn_plus_minus > div.plus .text {
  color: #0050BE;
}
#roi .sec__form .row_form .col_input .box_btn_plus_minus > div.minus .text {
  color: #FF0000;
}
#roi .sec__form .row_form .col_input .box__input.readonly input {
  display: none;
}
#roi .sec__form .row_form .col_input .box__input.typing input {
  width: 417px;
  height: 104px;
  padding: 0 9px;
  letter-spacing: 3.8px;
  color: #276BC8;
  font-weight: 600;
  font-size: 95px;
  font-family: "din-2014-narrow", sans-serif !important;
  margin-right: 10px;
  text-align: right;
  border: 0;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .box__input.typing input {
    width: 4.990234375rem;
    height: 1.015625rem;
    padding: 0 0.224609375rem;
    letter-spacing: 0.037109375rem;
    font-size: 0.927734375rem;
    margin-right: 0.09765625rem;
    line-height: normal;
    height: inherit;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .box__input.typing input {
    width: 6.1346153846rem;
    height: 2rem;
    margin-right: 0;
    font-size: 1.5384615385rem;
    letter-spacing: 0.0615384615rem;
    line-height: normal;
    height: inherit;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input .box__input.typing {
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input .box__input.typing {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.0384615385rem;
  }
}
#roi .sec__form .row_form .col_input.col_input_range {
  align-items: center;
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_range {
    flex-wrap: wrap-reverse;
    justify-content: center;
    gap: 0.7692307692rem;
  }
}
#roi .sec__form .row_form .col_input.col_input_range .box__input {
  transform: translateY(3px);
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_range .box__input {
    display: flex;
    transform: translateY(0.029296875rem);
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_range .box__input {
    width: 100%;
    transform: translateY(0.0576923077rem);
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_range .box_input_fake {
    display: flex;
    align-items: baseline;
  }
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  background: #fff;
  border: none;
  height: 13px;
  border-radius: 10px;
  cursor: pointer;
  border: 3px solid white;
  width: 277px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range] {
    width: 3.056640625rem;
    height: 0.126953125rem;
    border-width: 0.029296875rem;
    border-radius: 0.09765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range] {
    width: 100%;
    height: 0.25rem;
    border-width: 0.0576923077rem;
    border-radius: 0.1923076923rem;
  }
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]::-moz-range-progress {
  background: #4373F4;
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]::-ms-thumb {
  width: 77px;
  height: 75px;
  background: transparent url("/wp-content/themes/renewal/assets/images/roi/blue_cloud.png") no-repeat center center/contain;
  box-shadow: none;
  border: none;
  box-shadow: none;
  transform: translateY(-8px);
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range]::-ms-thumb {
    width: 0.751953125rem;
    height: 0.732421875rem;
    transform: translateY(-0.078125rem);
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range]::-ms-thumb {
    width: 1.4807692308rem;
    height: 1.4423076923rem;
    transform: translateY(-0.1538461538rem);
  }
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 77px;
  height: 75px;
  background: transparent url("/wp-content/themes/renewal/assets/images/roi/blue_cloud.png") no-repeat center center/contain;
  box-shadow: none;
  border: none;
  box-shadow: none;
  transform: translateY(-8px);
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range]::-webkit-slider-thumb {
    width: 0.751953125rem;
    height: 0.732421875rem;
    transform: translateY(-0.078125rem);
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range]::-webkit-slider-thumb {
    width: 1.4807692308rem;
    height: 1.4423076923rem;
    transform: translateY(-0.1538461538rem);
  }
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]::-moz-range-thumb {
  width: 77px;
  height: 75px;
  border: none;
  background: transparent url("/wp-content/themes/renewal/assets/images/roi/blue_cloud.png") no-repeat center center/contain;
  box-shadow: none;
  border: none;
  box-shadow: none;
  transform: translateY(-8px);
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range]::-moz-range-thumb {
    width: 0.751953125rem;
    height: 0.732421875rem;
    transform: translateY(-0.078125rem);
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input.col_input_range input[type=range]::-moz-range-thumb {
    width: 1.4807692308rem;
    height: 1.4423076923rem;
    transform: translateY(-0.1538461538rem);
  }
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]::-moz-focus-outer {
  box-shadow: none;
  border: none;
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]:active::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
}
#roi .sec__form .row_form .col_input.col_input_range input[type=range]::-webkit-slider-runnable-track {
  box-shadow: none;
  border: none;
}
#roi .sec__form .row_form .col_input_detail {
  min-width: calc(100% + 65px);
  display: flex;
  gap: 46px;
  margin-left: -90px;
  align-items: center;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail {
    margin-left: 0;
    min-width: inherit;
    flex-wrap: wrap;
  }
}
#roi .sec__form .row_form .col_input_detail .box_image {
  width: 213px;
}
#roi .sec__form .row_form .col_input_detail .col_input_item_box {
  flex: 1;
}
#roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item {
    flex-wrap: wrap;
  }
}
#roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item:not(:last-child) {
  margin-bottom: 31px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item:not(:last-child) {
    margin-bottom: 0.390625rem;
  }
}
#roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .label {
  font-size: 23px;
  letter-spacing: 2.3px;
  color: #0050BE;
  font-weight: 600;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .label {
    width: 100%;
    font-size: 0.1953125rem;
    letter-spacing: 0.01953125rem;
    margin-bottom: 0.17578125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .label {
    font-size: 0.2884615385rem;
    letter-spacing: 0.0288461538rem;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input {
    display: flex;
    align-items: baseline;
    align-items: flex-end;
  }
}
#roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input input {
  width: 417px;
  height: 66px;
  padding: 0 5px;
  letter-spacing: 2.56px;
  color: #276BC8;
  font-weight: 600;
  font-size: 64px;
  font-family: "din-2014-narrow", sans-serif !important;
  margin-right: 9px;
  text-align: right;
  border: 0;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input input {
    width: 5rem;
    height: 0.830078125rem;
    padding: 0 0.224609375rem;
    font-size: 0.87890625rem;
    letter-spacing: 0.03515625rem;
    box-sizing: border-box;
    line-height: normal;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    height: inherit;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input input {
    width: 4.8269230769rem;
    height: 1.4230769231rem;
    padding: 0 0.0961538462rem;
    font-size: 1.4423076923rem;
    letter-spacing: 0.0576923077rem;
    box-sizing: border-box;
    line-height: normal;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    height: inherit;
  }
}
#roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input .unit {
  font-size: 25px;
  letter-spacing: 2.5px;
  color: #535353;
  font-weight: 500;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input .unit {
    font-size: 0.244140625rem;
    letter-spacing: 0.0244140625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_form .col_input_detail .col_input_item_box .input_item .box_input .unit {
    font-size: 0.3846153846rem;
    letter-spacing: 0.0384615385rem;
  }
}
#roi .sec__form .row_btn {
  display: flex;
  justify-content: center;
  margin-top: 136px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_btn {
    margin-top: 0.9765625rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_btn {
    margin-top: 1.0576923077rem;
  }
}
#roi .sec__form .row_btn .box_btn_submit {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
@media (max-width: 767px) {
  #roi .sec__form .row_btn .box_btn_submit {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  #roi .sec__form .row_btn .box_btn_submit {
    display: flex;
    flex-direction: column;
  }
}
#roi .sec__form .row_btn .box_btn_submit .btn__submit {
  width: 576px;
  background: #0050BE 0% 0% no-repeat padding-box;
  border-radius: 10px;
  text-align: center;
  padding: 31px 0;
  font-size: 40px;
  letter-spacing: 4px;
  color: #FFFF00;
  font-weight: bold;
  border: 0;
  box-shadow: 0 0 0 2px #0050BE;
  cursor: pointer;
  transition: 0.3s;
}
#roi .sec__form .row_btn .box_btn_submit .btn__submit.thanks {
  background: #c12323 0% 0% no-repeat padding-box;
}
@media screen and (min-width: 1001px) {
  #roi .sec__form .row_btn .box_btn_submit .btn__submit.thanks {
    font-size: 30px;
  }
}
@media (min-width: 1000px) {
  #roi .sec__form .row_btn .box_btn_submit .btn__submit:hover {
    background: #fff;
    color: #0050BE;
  }
}
@media (max-width: 1000px) {
  #roi .sec__form .row_btn .box_btn_submit .btn__submit {
    width: 5.771484375rem;
    border-radius: 0.09765625rem;
    padding: 0.302734375rem 0;
    font-size: 0.390625rem;
    letter-spacing: 0.0390625rem;
    box-shadow: 0 0 0 0.01953125rem #0050BE;
  }
  #roi .sec__form .row_btn .box_btn_submit .btn__submit.thanks {
    font-size: 0.3125rem;
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_btn .box_btn_submit .btn__submit {
    width: 100%;
    border-radius: 0.1923076923rem;
    padding: 0.4230769231rem 0;
    font-size: 0.5769230769rem;
    letter-spacing: 0.0576923077rem;
    box-shadow: 0 0 0 0.0384615385rem #0050BE;
  }
  #roi .sec__form .row_btn .box_btn_submit .btn__submit.thanks {
    font-size: 0.3846153846rem;
  }
}
#roi .sec__form .row_btn .box_btn_submit .box__image {
  position: absolute;
  width: 168px;
  left: calc(100% + 43px);
  bottom: -44px;
}
@media (max-width: 1000px) {
  #roi .sec__form .row_btn .box_btn_submit .box__image {
    position: static;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.3125rem;
    align-items: flex-end;
  }
  #roi .sec__form .row_btn .box_btn_submit .box__image img {
    width: auto;
    height: -moz-max-content;
    height: max-content;
  }
  #roi .sec__form .row_btn .box_btn_submit .box__image img.img-1 {
    transform: translateY(-0.09765625rem);
  }
}
@media (max-width: 767px) {
  #roi .sec__form .row_btn .box_btn_submit .box__image {
    margin-top: 0.6153846154rem;
  }
  #roi .sec__form .row_btn .box_btn_submit .box__image img.img-1 {
    transform: translateY(0);
    width: 3.0384615385rem;
  }
  #roi .sec__form .row_btn .box_btn_submit .box__image img.img-2 {
    width: 2.3653846154rem;
  }
}
#roi .sec__form .row_btn .box_btn_submit .sub__btn {
  text-align: center;
  margin-bottom: 0.1346153846rem;
}
@media screen and (min-width: 1001px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1000px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn {
    display: flex;
    justify-content: center;
  }
}
#roi .sec__form .row_btn .box_btn_submit .sub__btn span {
  display: inline-block;
  font-size: 0.3846153846rem;
  font-weight: 500;
  color: #707070;
  position: relative;
  font-family: sans-serif;
}
@media screen and (min-width: 1001px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn span {
    font-size: 32px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn span {
    font-size: 0.33203125rem;
  }
}
#roi .sec__form .row_btn .box_btn_submit .sub__btn span::before, #roi .sec__form .row_btn .box_btn_submit .sub__btn span::after {
  content: "";
  top: 50%;
  height: 0.7115384615rem;
  width: 0.0576923077rem;
  background-color: #707070;
  position: absolute;
  border-radius: 0.0576923077rem;
}
@media screen and (min-width: 1001px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn span::before, #roi .sec__form .row_btn .box_btn_submit .sub__btn span::after {
    top: 57%;
    height: 50px;
    width: 4px;
    border-radius: 3px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn span::before, #roi .sec__form .row_btn .box_btn_submit .sub__btn span::after {
    top: 48%;
    font-size: 0.029296875rem;
    height: 0.68359375rem;
    width: 0.048828125rem;
  }
}
#roi .sec__form .row_btn .box_btn_submit .sub__btn span::before {
  left: -0.3846153846rem;
  transform: translateY(-50%) rotate(327deg);
}
@media screen and (min-width: 1001px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn span::before {
    left: -27px;
  }
}
#roi .sec__form .row_btn .box_btn_submit .sub__btn span::after {
  right: -0.3269230769rem;
  transform: translateY(-50%) rotate(33deg);
}
@media screen and (min-width: 1001px) {
  #roi .sec__form .row_btn .box_btn_submit .sub__btn span::after {
    right: -20px;
  }
}
#roi .sec__form .box_result {
  display: none !important;
}
#roi .footer-bottom {
  background-color: #FFFFFF;
  padding: 0.322265625rem 0;
}
@media (min-width: 1000px) {
  #roi .footer-bottom {
    padding: 33px 0 30px;
  }
}
@media (max-width: 767px) {
  #roi .footer-bottom {
    padding: 0.6538461538rem 0 1.0192307692rem;
  }
}
#roi .footer-bottom .container {
  max-width: 6.923rem;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  #roi .footer-bottom .container {
    max-width: 1630px;
    padding-inline: 15px;
  }
}
@media (max-width: 767px) {
  #roi .footer-bottom .container {
    margin: 0;
    max-width: inherit;
    padding: 0 0.6730769231rem;
  }
}
#roi .footer-bottom__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: column-reverse;
}
@media (min-width: 1000px) {
  #roi .footer-bottom__wrap {
    flex-direction: row;
  }
}
#roi .footer-bottom__wrap--left {
  width: 100%;
}
@media (min-width: 1000px) {
  #roi .footer-bottom__wrap--left {
    width: auto;
  }
}
#roi .footer-bottom__wrap--left .copyright,
#roi .footer-bottom__wrap--left .des {
  font-size: 0.2307692308rem;
  line-height: 0.3269230769rem;
  letter-spacing: 0.0184615385rem;
  text-align: center;
  color: #000;
}
@media (min-width: 1000px) {
  #roi .footer-bottom__wrap--left .copyright,
  #roi .footer-bottom__wrap--left .des {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0.96px;
    font-weight: 500;
  }
}
#roi .footer-bottom__wrap--left .copyright a,
#roi .footer-bottom__wrap--left .des a {
  color: #000;
}
#roi .footer-bottom__wrap--left .copyright {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
#roi .footer-bottom__wrap--left .des {
  margin-bottom: 19px;
}
#roi .footer-bottom__wrap--area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1000px) {
  #roi .footer-bottom__wrap--area {
    width: auto;
    justify-content: end;
  }
}
#roi .footer-bottom__wrap--area .embed-svg {
  display: flex;
}
@media (max-width: 1000px) {
  #roi .footer-bottom__wrap--area .embed-svg {
    width: 4.12109375rem;
  }
  #roi .footer-bottom__wrap--area .embed-svg embed {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #roi .footer-bottom__wrap--area .embed-svg {
    width: 6.0576923077rem;
  }
}
@media (max-width: 1000px) {
  #roi .footer-bottom__wrap--area .des {
    letter-spacing: 0.010546875rem;
    color: #000000;
    font-weight: 500;
    font-size: 0.17578125rem;
    text-align: center;
    margin-bottom: 0.478515625rem;
  }
  #roi .footer-bottom__wrap--area .des .line-2 {
    margin-top: 0.322265625rem;
    display: block;
  }
  #roi .footer-bottom__wrap--area .des a {
    color: #000000;
  }
  #roi .footer-bottom__wrap--area .copyright {
    font-size: 0.15625rem;
    letter-spacing: 0.015625rem;
    margin-top: 0.1953125rem;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  #roi .footer-bottom__wrap--area .des {
    letter-spacing: 0.0207692308rem;
    color: #000000;
    font-weight: 500;
    font-size: 0.3461538462rem;
    text-align: left;
    margin-bottom: 0.8269230769rem;
    width: 100%;
  }
  #roi .footer-bottom__wrap--area .des p:not(:last-child) {
    margin-bottom: 0.9230769231rem;
  }
  #roi .footer-bottom__wrap--area .copyright {
    font-size: 0.2307692308rem;
    letter-spacing: 0.0138461538rem;
    margin-top: 0.3461538462rem;
    margin-left: -0.0576923077rem;
    margin-right: -0.0576923077rem;
  }
}

@keyframes marquee__toleft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.popup__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(204, 204, 204, 0.8196078431);
  z-index: 999;
}

.popup__form__roi {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 6.0961538462rem;
  width: 100%;
  max-height: 90vh;
  padding: 0.4807692308rem 0.6538461538rem;
  background: #fff;
  border-radius: 16px;
  overflow-y: auto;
  z-index: 1000;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 transparent;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi {
    padding: 55px 66px;
    max-width: 950px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi {
    max-width: 5.859375rem;
    padding: 0.29296875rem 0.390625rem;
  }
}
.popup__form__roi::-webkit-scrollbar {
  width: 8px;
}
.popup__form__roi::-webkit-scrollbar-track {
  background: transparent;
}
.popup__form__roi::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
.popup__form__roi::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.popup__form__roi .popup__content .container__header__form {
  margin-bottom: 0.4807692308rem;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__header__form {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__header__form {
    margin-bottom: 0.390625rem;
  }
}
.popup__form__roi .popup__content .container__header__form h4 {
  font-size: 0.3846153846rem;
  letter-spacing: 0.0307692308rem;
  text-align: center;
  color: #0088D0;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__header__form h4 {
    font-size: 25px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__header__form h4 {
    font-size: 0.21484375rem;
    letter-spacing: 0.0171875rem;
  }
}
.popup__form__roi .popup__content .group__fields .row__gr__field {
  display: flex;
  justify-content: space-between;
}
.popup__form__roi .popup__content .group__fields .row__gr__field:not(:last-child) {
  margin-bottom: 0.1923076923rem;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field:not(:last-child) {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field:not(:last-child) {
    margin-bottom: 0.29296875rem;
  }
}
@media screen and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field {
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 568px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field {
    flex-direction: column;
  }
}
.popup__form__roi .popup__content .group__fields .row__gr__field .label__field {
  font-size: 0.2307692308rem;
  letter-spacing: 0.0138461538rem;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .label__field {
    font-size: 20px;
    letter-spacing: 1.4px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .label__field {
    font-size: 0.13671875rem;
    letter-spacing: 0.0095703125rem;
  }
}
@media screen and (max-width: 568px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .label__field {
    margin-bottom: 0.1538461538rem;
  }
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 {
    flex: 0 0 624px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 {
    flex: 0 0 3.41796875rem;
  }
}
@media screen and (max-width: 568px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 {
    flex-direction: column;
  }
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select {
  height: 0.7692307692rem;
  border-radius: 0.1153846154rem;
  width: 100%;
  font-weight: 500;
  font-size: 0.2307692308rem;
  letter-spacing: 0.0230769231rem;
  padding: 0.0961538462rem 0.3269230769rem;
  border: 0.0192307692rem solid #707070;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input,
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #707070;
    font-size: 18px;
    letter-spacing: 1.26px;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input,
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select {
    height: 0.48828125rem;
    border-radius: 0.048828125rem;
    border: 0.009765625rem solid #707070;
    font-size: 0.13671875rem;
    letter-spacing: 0.0095703125rem;
    padding: 0.09765625rem 0.126953125rem;
  }
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input::-moz-placeholder, .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select::-moz-placeholder, .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input::-moz-placeholder, .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select::-moz-placeholder {
  color: #d1d1d1;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input::placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select::placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input::placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select::placeholder {
  color: #d1d1d1;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input::-webkit-input-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select::-webkit-input-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input::-webkit-input-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select::-webkit-input-placeholder {
  color: #d1d1d1;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input:-moz-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select:-moz-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input:-moz-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select:-moz-placeholder {
  color: #d1d1d1;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input::-moz-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select::-moz-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input::-moz-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select::-moz-placeholder {
  color: #d1d1d1;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input:-ms-input-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select:-ms-input-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input:-ms-input-placeholder,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select:-ms-input-placeholder {
  color: #d1d1d1;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui input.error,
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select.error,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 input.error,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select.error {
  background-color: #ffeeee;
  border-color: #f03246;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select {
  padding-right: 0.5769230769rem;
  color: #D1D1D1;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(/wp-includes/images/approximate_simulator/select-down.svg) no-repeat 94% center;
  background-size: 0.2307692308rem;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select {
    background: #fff url(/wp-includes/images/approximate_simulator/select-down.svg) no-repeat 97% center;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select,
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select {
    padding-right: 0.48828125rem;
    background-size: 0.146484375rem;
  }
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select option:not(:first-of-type),
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select option:not(:first-of-type) {
  color: #000;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .input__ui select:valid,
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 select:valid {
  color: #000;
}
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 {
  display: flex;
  gap: 0.1730769231rem;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 {
    gap: 24px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 {
    gap: 0.1953125rem;
  }
}
.popup__form__roi .popup__content .group__fields .row__gr__field .gr__input__col2 .input__ui__col2 {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .popup__form__roi .popup__content .group__fields .row__gr__field .wpcf7-form-control-wrap {
    display: flex;
  }
}
.popup__form__roi .popup__content .container__footer__form {
  margin-top: 0.3269230769rem;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form {
    margin-top: 0.29296875rem;
  }
}
@media screen and (max-width: 568px) {
  .popup__form__roi .popup__content .container__footer__form .box__gr {
    border: 1px solid rgba(112, 112, 112, 0.2196078431);
    padding: 0.2884615385rem;
    margin: 0 0.1346153846rem;
  }
}
.popup__form__roi .popup__content .container__footer__form .ser-deal b {
  font-size: 0.1923076923rem;
  letter-spacing: 0.0192307692rem;
  font-weight: 500;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .ser-deal b {
    font-size: 18px;
    letter-spacing: 1.26px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .ser-deal b {
    font-size: 0.107421875rem;
    letter-spacing: 0.0075195313rem;
  }
}
@media screen and (max-width: 1000px) {
  .popup__form__roi .popup__content .container__footer__form .ser-deal b {
    display: flex;
  }
}
@media screen and (max-width: 568px) {
  .popup__form__roi .popup__content .container__footer__form .ser-deal b {
    font-weight: bold;
  }
}
.popup__form__roi .popup__content .container__footer__form .desc-policy {
  font-size: 0.1923076923rem;
  letter-spacing: 0.0192307692rem;
  line-height: 1.7;
  margin-top: 0.0961538462rem;
  font-weight: 500;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .desc-policy {
    margin-top: 17px;
    font-size: 13px;
    letter-spacing: 0.84px;
    line-height: 2;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .desc-policy {
    margin-top: 0.244140625rem;
    font-size: 0.126953125rem;
    letter-spacing: 0.008203125rem;
    line-height: 2;
  }
}
.popup__form__roi .popup__content .container__footer__form .check__agree {
  margin: 0.25rem 0 0.3269230769rem;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree {
    margin: 42px 0;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree {
    margin: 0.41015625rem 0;
  }
}
.popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item {
  margin: 0;
  padding: 0;
  font-size: 0.1730769231rem;
  letter-spacing: 0.0121153846rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item {
    font-size: 16px;
    letter-spacing: 1.12px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item {
    font-size: 0.126953125rem;
    letter-spacing: 0.0088867188rem;
  }
}
.popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  width: -webkit-max-content;
}
.popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 0.2307692308rem;
  height: 0.2307692308rem;
  margin-right: 0.1346153846rem;
  border-radius: 0.0576923077rem;
  border: 0.0384615385rem solid #707070;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox] {
    width: 22px;
    height: 22px;
    margin-right: 12px;
    border-radius: 3px;
    border: 2px solid #707070;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox] {
    width: 0.21484375rem;
    height: 0.21484375rem;
    margin-right: 0.078125rem;
    border-radius: 0.029296875rem;
    border: 0.01953125rem solid #707070;
  }
}
.popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox]:checked {
  background-color: #0088D0;
  border-color: #0088D0;
}
.popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  width: 0.0384615385rem;
  height: 0.0961538462rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translateX(-50%) rotate(45deg);
  top: 3%;
  left: 50%;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox]:checked::after {
    width: 5px;
    height: 10px;
    border-width: 0 3px 3px 0;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .check__agree .wpcf7-list-item label input[type=checkbox]:checked::after {
    width: 0.0390625rem;
    height: 0.09765625rem;
    border-width: 0 0.029296875rem 0.029296875rem 0;
  }
}
.popup__form__roi .popup__content .container__footer__form .submit__btn {
  display: flex;
  justify-content: center;
}
.popup__form__roi .popup__content .container__footer__form .btn__sm__roi {
  background-color: #0088D0;
  font-weight: bold;
  color: #fff;
  border: none;
  white-space: pre-wrap;
  position: relative;
  font-size: 0.2115384615rem;
  letter-spacing: 0.0169230769rem;
  width: 3.3653846154rem;
  height: 0.7692307692rem;
  border-radius: 0.6730769231rem;
  cursor: pointer;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .btn__sm__roi {
    font-size: 20px;
    letter-spacing: 1.6px;
    width: 269.5px;
    height: 70px;
    border-radius: 35px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .btn__sm__roi {
    font-size: 0.146484375rem;
    letter-spacing: 0.01171875rem;
    width: 2.5390625rem;
    height: 0.68359375rem;
    border-radius: 0.341796875rem;
  }
}
.popup__form__roi .popup__content .container__footer__form .btn__sm__roi.disabled {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #fff;
  cursor: not-allowed;
}
.popup__form__roi .popup__content .container__footer__form .attention {
  margin-bottom: 0.1923076923rem;
}
@media screen and (max-width: 1000px) {
  .popup__form__roi .popup__content .container__footer__form .attention {
    display: flex;
  }
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .attention {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .attention {
    margin-bottom: 0.09765625rem;
  }
}
.popup__form__roi .popup__content .container__footer__form .attention span {
  font-size: 0.25rem;
  letter-spacing: 0.0180769231rem;
  font-weight: 500;
  color: #f03246;
}
@media screen and (min-width: 1001px) {
  .popup__form__roi .popup__content .container__footer__form .attention span {
    font-size: 16px;
    letter-spacing: 1.12px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .popup__form__roi .popup__content .container__footer__form .attention span {
    font-size: 0.15625rem;
    letter-spacing: 0.009765625rem;
  }
}

.skew-effect {
  transform: scale(0.992);
  transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.lds-ring {
  display: inline-block;
  position: absolute;
  width: 0.4807692308rem;
  height: 0.4807692308rem;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1001px) {
  .lds-ring {
    width: 34px;
    height: 34px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .lds-ring {
    width: 0.33203125rem;
    height: 0.33203125rem;
  }
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 0.4807692308rem;
  height: 0.4807692308rem;
  border: 4px solid var(--main-text-color);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--main-text-color) transparent transparent transparent;
  border-width: 0.0769230769rem;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@media screen and (min-width: 1001px) {
  .lds-ring div {
    width: 34px;
    height: 34px;
    border-width: 4px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .lds-ring div {
    width: 0.33203125rem;
    height: 0.33203125rem;
    border-width: 0.0390625rem;
  }
}
.lds-ring.disabled div {
  opacity: 0.5;
  pointer-events: none;
  border: 4px solid #5c5c5c;
  border-color: #5c5c5c transparent transparent transparent;
  border-width: 0.0769230769rem;
}
@media screen and (min-width: 1001px) {
  .lds-ring.disabled div {
    border-width: 4px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .lds-ring.disabled div {
    border-width: 0.0390625rem;
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
html.opened {
  overflow: hidden;
}

.download-error-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.download-error-modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.download-error-modal .download-error-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.download-error-modal .download-error-modal__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.download-error-modal .download-error-modal__inner .download-error-modal__box {
  width: 95vw;
  background: #fff;
  border-style: solid;
  border-color: #707070;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-width: 0.0192307692rem;
  padding: 0.5769230769rem 0.3846153846rem;
}
@media screen and (min-width: 1001px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box {
    width: min(67vw, 937px);
    border-width: 1px;
    padding: 50px 45px 52px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box {
    width: 82vw;
    padding: 0.458984375rem 0.390625rem;
    border-width: 0.009765625rem;
  }
}
.download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__title {
  font-size: 0.3846153846rem;
  letter-spacing: 0.0192307692rem;
  text-align: center;
  color: #707070;
  margin-bottom: 0.3269230769rem;
}
@media screen and (min-width: 1001px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__title {
    font-size: 36px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__title {
    font-size: 0.3125rem;
    letter-spacing: 0.009765625rem;
    margin-bottom: 0.3125rem;
  }
}
.download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text {
  font-size: 0.3461538462rem;
  color: #707070;
  align-self: flex-start;
}
@media screen and (min-width: 1001px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text {
    font-size: 28px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text {
    font-size: 0.263671875rem;
    letter-spacing: 0;
  }
}
.download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text:nth-child(2) {
  margin-bottom: 0.3846153846rem;
}
@media screen and (min-width: 1001px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text:nth-child(2) {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text:nth-child(2) {
    margin-bottom: 0.263671875rem;
  }
}
.download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text:nth-child(3) {
  margin-bottom: 0.3846153846rem;
}
@media screen and (min-width: 1001px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text:nth-child(3) {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__text:nth-child(3) {
    margin-bottom: 0.341796875rem;
  }
}
.download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__btn {
  width: 100%;
  font-size: 0.4615384615rem;
  letter-spacing: 0.0384615385rem;
  border-radius: 0.1923076923rem;
  padding: 0.3269230769rem 0.2884615385rem;
  background-color: #8D8D8D;
  color: #fff;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s;
}
@media screen and (min-width: 1001px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__btn {
    width: min(100%, 514px);
    font-size: 36px;
    letter-spacing: 3px;
    padding: 28.5px 15px;
    border-radius: 10px;
  }
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__btn:hover {
    background-color: #0050BE;
    color: #FFFF00;
  }
}
@media screen and (max-width: 1000px) and (min-width: 569px) {
  .download-error-modal .download-error-modal__inner .download-error-modal__box .download-error-modal__btn {
    width: min(100%, 4.1015625rem);
    font-size: 0.33203125rem;
    border-radius: 0.09765625rem;
    padding: 0.1953125rem 0.146484375rem;
    letter-spacing: 0.01953125rem;
  }
}/*# sourceMappingURL=roi.css.map */