.hidden {
  display: none !important;
}

.simu__check.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.simu__check.is-disabled input {
  cursor: not-allowed;
}

#main__top .container {
  max-width: 6.1153846154rem;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  #main__top .container {
    max-width: 1390px;
    padding-inline: 15px;
  }
}
#main__top .br-dk {
  display: none;
}
@media (min-width: 1000px) {
  #main__top .br-dk {
    display: block;
  }
}
#main__top .br-sp {
  display: block;
}
@media (min-width: 1000px) {
  #main__top .br-sp {
    display: none;
  }
}
#main__top .banner {
  min-height: 12.5rem;
  background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/background-banner.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-top: 0.36rem;
  padding-bottom: 0.77rem;
}
@media (min-width: 1000px) {
  #main__top .banner {
    min-height: 706px;
    padding-top: 52px;
    padding-bottom: 0;
  }
}
#main__top .banner .container {
  overflow: hidden;
}
#main__top .banner__top {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 1000px) {
  #main__top .banner__top {
    flex-direction: row;
    align-items: end;
  }
}
#main__top .banner__top--small {
  color: #0088D0;
  font-weight: bold;
  font-size: 0.288rem;
}
@media (min-width: 1000px) {
  #main__top .banner__top--small {
    font-size: 30px;
    line-height: 33px;
  }
}
#main__top .banner__top--big {
  font-size: 0.2884615385rem;
  color: #0088D0;
  font-weight: bold;
  margin-top: 0.3653846154rem;
  letter-spacing: 0.0157692308rem;
}
@media (min-width: 1000px) {
  #main__top .banner__top--big {
    font-size: 40px;
    line-height: 40px;
    margin-top: 0;
    letter-spacing: 2.6px;
  }
}
@media (max-width: 1000px) {
  #main__top .banner__top--big {
    text-align: center;
    line-height: 1.8;
    margin-top: 0;
  }
}
#main__top .banner__top--big span {
  background: linear-gradient(to top, yellow 50%, transparent 50%);
}
#main__top .banner__main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
  #main__top .banner__main {
    flex-direction: row;
    margin-top: 10px;
  }
}
#main__top .banner__main--content {
  width: 100%;
  display: grid;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content {
    width: 50%;
    padding-top: 37px;
    display: block;
  }
}
#main__top .banner__main--content .img-sp img {
  margin: 0 auto;
  display: block;
}
#main__top .banner__main--content .subtitle {
  color: #0088D0;
  font-size: 0.3076923077rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.0215384615rem;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .subtitle {
    font-size: 20px;
    text-align: left;
    letter-spacing: 1.4px;
  }
}
#main__top .banner__main--content .title {
  color: #0088D0;
  font-size: 0.3846153846rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.0769230769rem;
  letter-spacing: 0.0076923077rem;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .title {
    font-size: 35px;
    text-align: left;
    margin-top: 0;
    letter-spacing: 0;
  }
}
#main__top .banner__main--content .list {
  list-style: none;
  padding: 0 0 0 0.3846153846rem;
  margin: 0.2115384615rem 0 0 0;
  color: #0088D0;
  order: -1;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .list {
    order: inherit;
    margin: 20px 0 0 0;
    padding: 0;
  }
}
#main__top .banner__main--content .list li {
  font-size: 0.3076923077rem;
  font-weight: 500;
  margin-bottom: 0.1923076923rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.1538461538rem;
  letter-spacing: 0.0215384615rem;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .list li {
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 22px;
    gap: 10px;
    letter-spacing: 1.75px;
  }
}
#main__top .banner__main--content .list li:last-child {
  margin-bottom: 0;
}
#main__top .banner__main--content .list li svg {
  width: 0.3846153846rem;
  height: 0.3846153846rem;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .list li svg {
    width: 27px;
    height: 27px;
  }
}
#main__top .banner__main--content .button__wrap {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: 0.4230769231rem;
  margin-top: 0.4423076923rem;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .button__wrap {
    gap: 30px;
    margin-top: 34px;
    max-width: 420px;
  }
}
#main__top .banner__main--content .button__item--title {
  position: relative;
  font-size: 0.25rem;
  line-height: 0.3653846154rem;
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #3A2C2A;
  letter-spacing: 0.0288461538rem;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .button__item--title {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 1.725px;
  }
}
#main__top .banner__main--content .button__item--title::before {
  content: "";
  width: 15px;
  height: 17px;
  background: url(/wp-content/themes/renewal/assets/images/groupware_v3/line-before.svg);
  position: absolute;
  left: -20px;
}
@media (max-width: 1000px) {
  #main__top .banner__main--content .button__item--title::before {
    width: 0.2884615385rem;
    height: 0.3269230769rem;
    background-size: 100%;
    left: -0.3846153846rem;
  }
}
#main__top .banner__main--content .button__item--title:after {
  content: "";
  width: 15px;
  height: 17px;
  background: url(/wp-content/themes/renewal/assets/images/groupware_v3/line-after.svg);
  position: absolute;
  right: -20px;
}
@media (max-width: 1000px) {
  #main__top .banner__main--content .button__item--title:after {
    width: 0.2884615385rem;
    height: 0.3269230769rem;
    background-size: 100%;
    right: -0.3846153846rem;
  }
}
#main__top .banner__main--content .button__item--btn {
  height: 0.8076923077rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0.6730769231rem;
  font-size: 0.3461538462rem;
  font-weight: bold;
  margin-top: 0.0961538462rem;
  letter-spacing: 0.0653846154rem;
  transition: 0.5s;
}
@media (max-width: 1000px) {
  #main__top .banner__main--content .button__item--btn {
    padding: 0.4807692308rem 0;
    transition: 0s;
  }
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .button__item--btn {
    margin-top: 8.5px;
    letter-spacing: 3.78px;
    font-size: 20px;
    height: 50px;
    border-radius: 35px;
  }
}
#main__top .banner__main--content .button__item--btn.type-1 {
  background: #FF0000;
  color: #FFFF00;
  border: 2px solid #FF0000;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .button__item--btn.type-1:hover {
    background: #fff;
    color: #FF0000;
  }
}
#main__top .banner__main--content .button__item--btn.type-2 {
  background: #1BA7D1;
  color: #FFFFFF;
  border: 2px solid #1DA6D1;
}
@media (min-width: 1000px) {
  #main__top .banner__main--content .button__item--btn.type-2:hover {
    background: #fff;
    color: #1DA6D1;
  }
}
@media (min-width: 1000px) {
  #main__top .banner__main--image {
    margin-left: -326px;
    margin-right: -30px;
  }
}
#main__top .banner__main--image img {
  width: 100%;
}
@media (min-width: 1000px) {
  #main__top .banner__main--image img {
    width: 800px;
  }
}
@media (min-width: 1100px) {
  #main__top .banner__main--image img {
    width: 960px;
  }
}
#main__top .breadcrumbs {
  padding: 0.2884615385rem 0;
  font-size: 0.1923076923rem;
  line-height: 0.32rem;
  font-weight: 400;
  color: #000000;
}
@media (min-width: 1000px) {
  #main__top .breadcrumbs {
    padding: 17px 0 0;
    font-size: 12px;
    line-height: 36px;
  }
}
#main__top .breadcrumbs a {
  font-size: 0.1923076923rem;
  line-height: 0.32rem;
  font-weight: 400;
  color: #000000;
}
@media (min-width: 1000px) {
  #main__top .breadcrumbs a {
    font-size: 12px;
    line-height: 36px;
  }
}
#main__top .breadcrumbs a:hover {
  color: #0088D0;
}
#main__top .breadcrumbs .aioseo-breadcrumb-separator {
  padding: 0 10px;
}
#main__top .group__btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  justify-content: center;
}
@media screen and (min-width: 1000px) {
  #main__top .group__btns {
    flex-direction: row;
    gap: 40px;
  }
}
#main__top .group__btns .btn__type1 {
  font-size: 0.4rem;
  padding: 0.4rem 0.4rem 0.25rem;
  width: 93%;
  font-weight: 600;
  border-radius: 99px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.02rem;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 1000px) {
  #main__top .group__btns .btn__type1 {
    font-size: 20px;
    padding: 20px 32px 15px;
    width: 350px;
    letter-spacing: 2.5px;
  }
}
#main__top .group__btns .btn__type1.btn__primary {
  background-color: #ff0000;
  color: #ffff00;
}
#main__top .group__btns .btn__type1.btn__primary:hover {
  opacity: 0.8;
}
#main__top .group__btns .btn__type1.btn__primary span {
  border-color: #ff0000;
}
#main__top .group__btns .btn__type1.btn__secondary {
  background-color: #1ba7d1;
  color: #fff;
}
#main__top .group__btns .btn__type1.btn__secondary:hover {
  opacity: 0.8;
}
#main__top .group__btns .btn__type1.btn__secondary span {
  border-color: #009f6e;
}
#main__top .group__btns .btn__type1 span {
  font-size: 0.26rem;
  padding: 0.09rem 0.4rem;
  line-height: normal;
  top: -0.28rem;
  background-color: #fff;
  position: absolute;
  color: #3a2c2a;
  border-radius: 35px;
  border: 1px solid;
  left: 50%;
  transform: translateX(-50%);
  width: 76%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.01rem;
}
@media screen and (min-width: 1000px) {
  #main__top .group__btns .btn__type1 span {
    padding: 0 20px;
    font-size: 15px;
    top: -15px;
    line-height: 30px;
    letter-spacing: 1.73px;
    width: 65.15%;
  }
}
#main__top .wrapper__btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#main__top .wrapper__btns .quote__btn {
  position: relative;
  display: inline-block;
  margin-bottom: 0.55rem;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn {
    margin-bottom: 37px;
  }
}
#main__top .wrapper__btns .quote__btn h3 {
  font-size: 0.346rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn h3 {
    font-size: 25px;
    letter-spacing: 2.75px;
  }
}
#main__top .wrapper__btns .quote__btn span::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 57%;
  border-radius: 3px;
}
#main__top .wrapper__btns .quote__btn span::before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 57%;
  border-radius: 3px;
}
#main__top .wrapper__btns .quote__btn span.line__l::after, #main__top .wrapper__btns .quote__btn span.line__r::after {
  height: 0.8rem;
  width: 0.045rem;
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn span.line__l::after, #main__top .wrapper__btns .quote__btn span.line__r::after {
    height: 38px;
    width: 4px;
  }
}
#main__top .wrapper__btns .quote__btn span.line__l::before, #main__top .wrapper__btns .quote__btn span.line__r::before {
  height: 0.55rem;
  width: 0.045rem;
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn span.line__l::before, #main__top .wrapper__btns .quote__btn span.line__r::before {
    height: 28px;
    width: 4px;
  }
}
#main__top .wrapper__btns .quote__btn span.line__l::before {
  left: -0.675rem;
  transform: translateY(-30%) rotate(321deg);
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn span.line__l::before {
    left: -38px;
  }
}
#main__top .wrapper__btns .quote__btn span.line__r::before {
  right: -0.62rem;
  transform: translateY(-30%) rotate(39deg);
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn span.line__r::before {
    right: -35px;
  }
}
#main__top .wrapper__btns .quote__btn span.line__l::after {
  left: -0.4rem;
  transform: translateY(-50%) rotate(336deg);
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn span.line__l::after {
    left: -25px;
  }
}
#main__top .wrapper__btns .quote__btn span.line__r::after {
  right: -0.35rem;
  transform: translateY(-50%) rotate(24deg);
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .quote__btn span.line__r::after {
    right: -22px;
  }
}
#main__top .wrapper__btns .link__to__products {
  margin-top: 0.673rem;
  display: flex;
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .link__to__products {
    margin-top: 35px;
  }
}
#main__top .wrapper__btns .link__to__products a {
  font-size: 0.308rem;
  font-weight: 500;
  letter-spacing: 0.0296rem;
  text-decoration: underline;
  color: #0088d0;
}
@media screen and (min-width: 1000px) {
  #main__top .wrapper__btns .link__to__products a {
    font-size: 20px;
    letter-spacing: 2.5px;
  }
}
#main__top .title__sec {
  width: 100%;
  text-align: center;
}
#main__top .title__sec.type1 .inner__title:before {
  content: "";
  position: absolute;
  width: 4px;
  background-color: #000;
  height: 55px;
  right: -25px;
  top: 72%;
  transform: translateY(-50%) rotate(30deg);
  border-radius: 3px;
}
@media screen and (max-width: 1000px) {
  #main__top .title__sec.type1 .inner__title:before {
    width: 0.0384615385rem;
    height: 0.4615384615rem;
    right: -0.1923076923rem;
  }
}
#main__top .title__sec.type1 .inner__title:after {
  content: "";
  position: absolute;
  width: 4px;
  background-color: #000;
  height: 50px;
  left: -30px;
  top: 73%;
  transform: translateY(-50%) rotate(-32deg);
  border-radius: 3px;
}
@media screen and (max-width: 1000px) {
  #main__top .title__sec.type1 .inner__title:after {
    width: 0.0384615385rem;
    height: 0.4615384615rem;
    left: -0.1923076923rem;
  }
}
#main__top .title__sec .inner__title {
  display: inline-block;
  position: relative;
}
#main__top .title__sec .inner__title h2 {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 2.8px;
}
#main__top .title__sec .inner__title h2 b {
  font-size: 95px;
  color: #12bddd;
  font-family: "din-2014-narrow", sans-serif;
  display: inline-block;
  position: relative;
  top: 4px;
  line-height: 1;
  font-weight: 400;
}
#main__top .title__sec .inner__title h2 .txt__small {
  letter-spacing: 4.4px;
}
@media (min-width: 1000px) {
  #main__top .title__sec .inner__title h2 .br-dk {
    display: inline;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .title__sec {
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
}
#main__top .sec__top .container__fluid {
  margin: 0 auto;
  padding: 0 0.5rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top .container__fluid {
    max-width: 1670px;
    padding: 0 15px;
  }
}
#main__top .sec__top .row {
  display: flex;
}
#main__top .sec__top .row.al__center {
  align-items: center;
}
#main__top .sec__top__features .title__sec {
  margin-top: 0;
  margin-bottom: 0.6538461538rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .title__sec {
    margin-bottom: 50px;
    margin-top: 0;
  }
}
#main__top .sec__top__features .row_step {
  justify-content: space-between;
  position: relative;
}
#main__top .sec__top__features .wrapper__btns {
  margin-top: 36px;
  margin-bottom: 131px;
}
#main__top .sec__top__features .col__feature.col__4 {
  max-width: 100%;
  position: relative;
}
#main__top .sec__top__features .col__feature.col__4.col__feature__1 {
  width: 30.5%;
  padding-right: 27.9px;
}
#main__top .sec__top__features .col__feature.col__4.col__feature__1::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background-image: url("/wp-content/themes/renewal/assets/images/groupware_v3/line-dots.png");
  background-size: cover;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
#main__top .sec__top__features .col__feature.col__4.col__feature__1 .box__image {
  padding-top: 60px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4.col__feature__1 .box__image {
    padding-top: 0;
  }
}
#main__top .sec__top__features .col__feature.col__4.col__feature__2 {
  width: 32%;
  padding-right: 59.2px;
}
#main__top .sec__top__features .col__feature.col__4.col__feature__2::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background-image: url("/wp-content/themes/renewal/assets/images/groupware_v3/line-dots.png");
  background-size: cover;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4.col__feature__2 {
    padding-top: 0;
  }
  #main__top .sec__top__features .col__feature.col__4.col__feature__2 img {
    width: 4.1538461538rem !important;
    margin: 0 auto 0 !important;
  }
}
#main__top .sec__top__features .col__feature.col__4.col__feature__3 {
  width: 26.7%;
}
#main__top .sec__top__features .col__feature.col__4.col__feature__3 .box__image {
  margin-left: -50px;
  margin-right: -20px;
}
@media screen and (min-width: 1150px) {
  #main__top .sec__top__features .col__feature.col__4.col__feature__3 .box__image {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4.col__feature__3 .box__image {
    margin-left: 0px;
    margin-right: 0px;
  }
}
#main__top .sec__top__features .col__feature.col__4 .box__image {
  height: 243px;
  display: flex;
  align-items: end;
  margin-bottom: 27px;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4 .box__image {
    height: 282px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4 .box__image {
    height: auto;
    margin-bottom: 0.3653846154rem;
  }
}
#main__top .sec__top__features .col__feature.col__4 .box__image img {
  margin: auto;
  display: flex;
  margin-bottom: 39px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4 .box__image img {
    max-height: inherit;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
#main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st {
  position: relative;
  margin-bottom: 0.25rem;
  padding-left: 0.15rem;
}
#main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 93%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #09cee6;
  border-radius: 3px;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st {
    padding-left: 11px;
    margin-bottom: 15px;
  }
}
#main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st span.feature__step {
  font-size: 0.24rem;
  color: #12bddd;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 400;
  margin-bottom: 0.1rem;
  display: inline-block;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st span.feature__step {
    font-size: 20px;
    letter-spacing: 1.6px;
    margin-bottom: 10px;
  }
}
#main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st h3.feature__title {
  font-size: 0.32rem;
  line-height: 1.4;
  letter-spacing: 0.02rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st h3.feature__title {
    font-size: 25px;
    letter-spacing: 2.7px;
    line-height: 1.55;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1115px) {
  #main__top .sec__top__features .col__feature.col__4 .feature__content .feature__box__st h3.feature__title {
    font-size: 22px;
  }
}
#main__top .sec__top__features .col__feature .feature__desc {
  margin-bottom: 0;
}
#main__top .sec__top__features .col__feature .feature__desc p {
  font-size: 0.24rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .col__feature .feature__desc p {
    font-size: 15px;
    letter-spacing: 1.05px;
    line-height: 2;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1115px) {
  #main__top .sec__top__features .col__feature .feature__desc p {
    font-size: 13px;
  }
}
#main__top .sec__top__features .col__feature .feature__desc p:not(:last-child) {
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__features .col__feature .feature__desc p:not(:last-child) {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .sec__top__features .inner__title h2 {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0242307692rem;
  }
  #main__top .sec__top__features .inner__title h2 .txt__small {
    font-size: 0.3269230769rem;
  }
  #main__top .sec__top__features .inner__title h2 b {
    font-size: 0.6730769231rem;
  }
  #main__top .sec__top__features .row_step {
    flex-wrap: wrap;
    gap: 0;
  }
  #main__top .sec__top__features .row_step::before, #main__top .sec__top__features .row_step::after {
    display: none;
  }
  #main__top .sec__top__features .row_step .col__feature {
    width: 100% !important;
    margin-bottom: 1.0769230769rem;
    position: relative;
    padding-right: 0 !important;
  }
  #main__top .sec__top__features .row_step .col__feature::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: -0.5384615385rem;
    transform: translateX(-50%);
    background-image: radial-gradient(circle, #707070 0.0384615385rem, transparent 0.0423076923rem);
    height: 0.1153846154rem;
    background-size: 0.2692307692rem 0.1153846154rem;
  }
  #main__top .sec__top__features .row_step .col__feature::after {
    display: none;
  }
  #main__top .sec__top__features .row_step .col__feature:last-child {
    margin-bottom: 0;
  }
  #main__top .sec__top__features .row_step .col__feature:last-child::before {
    display: none;
  }
  #main__top .sec__top__features .row_step .col__feature .feature__box__st {
    display: flex;
    flex-direction: column;
  }
  #main__top .sec__top__features .row_step .col__feature .feature__box__st .feature__step {
    font-size: 0.2692307692rem !important;
    letter-spacing: 0.0215384615rem !important;
    margin-bottom: 0.0576923077rem !important;
    font-weight: normal !important;
  }
  #main__top .sec__top__features .row_step .col__feature .feature__box__st .feature__title {
    font-size: 0.3076923077rem !important;
    letter-spacing: 0.0338461538rem !important;
  }
  #main__top .sec__top__features .row_step .col__feature .feature__desc p {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0296153846rem;
    font-weight: 500;
    line-height: 1.6;
  }
  #main__top .sec__top__features .row_step .col__feature .feature__desc p br {
    display: none;
  }
  #main__top .sec__top__features .wrapper__btns {
    margin-top: 28px;
    margin-bottom: 51px;
  }
  #main__top .sec__top__features .wrapper__btns .quote__btn h3 {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0380769231rem;
  }
  #main__top .sec__top__features .wrapper__btns .group__btns {
    width: 100%;
  }
  #main__top .sec__top__features .wrapper__btns .group__btns .btn__type1 {
    letter-spacing: 0.0653846154rem;
    font-size: 0.3461538462rem;
  }
  #main__top .sec__top__features .wrapper__btns .group__btns .btn__type1 span {
    letter-spacing: 0.0288461538rem;
    font-size: 0.25rem;
  }
}
#main__top .sec__top .note {
  font-size: 0.2307692308rem;
  line-height: 0.3846153846rem;
  font-weight: 500;
  text-align: left;
  margin-top: 0.3076923077rem;
  letter-spacing: 0.0346153846rem;
}
@media (min-width: 1000px) {
  #main__top .sec__top .note {
    font-size: 12px;
    line-height: 20px;
    margin-top: 23px;
    text-align: center;
  }
}
#main__top .sec__top .section__button {
  margin-top: 0.5384615385rem;
}
@media (min-width: 1000px) {
  #main__top .sec__top .section__button {
    margin-top: 36px;
  }
}
#main__top .features {
  padding-top: 1.1538461538rem;
  padding-bottom: 0.7692307692rem;
}
@media (min-width: 1000px) {
  #main__top .features {
    padding-top: 106px;
    padding-bottom: 126px;
  }
}
#main__top .features__top {
  text-align: center;
}
#main__top .features__top--subtitle {
  font-size: 0.3076923077rem;
  line-height: 0.4423076923rem;
  font-weight: 500;
  color: #000;
  margin: 0 auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.0215384615rem;
}
@media (min-width: 1000px) {
  #main__top .features__top--subtitle {
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 1.26px;
  }
}
#main__top .features__top--subtitle::before {
  content: "";
  width: 0.4807692308rem;
  height: 0.6923076923rem;
  background: url(/wp-content/themes/renewal/assets/images/groupware_v3/line-before-black-sp.svg);
  position: absolute;
  left: -0.4807692308rem;
  top: 60%;
  transform: translateY(-50%);
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
@media (min-width: 1000px) {
  #main__top .features__top--subtitle::before {
    top: 50%;
    width: 17px;
    height: 23px;
    left: -20px;
    background: url(/wp-content/themes/renewal/assets/images/groupware_v3/line-before-black.svg);
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
}
#main__top .features__top--subtitle:after {
  content: "";
  width: 0.4807692308rem;
  height: 0.6923076923rem;
  background: url(/wp-content/themes/renewal/assets/images/groupware_v3/line-after-black-sp.svg);
  position: absolute;
  right: -0.4807692308rem;
  top: 60%;
  transform: translateY(-50%);
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
@media (min-width: 1000px) {
  #main__top .features__top--subtitle:after {
    top: 50%;
    width: 17px;
    height: 23px;
    right: -20px;
    background: url(/wp-content/themes/renewal/assets/images/groupware_v3/line-after-black.svg);
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
}
#main__top .features__top--title {
  font-size: 0.3846153846rem;
  line-height: 0.5576923077rem;
  font-weight: bold;
  letter-spacing: 2.1px;
  color: #000;
}
@media (min-width: 1000px) {
  #main__top .features__top--title {
    font-size: 30px;
    line-height: 44px;
    margin-top: 10px;
    letter-spacing: 2.1px;
  }
}
@media (max-width: 1000px) {
  #main__top .features__top--title {
    margin-top: 0.1923076923rem;
    letter-spacing: 0.0153846154rem;
    margin-left: -0.1923076923rem;
    margin-right: -0.1923076923rem;
  }
}
#main__top .features__main {
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: 27px;
}
@media screen and (max-width: 1000px) {
  #main__top .features__main {
    display: block;
    text-align: left;
    margin-top: 0.1538461538rem;
  }
  #main__top .features__main .text__yl {
    font-weight: bold;
    font-size: 0.3461538462rem;
    letter-spacing: 0px;
    color: #FFFF00;
  }
  #main__top .features__main .box__blue {
    padding: 0.1538461538rem 0.2307692308rem 0.2884615385rem;
    background: #0088D0 0% 0% no-repeat padding-box;
    border-radius: 3px;
    margin-top: 0.1923076923rem;
  }
  #main__top .features__main .box__blue .price {
    color: white;
  }
}
#main__top .features__main .text__bg__arrow {
  padding: 5px 5px 5px 20px;
  background-color: #0088D0;
  letter-spacing: 0px;
  color: #FFFF00;
  font-size: 25px;
  position: relative;
  margin-right: 48px;
  margin-left: 14px;
  font-weight: 500;
}
#main__top .features__main .text__bg__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  transform: translateY(-50%);
  width: 32px;
  height: 62px;
  clip-path: polygon(0px 0px, 0% 100%, 100% 50%);
  background-color: #0088D0;
}
#main__top .features__main .price {
  letter-spacing: 1px;
  font-size: 25px;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 0;
  color: #0088D0;
}
@media only screen and (max-width: 1000px) {
  #main__top .features__main .price {
    width: 100%;
    font-size: 0.4807692308rem;
    letter-spacing: 0.0192307692rem;
  }
}
#main__top .features__main .price .quantity {
  letter-spacing: 0px;
  margin-right: 2px;
}
@media only screen and (max-width: 1000px) {
  #main__top .features__main .price .quantity {
    font-size: 0.3846153846rem;
    margin-right: 0;
  }
}
#main__top .features__main .price .number {
  letter-spacing: 0px;
  font-family: "din-2014-narrow", sans-serif;
  font-size: 50px;
  font-weight: 400;
}
@media only screen and (max-width: 1000px) {
  #main__top .features__main .price .number {
    font-size: 0.9615384615rem;
    margin-left: 0.0384615385rem;
    margin-right: 0.0192307692rem;
    line-height: 1;
  }
}
#main__top .features__main .price .tax {
  letter-spacing: 0.9px;
  font-size: 18px;
  font-weight: 500;
  margin-left: 3px;
}
@media only screen and (max-width: 1000px) {
  #main__top .features__main .price .tax {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0173076923rem;
    margin-left: 0.0576923077rem;
  }
}
#main__top .features__main .price .has__note {
  position: relative;
}
@media only screen and (max-width: 1000px) {
  #main__top .features__main .price .has__note {
    margin-right: -0.1923076923rem;
  }
}
#main__top .features__main .price .has__note .note {
  color: #FFFF00;
  font-size: 20px;
  letter-spacing: 1.6px;
  font-weight: 500;
  position: absolute;
  display: flex;
  min-height: 35px;
  padding: 2px 6px 20px 15px;
  align-items: center;
  justify-content: center;
  background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/message.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: -moz-max-content;
  width: max-content;
  bottom: 80%;
  left: 20%;
}
@media only screen and (max-width: 1000px) {
  #main__top .features__main .price .has__note .note {
    background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/message_sp.svg);
    font-size: 0.3076923077rem;
    padding: 0.1346153846rem 0.0961538462rem 0.3846153846rem 0.1923076923rem;
    letter-spacing: 0.0246153846rem;
    color: #0088D0;
    bottom: 65%;
    left: 80%;
  }
}
#main__top .features__standard table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.7692307692rem;
}
@media (min-width: 1000px) {
  #main__top .features__standard table {
    margin-top: 39px;
  }
}
#main__top .features__standard table thead {
  background-color: #5CB8E8;
  color: white;
  font-size: 0.3076923077rem;
  font-weight: 500;
  letter-spacing: 2.36px;
}
@media (min-width: 1000px) {
  #main__top .features__standard table thead {
    font-size: 20px;
    letter-spacing: 2.36px;
  }
}
#main__top .features__standard table thead th {
  padding: 0.0769230769rem 0.3076923077rem;
  border: 0;
  border-collapse: collapse;
  font-size: 0.3076923077rem;
  font-weight: 500;
}
@media (min-width: 1000px) {
  #main__top .features__standard table thead th {
    font-size: 20px;
    padding: 12px 20px;
  }
}
#main__top .features__standard table thead tr {
  background-color: #5CB8E8 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#main__top .features__standard table td {
  padding: 0.1346153846rem 0.3076923077rem;
  border: 0;
  border-collapse: collapse;
  font-size: 0.2692307692rem;
  line-height: 0.4230769231rem;
  font-weight: 400;
}
@media (min-width: 1000px) {
  #main__top .features__standard table td {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1.35px;
  }
}
#main__top .features__standard table tr {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1000px) {
  #main__top .features__standard table tr:nth-child(even) {
    background-color: #D8FBFF;
  }
}
@media (min-width: 1000px) {
  #main__top .features__standard table tr {
    flex-direction: row;
    background-color: #7BF1FF;
  }
}
#main__top .features__standard table td {
  text-align: center;
}
@media (min-width: 1000px) {
  #main__top .features__standard table td {
    text-align: left;
  }
}
#main__top .features__standard table td.col1 {
  letter-spacing: 2.12px;
  background-color: #7BF1FF;
}
#main__top .features__standard table td.col1 a {
  color: #002B6A;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  #main__top .features__standard table td.col1 {
    background-color: inherit;
  }
}
#main__top .features__standard table td.col2 {
  letter-spacing: 1.1px;
  background-color: #D8FBFF;
}
@media (min-width: 1000px) {
  #main__top .features__standard table td.col2 {
    background-color: inherit;
  }
}
#main__top .features__standard table .col1 {
  width: 100%;
}
@media (min-width: 1000px) {
  #main__top .features__standard table .col1 {
    width: 15%;
    border-right: 3px solid white;
  }
}
#main__top .features__standard table .col2 {
  width: 100%;
}
@media (min-width: 1000px) {
  #main__top .features__standard table .col2 {
    width: 85%;
  }
}
#main__top .features__standard .note {
  font-size: 0.3076923077rem;
  line-height: 0.5192307692rem;
  color: #000;
  margin-top: 0.4230769231rem;
  letter-spacing: 0.0215384615rem;
}
@media (min-width: 1000px) {
  #main__top .features__standard .note {
    font-size: 18px;
    margin-top: 27px;
    letter-spacing: 1.26px;
  }
}
#main__top .features__standard .note .txt__blue {
  color: #0088D0;
  font-weight: 500;
}
#main__top .features__standard .note .hightline {
  display: inline-block;
  background: #0087CE 0% 0% no-repeat padding-box;
  border-radius: 5px;
  padding: 3px 15px;
  line-height: 1.4;
  color: white;
  margin-right: 12px;
}
@media (max-width: 1000px) {
  #main__top .features__standard .note .hightline {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.0961538462rem;
    font-size: 0.3461538462rem;
    letter-spacing: 0.0407692308rem;
    border-radius: 0.0576923077rem;
    margin-bottom: 0.1923076923rem;
    margin-right: 0;
  }
}
#main__top .features .section__button {
  margin-top: 0.5192307692rem;
}
@media (min-width: 1000px) {
  #main__top .features .section__button {
    margin-top: 36px;
  }
}
@media (min-width: 1000px) {
  #main__top .section__button.show-sp {
    display: none;
  }
}
#main__top .section__button--desc {
  position: relative;
  font-size: 0.3461538462rem;
  line-height: 0.4807692308rem;
  font-weight: bold;
  color: #000000;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.0215384615rem;
}
@media (min-width: 1000px) {
  #main__top .section__button--desc {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 25px;
    line-height: 48px;
    letter-spacing: 2.75px;
  }
}
#main__top .section__button--desc::before {
  width: 0.6153846154rem;
  height: 0.7115384615rem;
  content: "";
  background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/double-line-before-sp.svg);
  background-size: cover;
  left: -0.8461538462rem;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 1000px) {
  #main__top .section__button--desc::before {
    width: 30px;
    height: 30px;
    left: -40px;
    background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/double-line-before.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
#main__top .section__button--desc:after {
  width: 0.6153846154rem;
  height: 0.7115384615rem;
  content: "";
  background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/double-line-after-sp.svg);
  background-size: cover;
  right: -0.8461538462rem;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 1000px) {
  #main__top .section__button--desc:after {
    width: 30px;
    height: 30px;
    right: -40px;
    background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/double-line-after.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
#main__top .section__button--wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.7692307692rem;
  margin-top: 0.5769230769rem;
}
@media (min-width: 1000px) {
  #main__top .section__button--wrap {
    gap: 40px;
    margin-top: 43px;
  }
}
#main__top .section__button--item {
  border-radius: 0.8rem;
  position: relative;
  min-width: 100%;
}
@media (min-width: 1000px) {
  #main__top .section__button--item {
    min-width: 350px;
    border-radius: 35px;
  }
}
#main__top .section__button--item.type-1 span {
  border-color: #FF0000;
}
#main__top .section__button--item.type-2 span {
  border-color: #009F6E;
}
#main__top .section__button--item a {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.0769230769rem;
  padding: 0 0.3076923077rem;
  font-size: 0.3461538462rem;
  line-height: 0.5384615385rem;
  border-radius: 0.8rem;
  font-weight: bold;
  position: relative;
  transition: 0.5s;
  letter-spacing: 0.0432692308rem;
}
@media (min-width: 1000px) {
  #main__top .section__button--item a {
    min-width: 350px;
    height: 62px;
    padding: 0 14px;
    font-size: 20px;
    line-height: 29px;
    border-radius: 35px;
    letter-spacing: 3.78px;
  }
}
#main__top .section__button--item a.layout-1 {
  background: #FF0000;
  border: 2px solid #FF0000;
  color: #FFFF00;
}
@media (min-width: 1000px) {
  #main__top .section__button--item a.layout-1:hover {
    background: #fff;
    color: #FF0000;
  }
}
#main__top .section__button--item a.layout-2 {
  background: #1DA6D1;
  border: 2px solid #1DA6D1;
  color: #fff;
}
@media (min-width: 1000px) {
  #main__top .section__button--item a.layout-2:hover {
    background: #fff;
    color: #1DA6D1;
  }
}
#main__top .section__button--item span {
  font-size: 0.25rem;
  line-height: 0.3653846154rem;
  font-weight: bold;
  position: absolute;
  top: -0.32rem;
  min-width: 228px;
  height: 0.5769230769rem;
  padding: 0 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 0.8rem;
  background: #fff;
  overflow: hidden;
  color: #000000;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  letter-spacing: 0.0288461538rem;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 1000px) {
  #main__top .section__button--item span {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 1.725px;
    top: -16px;
    min-width: 228px;
    height: 32px;
    border-radius: 35px;
    padding: 0;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .section__button--item span {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0221153846rem;
  }
  #main__top .section__caculator .section__button--item a {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0509615385rem;
  }
  #main__top .section__caculator .section__button--item span {
    min-width: 3rem;
    padding: 0 0.1153846154rem;
  }
}
#main__top .section__caculator .box__title_section {
  padding: 0 0 40px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .box__title_section {
    padding: 0rem 0rem 0.2692307692rem;
  }
}
#main__top .section__caculator .box__title_section .features__top--des {
  font-size: 18px;
  letter-spacing: 1.26px;
  font-weight: 500;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .box__title_section .features__top--des {
    letter-spacing: 0.0269230769rem;
    font-size: 0.2692307692rem;
    margin-top: 0.0961538462rem;
  }
}
#main__top .section__caculator .row_caculator {
  padding: 44px 94px 72px;
  background: #F5F5F5 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator {
    padding: 0.5384615385rem 0.3653846154rem 0.3846153846rem;
  }
}
#main__top .section__caculator .row_caculator .box_caculator {
  padding: 53px 57px 75px;
  background-color: white;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .box_caculator {
    padding: 0;
    background-color: transparent;
  }
  #main__top .section__caculator .row_caculator .box_caculator .simu__wrap__bg__mb {
    padding: 0.3076923077rem 0.3076923077rem 0.9807692308rem;
    background-color: white;
  }
  #main__top .section__caculator .row_caculator .box_caculator .simu__optRow_lv2 .simu__check:last-child {
    margin-bottom: 0 !important;
  }
  #main__top .section__caculator .row_caculator .box_caculator.bg__white {
    background-color: white;
  }
  #main__top .section__caculator .row_caculator .box_caculator.bg__white .simu__wrap__bg__mb {
    padding-bottom: 0;
  }
  #main__top .section__caculator .row_caculator .box_caculator.bg__white #simu_result {
    padding-left: 0.3076923077rem;
    padding-right: 0.3076923077rem;
    padding-bottom: 0.5384615385rem;
  }
  #main__top .section__caculator .row_caculator .box_caculator.bg__white #simu_result hr {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5576923077rem;
    margin-bottom: 0.4038461538rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row {
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row {
    padding-left: 0;
    display: block;
    text-align: center;
  }
  #main__top .section__caculator .row_caculator .simu__row.simu__row__optionals .simu__field {
    margin-top: 0.2884615385rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__label {
  width: 21.4%;
  font-weight: bold;
  color: #717171;
  font-size: 20px;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__label {
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.0246153846rem;
    font-size: 0.3076923077rem;
    margin-bottom: 0.1923076923rem;
    letter-spacing: 0.0246153846rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__label .req {
  letter-spacing: 0.75px;
  color: #F90A0A;
  font-weight: 500;
  font-size: 15px;
  display: block;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__label .req {
    font-size: 0.2307692308rem;
    letter-spacing: 0.0115384615rem;
    display: inline-block;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__label small {
  letter-spacing: 0.65px;
  color: #717171;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__label small {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0096153846rem;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row.simu__row_chose_quantity .simu__field {
    display: flex;
    flex-direction: column;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__field {
  width: 78%;
  display: flex;
  gap: 5px 13px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__field {
    display: block;
    width: 100%;
    text-align: center;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__field .simu__note {
  letter-spacing: 0.75px;
  color: #717171;
  font-size: 15px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__field .simu__note {
    display: block;
    margin-top: 0.1346153846rem;
    font-size: 0.1923076923rem;
    letter-spacing: 0.0096153846rem;
    order: 3;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__field .simu__note b {
  font-weight: 500;
  margin-top: 4px;
  display: block;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__field .simu__note b {
    font-size: 0.2307692308rem;
    letter-spacing: 0.0115384615rem;
    margin-top: 0.0961538462rem;
    margin-left: -0.0961538462rem;
    margin-right: -0.0961538462rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row .simu__field .error__mess {
  width: 100%;
  color: red;
  font-size: 16px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .simu__field .error__mess {
    font-size: 0.1923076923rem;
    display: flex;
    justify-content: center;
    order: 2;
  }
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity {
  display: flex;
  width: 172px;
  height: 49px;
  border: 1px solid #707070;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .box__chose_quantity {
    width: 3.3076923077rem;
    height: 1.1538461538rem;
    margin: auto;
    order: 1;
  }
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity .box__icon__btn div {
  width: 40px;
  height: 50%;
  border: 1px solid #707070;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .box__chose_quantity .box__icon__btn div {
    width: 0.7692307692rem;
  }
  #main__top .section__caculator .row_caculator .simu__row .box__chose_quantity .box__icon__btn div img {
    width: 0.25rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity .box__icon__btn div:hover {
  background-color: #D8FBFF;
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity .box__icon__btn .btn__up {
  border-top: 0;
  border-right: 0;
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity .box__icon__btn .btn__down {
  border-bottom: 0;
  border-right: 0;
  border-top: 0;
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity #simu_users {
  border: 0;
  box-shadow: none;
  text-align: right;
  padding-right: 13px;
  width: calc(100% - 40px);
  letter-spacing: 1.4px;
  color: #717171;
  font-weight: 500;
  font-size: 28px;
  outline: none;
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity #simu_users::-moz-placeholder {
  color: #C1C1C1;
}
#main__top .section__caculator .row_caculator .simu__row .box__chose_quantity #simu_users::placeholder {
  color: #C1C1C1;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row .box__chose_quantity #simu_users {
    padding-right: 0.25rem;
    font-size: 0.5384615385rem;
    letter-spacing: 0.0269230769rem;
    width: calc(100% - 0.7692307692rem);
  }
}
#main__top .section__caculator .row_caculator .simu__hr {
  margin: 38px 0;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__hr {
    margin: 0.3461538462rem 0;
  }
}
#main__top .section__caculator .row_caculator .pr__name {
  font-weight: 500;
  letter-spacing: 1px;
  color: #717171;
  font-size: 20px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .pr__name {
    font-size: 0.2307692308rem;
    letter-spacing: 0.0115384615rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row__usage_plan {
  margin-bottom: 70px;
  align-items: end;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__row__usage_plan {
    margin-bottom: 0.4807692308rem;
  }
}
#main__top .section__caculator .row_caculator .simu__row__usage_plan .simu__field {
  gap: 30px 58px;
}
#main__top .section__caculator .row_caculator .simu__row__usage_plan .simu__radio {
  display: flex;
  gap: 6px;
  align-items: center;
}
#main__top .section__caculator .row_caculator .simu__row__usage_plan input {
  border: 2px solid #299FDD;
  position: relative;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  display: inline-block;
  cursor: pointer;
  top: 1px;
}
#main__top .section__caculator .row_caculator .simu__row__usage_plan input:checked:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #299FDD;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main__top .section__caculator .row_caculator .simu__optRow {
  display: flex;
  gap: 30px 50px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__optRow {
    display: block;
  }
}
#main__top .section__caculator .row_caculator .simu__optRow .simu__check {
  display: flex;
  gap: 6px;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__optRow .simu__check {
    gap: 0.1538461538rem;
    margin-bottom: 0.3846153846rem;
  }
}
#main__top .section__caculator .row_caculator .simu__optRow .simu__check input {
  border: 2px solid #299FDD;
  position: relative;
  width: 18px;
  height: 18px;
  background: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  display: inline-block;
  cursor: pointer;
  top: 1px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__optRow .simu__check input {
    border-width: 0.0384615385rem;
    width: 0.3461538462rem;
    height: 0.3461538462rem;
    top: -0.0192307692rem;
  }
}
#main__top .section__caculator .row_caculator .simu__optRow .simu__check input:checked:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #299FDD;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__optRow .simu__check input:checked:after {
    width: 0.1923076923rem;
    height: 0.1923076923rem;
  }
}
#main__top .section__caculator .row_caculator .simu__optRow_lv1 {
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator .simu__optRow_lv1 {
    margin-bottom: 0;
  }
}
#main__top .section__caculator .row_caculator #simu_btn {
  display: block;
  width: -moz-max-content;
  width: max-content;
  padding: 14px 103px;
  background: #FF0000 0% 0% no-repeat padding-box;
  border-radius: 5px;
  letter-spacing: 1.44px;
  color: #FFFF00;
  font-size: 18px;
  border: 2px solid #FF0000;
  transition: 0.3s;
  margin: 56px auto 0;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .row_caculator #simu_btn {
    padding: 0.2692307692rem 0.4423076923rem;
    margin-top: 0.4807692308rem;
    font-size: 0.3461538462rem;
    letter-spacing: 0.0219230769rem;
    width: calc(100% - 0.6153846154rem);
    border-width: 0.0384615385rem;
    border-radius: 0.0961538462rem;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__caculator .row_caculator #simu_btn:hover {
    background-color: white;
    color: #FF0000;
  }
}
#main__top .section__caculator #simu_result {
  display: none;
}
#main__top .section__caculator #simu_result .title__result {
  text-align: center;
  font-size: 30px;
  letter-spacing: 2.1px;
  color: #0088D0;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .title__result {
    font-size: 0.3846153846rem;
    letter-spacing: 0.0346153846rem;
  }
}
#main__top .section__caculator #simu_result .box__line {
  margin: 45px 0 56px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__line {
    margin: 0.5769230769rem 0;
  }
}
#main__top .section__caculator #simu_result .box__line img {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__line img {
    height: 0.0769230769rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .title_box {
  text-align: center;
  letter-spacing: 1.25px;
  color: #202F55;
  font-size: 25px;
  font-weight: bold;
  margin: 43px 0 57px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .title_box {
    letter-spacing: 0.0173076923rem;
    color: #202F55;
    font-size: 0.3461538462rem;
    font-weight: bold;
    margin: 0.3461538462rem 0 0.3846153846rem;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy {
    display: block;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__left {
  width: 43.5%;
  padding-left: 60px;
  letter-spacing: 1px;
  color: #202F55;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__left {
    width: 100%;
    font-size: 0.2884615385rem;
    letter-spacing: 0.0144230769rem;
    padding-left: 0;
    margin-bottom: 0.1923076923rem;
    justify-content: center;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__left .step {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #202F55 0% 0% no-repeat padding-box;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  letter-spacing: 0.75px;
  line-height: 1.5;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__left .step {
    width: 0.4615384615rem;
    height: 0.4615384615rem;
    font-size: 0.2307692308rem;
    letter-spacing: 0.0115384615rem;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right {
  width: 56%;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right {
    width: 100%;
    padding-left: 0rem;
    text-align: center;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right .product_buy_item {
  font-weight: bold;
  letter-spacing: 1.25px;
  color: #0088D0;
  font-size: 25px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right .product_buy_item {
    font-size: 0.3076923077rem;
    letter-spacing: 0.0153846154rem;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right .product_buy_item span {
  font-size: 0.3846153846rem;
  letter-spacing: 0.0192307692rem;
  display: inline-block;
  margin-right: 0.1923076923rem;
}
@media screen and (min-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right .product_buy_item span {
    font-size: 27px;
    letter-spacing: 1.35px;
    margin-right: 24px;
  }
}
#main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right .product_buy_item:not(:last-child) {
  margin-bottom: 17px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__product__buy .box__list__product__buy .col__right .product_buy_item:not(:last-child) {
    margin-bottom: 0.1923076923rem;
  }
}
#main__top .section__caculator #simu_result .box__table_detail {
  margin-top: 114px;
  padding: 0 60px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail {
    margin-top: 0.6538461538rem;
    padding: 0;
  }
}
#main__top .section__caculator #simu_result .box__table_detail .table__title {
  text-align: center;
  letter-spacing: 1.75px;
  color: #0088D0;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 44px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail .table__title {
    font-size: 0.3846153846rem;
    margin-bottom: 0.3076923077rem;
    letter-spacing: 0.0269230769rem;
  }
}
#main__top .section__caculator #simu_result .box__table_detail table,
#main__top .section__caculator #simu_result .box__table_detail th,
#main__top .section__caculator #simu_result .box__table_detail td {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-collapse: collapse;
}
#main__top .section__caculator #simu_result .box__table_detail table {
  width: 100%;
}
#main__top .section__caculator #simu_result .box__table_detail th {
  letter-spacing: 0.75px;
  color: #202F55;
  font-weight: 500;
  background: #D7EAFF 0% 0% no-repeat padding-box;
  text-align: center;
  padding: 7px 0;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail th {
    font-size: 0.2884615385rem;
    padding: 0.1346153846rem 0;
  }
}
#main__top .section__caculator #simu_result .box__table_detail th:nth-child(1) {
  width: 33%;
}
@media screen and (min-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail th:nth-child(1) {
    width: 40%;
    text-align: left;
    padding-left: 95px;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail th:nth-child(2) {
    width: 20%;
  }
}
#main__top .section__caculator #simu_result .box__table_detail th:nth-child(3) {
  width: 22%;
}
@media screen and (min-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail th:nth-child(3) {
    width: 40%;
    text-align: right;
    padding-right: 55px;
  }
}
#main__top .section__caculator #simu_result .box__table_detail td {
  letter-spacing: 0.16px;
  color: #202F55;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  padding: 13px 20px;
}
#main__top .section__caculator #simu_result .box__table_detail td:first-child {
  text-align: left;
}
#main__top .section__caculator #simu_result .box__table_detail td:last-child {
  text-align: right;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail td {
    font-size: 0.2884615385rem;
    padding: 0.1538461538rem 0.1923076923rem;
  }
  #main__top .section__caculator #simu_result .box__table_detail td:last-child {
    padding-left: 0;
  }
}
#main__top .section__caculator #simu_result .box__table_detail td .total_product {
  font-size: 23px;
  letter-spacing: 0.23px;
  font-weight: 500;
  margin-right: 5px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail td .total_product {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0019230769rem;
    margin-right: 0rem;
  }
}
#main__top .section__caculator #simu_result .box__table_detail td .tax {
  letter-spacing: 0.14px;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail td .tax {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0019230769rem;
  }
}
#main__top .section__caculator #simu_result .box__table_detail td .tax b {
  font-weight: 500;
  letter-spacing: 0.12px;
  font-size: 12px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__table_detail td .tax b {
    font-size: 0.1730769231rem;
    letter-spacing: 0.0019230769rem;
  }
}
#main__top .section__caculator #simu_result .box__total_all {
  width: calc(100% - 120px);
  margin: 64px auto 0;
  padding: 0 10px 13px 20px;
  border-bottom: 1px solid #AAAAAA;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__total_all {
    width: 100%;
    margin: 0.5769230769rem auto 0;
    padding: 0 0 0.25rem;
    display: block;
  }
}
#main__top .section__caculator #simu_result .box__total_all .col__left {
  font-weight: 900;
  letter-spacing: 3.5px;
  color: #0088D0;
  font-size: 25px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__total_all .col__left {
    font-size: 0.3846153846rem;
    letter-spacing: 0.0384615385rem;
  }
}
#main__top .section__caculator #simu_result .box__total_all .price__box {
  letter-spacing: 3px;
  color: #0088D0;
  font-weight: 900;
  font-size: 30px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__total_all .price__box {
    font-size: 0.3076923077rem;
    letter-spacing: 0.0384615385rem;
  }
}
#main__top .section__caculator #simu_result .box__total_all .price__box .total_price {
  letter-spacing: 0px;
  color: #0088D0;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 400;
  margin-left: 13px;
  font-size: 50px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__total_all .price__box .total_price {
    font-size: 0.4807692308rem;
    margin-left: 0.0961538462rem;
  }
}
#main__top .section__caculator #simu_result .box__total_all .price__box .tax {
  letter-spacing: 1.5px;
  color: #0088D0;
  font-size: 15px;
  font-weight: 900;
  margin-left: 13px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__total_all .price__box .tax {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0192307692rem;
    margin-left: 0.0961538462rem;
  }
}
#main__top .section__caculator #simu_result .box__total_all .price__box .tax b {
  font-weight: bold;
  letter-spacing: 0px;
  color: #0088D0;
  font-size: 25px;
  font-family: "din-2014-narrow", sans-serif, sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__total_all .price__box .tax b {
    font-size: 0.2884615385rem;
  }
}
#main__top .section__caculator #simu_result .box__more {
  width: calc(100% - 120px);
  margin: 35px auto 0;
  padding: 0 10px 13px 20px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__more {
    width: 100%;
    padding: 0 0 0.25rem;
    margin-top: 0.4807692308rem;
  }
}
#main__top .section__caculator #simu_result .box__more .note__more {
  margin-bottom: 85px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__more .note__more {
    margin-bottom: 0.7692307692rem;
  }
}
#main__top .section__caculator #simu_result .box__more .note__more p {
  letter-spacing: 0.75px;
  color: #717171;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 14px;
  line-height: 1.85;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator #simu_result .box__more .note__more p {
    font-size: 0.2307692308rem;
    margin-bottom: 0.2884615385rem;
    letter-spacing: 0.0115384615rem;
  }
  #main__top .section__caculator #simu_result .box__more .note__more p:first-child {
    margin-right: -0.1923076923rem;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .simu__field_select {
    position: relative;
  }
  #main__top .section__caculator .simu__field_select::before {
    content: "";
    position: absolute;
    background-color: white;
    width: 0.3461538462rem;
    height: 0.1538461538rem;
    background-image: url(/wp-content/themes/renewal/assets/images/set_wf/PC/arrow_down_20252710.svg);
    top: 50%;
    right: 0.0961538462rem;
    z-index: 1;
    transform: translate(0%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .simu__field_select #simu_plan_select {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 100%;
    height: 0.7692307692rem;
    border: 1px solid #707070;
    font-weight: 500;
    letter-spacing: 0.0125rem;
    color: #C1C1C1;
    font-size: 0.25rem;
    padding-left: 0.1538461538rem;
    position: relative;
  }
  #main__top .section__caculator .simu__field_select #simu_plan_select.txt__blue {
    color: #299FDD;
  }
  #main__top .section__caculator .simu__field_select #simu_plan_select option:not([value=""]) {
    color: #299FDD;
  }
  #main__top .section__caculator .simu__field_select #simu_plan_select option[value=""] {
    color: #707070 !important;
  }
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item {
  border-top: 2px solid #00A6DC;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row {
  display: flex;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row .order__item__title {
  width: 28%;
  padding: 0.1923076923rem 0.1346153846rem;
  font-size: 0.25rem;
  letter-spacing: 0.0125rem;
  color: #202F55;
  background-color: #D7EAFF;
  text-align: center;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row .order__item__detail {
  width: 72%;
  padding: 0.1923076923rem;
  font-size: 0.2692307692rem;
  letter-spacing: 0.0026923077rem;
  color: #202F55;
  font-weight: 500;
  display: flex;
  align-items: center;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row:not(:last-child) {
  position: relative;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row:not(:last-child)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/line_dot.png);
  background-size: cover;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row.price__product .order__item__detail {
  flex-direction: column;
  align-items: flex-start;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row.price__product .order__item__detail .total_product {
  font-size: 0.3461538462rem;
  letter-spacing: 0.0034615385rem;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row.price__product .order__item__detail .tax {
  font-size: 0.2692307692rem;
  letter-spacing: 0.0026923077rem;
}
#main__top .section__caculator .tbl__ressult__mb .orrder__item .order__item__row.price__product .order__item__detail .tax b {
  font-size: 0.2307692308rem;
  letter-spacing: 0.0023076923rem;
  font-weight: 500 !important;
}
#main__top .section__caculator .tbl__ressult__mb .order__total {
  border-top: 2px solid #00A6DC;
  display: flex;
  border-bottom: 2px solid #00A6DC;
}
#main__top .section__caculator .tbl__ressult__mb .order__total .order__total__title {
  width: 27.5%;
  padding: 0.1923076923rem 0.1346153846rem;
  font-size: 0.25rem;
  letter-spacing: 0.0125rem;
  color: #202F55;
  background-color: #D7EAFF;
  text-align: center;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  letter-spacing: 0.0430769231rem;
  color: #0088D0;
  font-size: 0.3076923077rem;
}
#main__top .section__caculator .tbl__ressult__mb .order__total .box__total_all__sp {
  width: 72.5% !important;
  padding: 0.1923076923rem !important;
  font-size: 0.2692307692rem;
  letter-spacing: 0.0026923077rem;
  color: #202F55;
  font-weight: 500;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
}
#main__top .section__caculator .tbl__ressult__mb .order__total .box__total_all__sp .col__top {
  font-size: 0.2692307692rem;
  letter-spacing: 0.0269230769rem;
  color: #0088D0;
  font-weight: 500;
}
#main__top .section__caculator .tbl__ressult__mb .order__total .box__total_all__sp .total_price {
  margin-left: 0 !important;
  font-size: 0.6153846154rem !important;
}
#main__top .section__caculator .tbl__ressult__mb .order__total .box__total_all__sp .tax {
  display: block;
  margin-left: 0 !important;
  font-size: 0.2307692308rem !important;
  letter-spacing: 0.0230769231rem !important;
}
#main__top .section__caculator .tbl__ressult__mb .order__total .box__total_all__sp .tax .total__tax {
  font-size: 0.3461538462rem !important;
  letter-spacing: 0 !important;
}
@media screen and (max-width: 1000px) {
  #main__top .section__caculator .btn__more .btn__type1 {
    font-size: 0.2692307692rem !important;
    letter-spacing: 0.0509615385rem !important;
  }
  #main__top .section__caculator .btn__more .btn__type1 span {
    font-size: 0.1923076923rem !important;
    letter-spacing: 0.0221153846rem !important;
  }
}
#main__top .section__plans {
  padding: 49px 0 116px;
  margin-top: 130px;
  background: #D8F9FF 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans {
    margin-top: 1.0576923077rem;
    padding: 0.5769230769rem 0 0.8269230769rem;
  }
}
#main__top .section__plans .box__title_section {
  padding: 0;
  margin-bottom: 23px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__title_section {
    margin-bottom: 0.2884615385rem;
  }
}
#main__top .section__plans .box__plan {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  padding: 40px 48px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan {
    padding: 0.4423076923rem 0.4807692308rem 0.5192307692rem;
    display: block;
  }
}
#main__top .section__plans .box__plan .box__content__plan {
  width: 72.8%;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan {
    width: 100%;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__list {
  display: flex;
  flex-wrap: wrap;
  gap: 17px 30px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__list {
    gap: 0.25rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__list p {
  font-size: 20px;
  letter-spacing: 2.2px;
  color: #000000;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__list p {
    display: flex;
    align-items: center;
    gap: 0.1538461538rem;
    font-weight: 500;
    font-size: 0.3076923077rem;
    letter-spacing: 0.0338461538rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__list p img {
  width: 26px;
  height: 21px;
  display: inline-flex;
  margin-right: 8px;
  transform: translateY(2px);
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__list p img {
    width: 0.5rem;
    height: 0.4038461538rem;
    margin-right: 0rem;
    transform: translateY(0);
  }
}
#main__top .section__plans .box__plan .box__content__plan .note__plan {
  margin-top: 30px;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 1.75px;
  margin-right: -10px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .note__plan {
    margin-top: 0.5192307692rem;
    font-size: 0.3461538462rem;
    margin-right: 0px;
    letter-spacing: 0.0186538462rem;
    font-weight: 500;
    text-align: center;
  }
}
#main__top .section__plans .box__plan .box__content__plan .note__plan .small {
  letter-spacing: 2.2px;
  font-size: 20px;
  margin-right: 6px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .note__plan .small {
    font-size: 0.2884615385rem;
    letter-spacing: 0.0317307692rem;
    margin-right: 0;
  }
}
#main__top .section__plans .box__plan .box__content__plan .note__plan .hl__txt {
  color: #0088D0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .note__plan .hl__txt {
    background: linear-gradient(to top, yellow 50%, transparent 50%);
  }
}
#main__top .section__plans .box__plan .box__content__plan .note__plan .hl__txt b {
  position: relative;
  z-index: 1;
  font-weight: bold;
}
#main__top .section__plans .box__plan .box__content__plan .note__plan .hl__txt::before {
  content: "";
  position: absolute;
  width: 98%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to top, yellow 50%, transparent 50%);
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .note__plan .hl__txt::before {
    display: none;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv {
  margin-top: 15px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv {
    margin-top: 0.1923076923rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__title {
  font-size: 18px;
  letter-spacing: 1.98px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 11px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__title {
    text-align: center;
    font-size: 0.2692307692rem;
    letter-spacing: 0.0296153846rem;
    margin-bottom: 0.2307692308rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list {
    display: block;
  }
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .box__icon__plus {
    margin: 0.0576923077rem auto;
    width: -moz-max-content;
    width: max-content;
  }
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .box__icon__plus img {
    display: flex;
    width: 0.4423076923rem;
    height: 0.4423076923rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item {
  width: 29.9%;
  background: #299FDD 0% 0% no-repeat padding-box;
  color: white;
  padding: 8px 12px 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item {
    width: 100%;
    padding: 0.1346153846rem 0.1923076923rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .adv__item__title {
  letter-spacing: 1.16px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 4px;
  margin-bottom: 9px;
  border-bottom: 1px solid white;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .adv__item__title {
    font-size: 0.3846153846rem;
    letter-spacing: 0.0223076923rem;
    padding-bottom: 0.0769230769rem;
    margin-bottom: 0.1730769231rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .adv__item__title small {
  display: block;
  letter-spacing: 1.77px;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .adv__item__title small {
    font-size: 0.2884615385rem;
    letter-spacing: 0.0340384615rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .adv__item__title .big {
  font-size: 25px;
  letter-spacing: 1.95px;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 400;
  margin-left: 8px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .adv__item__title .big {
    font-size: 0.4807692308rem;
    letter-spacing: 0.0375rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price {
  text-align: center;
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .quantity {
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .quantity {
    font-size: 0.3076923077rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .quantity .number {
  font-size: 20px;
  margin-right: 2px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .quantity .number {
    font-size: 0.3846153846rem;
    margin-right: 0.0384615385rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .quantity img {
  display: inline-flex;
  margin: 0 5px;
  transform: translateY(3px);
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .quantity img {
    margin: 0 0.0961538462rem;
    transform: translateY(0.0576923077rem);
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .price {
  font-size: 16px;
  letter-spacing: 0.64px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .price {
    font-size: 0.3076923077rem;
    letter-spacing: 0.0123076923rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .price .number {
  letter-spacing: 0px;
  font-size: 30px;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 400;
  margin: 0 1px;
  margin-left: 4px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .price .number {
    font-size: 0.5769230769rem;
    margin: 0 0.0192307692rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .price .tax {
  font-size: 13px;
  letter-spacing: 0.65px;
  font-weight: 500;
  margin-left: 7px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__list .adv__item .box__price .price .tax {
    font-size: 0.25rem;
    letter-spacing: 0.0125rem;
    margin-left: 0.1346153846rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result {
  margin-top: 6px;
  display: flex;
  color: #0088D0;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result {
    flex-wrap: wrap;
    margin-top: 0.1538461538rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .box__icon__equal {
  width: 27px;
  height: 27px;
  margin-right: 9px;
  transform: translateY(3px);
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .box__icon__equal {
    width: 0.5192307692rem;
    height: 0.5192307692rem;
    margin-right: 0.1538461538rem;
    transform: translateY(0.0576923077rem);
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .box__icon__equal img {
  display: flex;
  width: 100%;
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__1,
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1.4px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__1,
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0242307692rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__1 .number,
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 .number {
  margin-left: 4px;
  font-size: 35px;
  letter-spacing: 0px;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__1 .number,
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 .number {
    font-size: 0.5769230769rem;
    margin-left: 0.1153846154rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__1 .tax,
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 .tax {
  font-weight: 500;
  letter-spacing: 0.8px;
  font-size: 16px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__1 .tax,
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 .tax {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0134615385rem;
    margin-right: 0.0961538462rem;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 {
  margin-left: 45px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 {
    margin-left: 0 !important;
    margin-top: 0.2115384615rem;
    width: 100%;
  }
}
#main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 .quantity {
  margin-right: 7px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__content__plan .box__adv .adv__result .price__2 .quantity {
    display: block;
    font-size: 0.2692307692rem;
    font-weight: 500;
  }
}
#main__top .section__plans .box__plan .box__image {
  width: 24.8%;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan .box__image {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.3461538462rem;
  }
}
#main__top .section__plans .box__plan .box__image img {
  width: 100%;
  display: flex;
}
#main__top .section__plans .box__plan.plan__b {
  margin-top: 27px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan.plan__b {
    margin-top: 0;
  }
}
#main__top .section__plans .box__plan.plan__b .box__content__plan .note__plan {
  margin-right: -63px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan.plan__b .box__content__plan .note__plan {
    margin-right: 0;
  }
}
#main__top .section__plans .box__plan.plan__b .box__adv .adv__result .price__2 {
  margin-left: 23px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .box__plan.plan__b .box__adv .adv__result .price__2 {
    margin-left: 0;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__plans .box__plan.plan__b .box__image img {
    margin-left: -30px;
    min-width: 349px;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__plans .box__plan.plan__a .adv__result {
    margin-left: 6px;
  }
}
#main__top .section__plans .section__button__plans_1 {
  margin-top: 57px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .section__button__plans_1 {
    margin-top: 0.5961538462rem;
  }
  #main__top .section__plans .section__button__plans_1.section__button__plans_1_1 {
    margin-top: 0.5192307692rem;
    margin-bottom: 0.9615384615rem;
  }
}
#main__top .section__plans .plan__process {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 37px;
  margin-top: 110px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process {
    padding: 0.4rem 0.346rem;
    margin: 0 auto;
    margin-top: 0.9615rem;
  }
}
#main__top .section__plans .plan__process__top {
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top {
    flex-direction: column;
  }
}
#main__top .section__plans .plan__process__top__image {
  width: 160px;
}
@media (min-width: 1001px) and (max-width: 1140px) {
  #main__top .section__plans .plan__process__top__image {
    width: 240px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__image {
    display: flex !important;
    align-items: center;
    width: 100%;
    gap: 0 0.326rem;
  }
}
#main__top .section__plans .plan__process__top__image img {
  width: 100%;
  height: auto;
  margin-top: 15px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__image img {
    margin-top: 0;
    width: 82px;
  }
}
#main__top .section__plans .plan__process__top__image h3 {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 1.4;
}
#main__top .section__plans .plan__process__top__image h3 b {
  font-size: 0.7rem;
  color: #0088D0;
}
#main__top .section__plans .plan__process__top__image h3 span {
  color: #0088D0;
}
#main__top .section__plans .plan__process__top__content {
  flex: 1;
}
#main__top .section__plans .plan__process__top__content h3 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2.1px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content h3 {
    line-height: 1.2;
    font-size: 0.4rem;
  }
}
#main__top .section__plans .plan__process__top__content h3 b {
  font-size: 50px;
  color: #0088D0;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content h3 b {
    font-size: 0.5rem;
  }
}
#main__top .section__plans .plan__process__top__content h3 span {
  color: #0088D0;
}
#main__top .section__plans .plan__process__top__content > p {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
  letter-spacing: 1.76px;
  line-height: 1.8;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content > p {
    font-size: 0.25rem;
    letter-spacing: 1.17px;
    margin-right: -0.0961538462rem;
  }
}
#main__top .section__plans .plan__process__top__content__step {
  display: flex;
  justify-content: space-between;
  gap: 16.75px;
}
@media (min-width: 1001px) and (max-width: 1140px) {
  #main__top .section__plans .plan__process__top__content__step {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content__step {
    flex-direction: column;
    gap: 0.192rem;
  }
}
#main__top .section__plans .plan__process__top__content__step .step {
  width: 350px;
  padding: 15px 19.5px 24px;
  background-color: #12BDDD;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
#main__top .section__plans .plan__process__top__content__step .step h4 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2.2px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content__step .step h4 {
    font-size: 0.307rem;
    letter-spacing: 1.76px;
  }
}
#main__top .section__plans .plan__process__top__content__step .step h4 span {
  color: #FFFF00;
}
#main__top .section__plans .plan__process__top__content__step .step p {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 1.54px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content__step .step p {
    font-size: 0.25rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content__step .step {
    width: 100%;
    padding: 0.23rem 0.375rem;
  }
}
#main__top .section__plans .plan__process__top__content__step .step:nth-child(2) {
  width: 380px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__top__content__step .step:nth-child(2) {
    width: 100%;
  }
}
@media (min-width: 1001px) and (max-width: 1140px) {
  #main__top .section__plans .plan__process__top__content__step .step:nth-child(1),
  #main__top .section__plans .plan__process__top__content__step .step:nth-child(2) {
    flex: 1 1 45%;
  }
}
@media (min-width: 1001px) and (max-width: 1140px) {
  #main__top .section__plans .plan__process__top__content__step .step:nth-child(3) {
    flex-basis: 100%;
  }
}
#main__top .section__plans .plan__process .step__note {
  font-size: 15px;
  margin-top: 10px;
  letter-spacing: 1.65px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process .step__note {
    font-size: 0.1923076923rem;
    letter-spacing: 1.1px;
  }
}
#main__top .section__plans .plan__process__bottom {
  margin-top: 37px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom {
    margin-top: 0.4rem;
    padding: 0 0.23rem;
  }
}
#main__top .section__plans .plan__process__bottom__head {
  display: flex;
  align-items: flex-end;
  gap: 0 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom__head {
    flex-direction: column;
    align-items: center;
  }
}
#main__top .section__plans .plan__process__bottom__head div:first-child {
  font-size: 30px;
  font-weight: bold;
  color: #002855;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom__head div:first-child {
    font-size: 0.4rem;
  }
}
#main__top .section__plans .plan__process__bottom__head div:last-child {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2.2px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom__head div:last-child {
    font-size: 0.3rem;
    text-align: center;
  }
}
#main__top .section__plans .plan__process__bottom__head div:last-child span {
  font-size: 25px;
  color: #0088d0;
  font-weight: bold;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom__head div:last-child span {
    font-size: 0.4rem;
  }
}
#main__top .section__plans .plan__process__bottom__head div:last-child span .ld-1 {
  letter-spacing: 1px;
}
#main__top .section__plans .plan__process__bottom__head div:last-child span .ld-2-2 {
  letter-spacing: 2.2px;
}
#main__top .section__plans .plan__process__bottom__head div:last-child span .ld-0-2-neg {
  letter-spacing: -0.2px;
}
#main__top .section__plans .plan__process__bottom__head div:last-child span .ld-0-6-neg {
  letter-spacing: -0.6px;
}
#main__top .section__plans .plan__process__bottom .steps {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps {
    flex-direction: column;
    align-items: center;
  }
}
#main__top .section__plans .plan__process__bottom .steps::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/backgroundsp_plan_20251008.png);
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps::after {
    background-position-x: center;
    background-image: url(/wp-content/themes/renewal/assets/images/groupware_v3/background_plan_20251008.png);
  }
}
#main__top .section__plans .plan__process__bottom .steps .step {
  padding: 20px 0px 20px 115px;
  position: relative;
  z-index: 30;
}
@media screen and (min-width: 1100px) {
  #main__top .section__plans .plan__process__bottom .steps .step {
    padding: 20px 0px 20px 84px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step {
    padding: 0.8rem 0.2rem 0rem 0.2rem;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step:last-child {
    padding-bottom: 0.384rem;
  }
}
#main__top .section__plans .plan__process__bottom .steps .step h3 {
  font-weight: 600;
  color: #0088d0;
  margin-bottom: 8px;
  font-size: 16px;
  letter-spacing: 0;
}
@media screen and (min-width: 1100px) {
  #main__top .section__plans .plan__process__bottom .steps .step h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step h3 {
    font-weight: 500;
    font-size: 0.307rem;
    letter-spacing: 0.029rem;
  }
}
#main__top .section__plans .plan__process__bottom .steps .step p {
  line-height: 1.6;
  font-size: 13px;
  letter-spacing: 1.77px;
}
@media screen and (min-width: 1100px) {
  #main__top .section__plans .plan__process__bottom .steps .step p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step p {
    font-size: 0.25rem;
    letter-spacing: 1.53px;
  }
}
#main__top .section__plans .plan__process__bottom .steps .step:nth-child(1) {
  flex: 1;
  padding-left: 40px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step:nth-child(1) {
    padding-left: 0.2rem;
    padding-top: 0.288rem;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step:nth-child(2) {
    width: 400px;
    max-width: 400px;
  }
}
@media screen and (min-width: 1100px) {
  #main__top .section__plans .plan__process__bottom .steps .step:nth-child(2) {
    width: 428px;
    max-width: 428px;
    padding-left: 74px;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step:nth-child(3) {
    width: 414px;
    max-width: 414px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__bottom .steps .step:not(:first-child) h3 {
    margin-top: 0.2rem;
  }
}
#main__top .section__plans .plan__process__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__btn {
    width: 100%;
    display: flex;
    margin: 0.4rem auto 0;
    padding: 0 0.23rem;
  }
}
#main__top .section__plans .plan__process__btn a {
  width: 400px;
  font-size: 18px;
  font-weight: bold;
  background-color: #FF0000;
  color: #FFFF00;
  border: none;
  outline: none;
  padding: 14.5px 0;
  border-radius: 5px;
  letter-spacing: 1.44px;
  border: 3px solid #FF0000;
  transition: all 0.15s ease;
  cursor: pointer;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans .plan__process__btn a {
    font-size: 0.32rem;
    letter-spacing: 1.28px;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  #main__top .section__plans .plan__process__btn a:hover {
    background-color: transparent;
    color: #FF0000;
    border: 3px solid #FF0000;
  }
}
#main__top .section__plans__other .box__title_section {
  padding: 83px 0 34px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__title_section {
    padding: 1.25rem 0 0.3846153846rem;
  }
}
#main__top .section__plans__other .box__plans__other {
  padding: 22px 29px 20px 35px;
  background: #D3F8FF 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1607843137);
  margin-bottom: 35px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other {
    width: 100%;
    padding: 0.3653846154rem 0.3846153846rem 0.5769230769rem;
    margin-bottom: 0.4807692308rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__1,
#main__top .section__plans__other .box__plans__other .row__2 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__1,
  #main__top .section__plans__other .box__plans__other .row__2 {
    display: block;
  }
}
#main__top .section__plans__other .box__plans__other .row__1 .box__image,
#main__top .section__plans__other .box__plans__other .row__2 .box__image {
  width: 33%;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__1 .box__image,
  #main__top .section__plans__other .box__plans__other .row__2 .box__image {
    width: 100%;
    margin-bottom: 0.2115384615rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__1 .box__image img,
#main__top .section__plans__other .box__plans__other .row__2 .box__image img {
  display: flex;
  width: 100%;
}
#main__top .section__plans__other .box__plans__other .row__1 .box__content__plan,
#main__top .section__plans__other .box__plans__other .row__2 .box__content__plan {
  width: 64.7%;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__1 .box__content__plan,
  #main__top .section__plans__other .box__plans__other .row__2 .box__content__plan {
    width: 100%;
  }
}
#main__top .section__plans__other .box__plans__other .tag__box {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .tag__box {
    gap: 0.0961538462rem;
    margin-bottom: 0.1346153846rem;
  }
}
#main__top .section__plans__other .box__plans__other .tag__box .tag__item {
  padding: 0.5px 34px 2px;
  background: #299FDD 0% 0% no-repeat padding-box;
  letter-spacing: 1.2px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .tag__box .tag__item {
    padding: 0.0096153846rem 0.1346153846rem 0.0384615385rem;
    font-size: 0.2307692308rem;
    letter-spacing: 0.0230769231rem;
  }
}
#main__top .section__plans__other .box__plans__other .tag__box .tag__item:nth-child(2) {
  padding: 0.5px 19px 2px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .tag__box .tag__item:nth-child(2) {
    padding: 0.0096153846rem 0.3653846154rem 0.0384615385rem;
  }
}
#main__top .section__plans__other .box__plans__other .plan__title {
  font-weight: bold;
  letter-spacing: 1.26px;
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .plan__title {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0188461538rem;
    margin-bottom: 0.0576923077rem;
  }
}
#main__top .section__plans__other .box__plans__other .plan__des {
  font-size: 16px;
  letter-spacing: 1.12px;
  margin-bottom: 21px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .plan__des {
    font-size: 0.25rem;
    letter-spacing: 0.0175rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail {
  display: flex;
  gap: 18px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail {
    display: block;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__1 {
  margin-bottom: 26px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__1 {
    margin-bottom: 0.3846153846rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__title {
  width: 16.3%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #12BDDD 0% 0% no-repeat padding-box;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__title {
    width: 100%;
    font-size: 0.2692307692rem;
    letter-spacing: 0.0269230769rem;
    margin-bottom: 0.2115384615rem;
    padding: 0.1346153846rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__content p {
  font-size: 14px;
  letter-spacing: 1.54px;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__content p {
    font-size: 0.2692307692rem;
    letter-spacing: 0.025rem;
    line-height: 1.8;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__content p:first-child {
  margin-bottom: 15px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__content p:first-child {
    margin-bottom: 0;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail .plan__detail__content .txt__blue {
  color: #0088D0;
  font-weight: bold;
}
#main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content {
    gap: 0.1153846154rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content img {
  width: 21px;
  height: 16px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content img {
    width: 0.4038461538rem;
    height: 0.3076923077rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content p {
  font-size: 16px;
  letter-spacing: 1.76px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content p {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0296153846rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content p .txt__blue {
  font-size: 16px;
  letter-spacing: 1.76px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content p .txt__blue {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0296153846rem;
  }
}
#main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .box__plan__detail.plan__detail__2 .content:not(:last-child) {
    margin-bottom: 0.2884615385rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 {
  margin-top: 17px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 {
    margin-top: 0.6346153846rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content {
    gap: 0.1153846154rem;
    align-items: center;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content img {
  width: 21px;
  height: 16px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content img {
    width: 0.4038461538rem;
    height: 0.3076923077rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content p {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2.2px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content p {
    font-size: 0.3076923077rem;
    letter-spacing: 0.0338461538rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt {
  position: relative;
  margin-left: 4px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt {
    display: block;
    margin-left: 0;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt b {
  letter-spacing: 3.3px;
  color: #0088D0;
  font-size: 30px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt b {
    font-size: 0.4038461538rem;
    letter-spacing: 0.0444230769rem;
    background: linear-gradient(to top, yellow 50%, transparent 50%);
  }
  #main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt b.fz_mb_25 {
    font-size: 0.4807692308rem;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to top, yellow 70%, transparent 50%);
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt::before {
    display: none;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt.ml_minus {
  margin-left: -5px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content p .hl__txt.ml_minus {
    margin-left: 0;
  }
}
#main__top .section__plans__other .box__plans__other .row__2 .content:not(:last-child) {
  margin-bottom: 11px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .box__plans__other .row__2 .content:not(:last-child) {
    margin-bottom: 0.3653846154rem;
  }
}
#main__top .section__plans__other .section__button__plans_other {
  margin-top: 40px;
}
@media screen and (max-width: 1000px) {
  #main__top .section__plans__other .section__button__plans_other {
    margin: 0.7692307692rem 0 0;
  }
  #main__top .section__plans__other .section__button__plans_other.show-sp {
    margin-bottom: 0.7115384615rem;
  }
}
#main__top .sec__support__option {
  margin: 104px 0 116px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option {
    margin: 0.9615384615rem 0 0.8846153846rem;
  }
}
#main__top .sec__support__option .box__title_section {
  padding: 0 0 25px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .box__title_section {
    padding-bottom: 0;
  }
}
#main__top .sec__support__option .support__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 37px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .support__heading {
    margin-bottom: 0.4615rem;
  }
}
#main__top .sec__support__option .support__heading h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.26px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .support__heading h3 {
    font-size: 0.3076923077rem;
    letter-spacing: 1.12px;
    text-align: center;
  }
}
#main__top .sec__support__option .support__heading h3::before {
  content: "";
  position: absolute;
  bottom: -3px;
  right: -15px;
  width: 2px;
  height: 29.5px;
  background-color: #000000;
  transform: rotate(40deg);
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .support__heading h3::before {
    height: 1rem;
    transform: rotate(35deg);
    right: -0.2rem;
  }
}
#main__top .sec__support__option .support__heading h3::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -15px;
  width: 2px;
  height: 29.5px;
  background-color: #000000;
  transform: rotate(-40deg);
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .support__heading h3::after {
    height: 1rem;
    transform: rotate(-35deg);
    left: -0.2rem;
  }
}
#main__top .sec__support__option .support__heading h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2.1px;
  margin-top: 8px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .support__heading h2 {
    font-size: 0.3846153846rem;
    letter-spacing: 0.0307692308rem;
  }
}
#main__top .sec__support__option .row__support__plan {
  justify-content: space-between;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan {
    flex-direction: column;
    gap: 0.3846rem 0;
    margin: 0.5192307692rem auto 0;
  }
}
#main__top .sec__support__option .row__support__plan .support_item {
  width: 32%;
  background: #D3F8FF 0% 0% no-repeat padding-box;
  border-radius: 5px;
  padding: 18px 12px 33px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item {
    width: 100%;
    padding: 0.337rem 0.274rem 0.452rem 0.293rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__top {
  margin-bottom: 5px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__top {
    margin-bottom: 0.09615rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title__small {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  letter-spacing: 1.1px;
  color: #299FDD;
  font-size: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title__small {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0211538462rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title__small::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 13px;
  border-top: 1px solid #299FDD;
  top: 50%;
  right: calc(100% + 5px);
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title__small::before {
    width: 0.25rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title__small::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 13px;
  border-top: 1px solid #299FDD;
  top: 50%;
  left: calc(100% + 5px);
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title__small::after {
    width: 0.25rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title {
  font-size: 16px;
  letter-spacing: 0.88px;
  color: #0088D0;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__top .support_item__title {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0148076923rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__des {
  font-size: 14px;
  letter-spacing: 1.26px;
  line-height: 1.6;
  margin-bottom: 17px;
}
@media screen and (max-width: 1115px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__des {
    font-size: 0.25rem;
    letter-spacing: 0.0225rem;
    margin-bottom: 0.3269rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price {
    max-width: inherit;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item {
  background: #0A9CEA 0% 0% no-repeat padding-box;
  border-radius: 5px;
  color: white;
  padding: 5px 12px 7px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item {
    padding: 0.1586538462rem 0.1153846154rem;
    margin-bottom: 0.2692rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price__title {
  font-size: 16px;
  letter-spacing: 0.88px;
  padding-bottom: 5px;
  margin-bottom: 1px;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price__title .small {
  font-size: 12px;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price__title .small {
    font-size: 0.2307692308rem;
  }
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price__title {
    font-size: 0.2692307692rem;
    letter-spacing: 0.0148076923rem;
    padding-bottom: 0.09615rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price {
  margin-top: 10px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price {
    line-height: 1;
    margin-top: -0.25rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .time {
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-right: 5px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .time {
    font-size: 0.3076923077rem;
    margin-right: 0.0961538462rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .amount {
  font-size: 18px;
  letter-spacing: 0.72px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .amount {
    font-size: 0.3076923077rem;
    letter-spacing: 0.0123076923rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .amount .number {
  font-family: "din-2014-narrow", sans-serif, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .amount .number {
    font-size: 0.6730769231rem;
    letter-spacing: 0.0134615385rem;
    margin-left: 0.0576923077rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .tax {
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 500;
  margin-left: 0.0576923077rem;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price .tax {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0096153846rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price__note {
  letter-spacing: 0.7px;
  font-size: 10px;
  margin-top: 2px;
  margin-bottom: 3px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__price .box__price_item .price__note {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0038461538rem;
    margin-top: 0;
    margin-bottom: 0.1346153846rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .note {
  letter-spacing: 0.84px;
  font-size: 12px;
  margin-top: 13px;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .note {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0134615385rem;
    margin-top: 0.173rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__btn {
  margin-top: 22px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__btn {
    margin-top: 0.23rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__btn .btn__support {
  display: block;
  max-width: 240px;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1.2px;
  font-weight: 500;
  background: #0087CE 0% 0% no-repeat padding-box;
  border-radius: 5px;
  transition: all 0.3s;
  cursor: pointer;
  margin: auto;
  padding: 6px 40px 8px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item .box__btn .btn__support {
    font-size: 0.2884615385rem;
    letter-spacing: 0.0230769231rem;
    max-width: 4.6346153846rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item .box__btn .btn__support:hover {
  background-color: #085268;
}
#main__top .sec__support__option .row__support__plan .support_item_2 .box__price .box__price_item .amount .fw-500 {
  font-weight: 500;
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle {
  margin-top: 55px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle {
    margin-top: 0;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__schedule__support .schedule__title {
  letter-spacing: 2.25px;
  color: #0088D0;
  font-size: 25px;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__schedule__support .schedule__title {
    font-size: 0.3461538462rem;
    letter-spacing: 0.0311538462rem;
    margin: 0.25rem 0;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__schedule__support .schedule__note {
  font-size: 14px;
  letter-spacing: 1.68px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__schedule__support .schedule__note {
    font-size: 0.2307692308rem;
    letter-spacing: 0.0276923077rem;
    margin-top: 0.1923076923rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule {
  margin-top: 33px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule {
    margin-top: 0;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price {
  margin-bottom: 7px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price {
    line-height: 1;
    margin-bottom: 0.11538rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .time {
  font-size: 18px;
  letter-spacing: 0px;
  color: #0088D0;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .time {
    font-size: 0.3076923077rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .amount {
  font-size: 18px;
  letter-spacing: 0.72px;
  color: #0088D0;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .amount {
    font-size: 0.3076923077rem;
    letter-spacing: 0.0123076923rem;
    margin-left: 0.1346rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .amount .number {
  font-family: "din-2014-narrow", sans-serif, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .amount .number {
    font-size: 0.6730769231rem;
    letter-spacing: 0.0134615385rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .tax {
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: #0088D0;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price .tax {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0096153846rem;
    margin-left: 0.11538rem;
  }
}
#main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price__note {
  letter-spacing: 0.7px;
  font-size: 10px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__support__option .row__support__plan .support_item_3 .box__middle .box__price_schedule .price__note {
    font-size: 0.1923076923rem;
    letter-spacing: 0.0038461538rem;
  }
}
#main__top .sec__top__faqs {
  padding: 1rem 0;
  background: #D8F9FF 0% 0% no-repeat padding-box;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs {
    padding: 58px 0 80px;
  }
}
#main__top .sec__top__faqs .title__sec .inner__title h2 {
  margin-bottom: 0.4038461538rem;
  font-size: 0.3846153846rem;
  letter-spacing: 0.0423076923rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .title__sec .inner__title h2 {
    margin-bottom: 34px;
    font-size: 30px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs {
  margin: 0 0 0.9rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs {
    max-width: 1000px;
    margin: 0 auto 72px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq {
  position: relative;
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .item__inner {
  padding: 0.55rem 0;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .item__inner {
    padding: 25px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq:nth-of-type(1) .item__inner {
  padding-top: 0;
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1001' height='2' viewBox='0 0 1001 2'><line x2='999' transform='translate(1 1)' fill='none' stroke='%23299fdd' stroke-linecap='round' stroke-width='2' stroke-dasharray='0 11'/></svg>");
  background-repeat: repeat-x;
  background-size: auto 2px;
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq {
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq {
    margin-bottom: 10px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq h3 {
  color: #0088d0;
  font-size: 0.289rem;
  letter-spacing: 0.02rem;
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq h3 {
    font-size: 20px;
    letter-spacing: 1.8px;
    font-weight: 600;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq {
  background-color: #00a6dc;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  width: 0.289rem;
  min-width: 0.289rem;
  height: 0.289rem;
  min-height: 0.289rem;
  margin-left: 0.875rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq::before, #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq::after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq::after {
  width: 60%;
  height: 0.0384615385rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq::after {
    height: 2px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq::before {
  width: 0.0384615385rem;
  height: 60%;
  transition: all 0.2s;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq .toggle__faq::before {
    width: 2px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .question__faq.active .toggle__faq::before {
  height: 0;
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .answer__faq {
  font-size: 0.269rem;
  letter-spacing: 0.02rem;
  line-height: 1.8;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .answer__faq {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.7;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .answer__faq a {
  display: block;
  color: #0048b1;
  text-decoration: underline;
  margin-top: 0.05rem;
  transition: all 0.3s;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .answer__faq a {
    margin-top: 8px;
  }
}
#main__top .sec__top__faqs .wrapper__faqs .list__faqs .item__faq .answer__faq a:hover {
  color: #0088d0;
}
#main__top .sec__parameter {
  padding: 76px 0 73px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter {
    padding: 0.9615384615rem 0 0.9615384615rem;
  }
}
#main__top .sec__parameter .title__sec .inner__title h2 {
  margin-bottom: 0.0384615385rem;
  font-size: 0.3846153846rem;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__parameter .title__sec .inner__title h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
#main__top .sec__parameter .box__content__parameter {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter {
    flex-wrap: wrap;
  }
}
#main__top .sec__parameter .box__content__parameter .box__right {
  width: 57.5%;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__right {
    order: -1;
    width: 100%;
  }
}
#main__top .sec__parameter .box__content__parameter .box__right .box__image {
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__right .box__image {
    margin-top: 0;
  }
}
#main__top .sec__parameter .box__content__parameter .box__right img {
  width: 100%;
  display: flex;
}
@media screen and (min-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__right img {
    max-width: 110%;
    margin-top: -43px;
    margin-left: -21px;
    width: 110%;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left {
  width: 41.5%;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left {
    width: 100%;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__1 .content {
  font-size: 16px;
  letter-spacing: 0.88px;
  color: #0088D0;
  font-weight: 500;
  margin-bottom: 18px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__1 .content {
    font-size: 0.2884615385rem;
    letter-spacing: 0.0169230769rem;
    margin-bottom: 0.3076923077rem;
    text-align: center;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__1 .content .hl {
  display: inline-block;
  font-weight: bold;
  padding: 7px 12px;
  background: #DDFAFF 0% 0% no-repeat padding-box;
  min-width: 227px;
  text-align: center;
  margin-right: 14px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__1 .content .hl {
    display: block;
    margin-bottom: 0.1538461538rem;
    margin-right: 0;
    padding: 0.1153846154rem 0.2307692308rem;
    font-size: 0.3076923077rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 {
  background: #DDFAFF 0% 0% no-repeat padding-box;
  padding: 7px 11px 13px;
  margin-top: 30px;
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .title__table {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.88px;
  color: #0088D0;
  font-weight: bold;
  margin-bottom: 8px;
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__1,
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .content {
  background-color: white;
  color: #0088D0;
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__1,
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__2 {
  display: flex;
  gap: 4px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__1,
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__2 {
    flex-wrap: wrap;
    gap: 0.0769230769rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 0.88px;
  font-weight: 500;
  width: 25.3%;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__1 {
    width: 100%;
    font-size: 0.2692307692rem;
    letter-spacing: 0.0148076923rem;
    padding: 0.0769230769rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__1 {
  margin-bottom: 4px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__1 {
    margin-bottom: 0.1923076923rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .row__1 .col__2 .content:first-child {
  min-height: 48px;
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__2 {
  width: 25.3%;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__2 {
    width: 27.1%;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__2 .content {
  padding: 2px 19px;
  font-size: 16px;
  letter-spacing: 0.88px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__2 .content {
    padding: 0.0961538462rem 0.1730769231rem;
    font-size: 0.2692307692rem;
    letter-spacing: 0.0148076923rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__2 .content:not(:last-child) {
  margin-bottom: 4px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__2 .content:not(:last-child) {
    margin-bottom: 0.0769230769rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__3 {
  width: 47.8%;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__3 {
    width: 71.4%;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__3 .content {
  padding: 4px 12px;
  font-size: 14px;
  letter-spacing: 0.77px;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__3 .content {
    padding: 0.0961538462rem 0.2307692308rem;
    font-size: 0.2692307692rem;
    letter-spacing: 0.0148076923rem;
  }
}
#main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__3 .content:not(:last-child) {
  margin-bottom: 4px;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .box__content__parameter .box__left .box__2 .col__3 .content:not(:last-child) {
    margin-bottom: 0.0769230769rem;
  }
}
#main__top .sec__parameter .note {
  font-weight: 500;
  letter-spacing: 0.77px;
  font-size: 14px;
  color: #0088D0;
  margin: -15px -25px 0 0;
}
@media screen and (max-width: 1000px) {
  #main__top .sec__parameter .note {
    margin: 0;
    margin-top: 0.1923076923rem;
    font-size: 0.2307692308rem;
    letter-spacing: 0.0126923077rem;
  }
}
#main__top .ld-1-4 {
  letter-spacing: 1.4px;
}
#main__top .ld-1-8 {
  letter-spacing: 1.8px;
}
#main__top .ld-0-4 {
  letter-spacing: 0.4px;
}/*# sourceMappingURL=groupware_v3.css.map */