body,
html {
  margin: 0;
  overflow-x: hidden
}

.absolute {
  position: absolute
}

.section1,
.section3,
.section5,
.section7,
.section8 {
  position: relative
}

.Audiowide {
  font-family: Audiowide, sans-serif;
  font-style: normal;
  font-weight: 400
}

a:not(.Audiowide),
button:not(.Audiowide),
h1:not(.Audiowide),
h2:not(.Audiowide),
h3:not(.Audiowide),
h4:not(.Audiowide),
li:not(.Audiowide),
p:not(.Audiowide),
span:not(.Audiowide),
td:not(.Audiowide),
th:not(.Audiowide),
time:not(.Audiowide) {
  font-family: Noto Sans JP, sans-serif;
  font-weight: 700
}

#backToTopBtn {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #0071b3;
  cursor: pointer;
  display: flex;
  font-family: Audiowide;
  justify-content: center;
  line-height: 1.6;
  outline: 3px solid #0071b3;
  position: fixed;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s;
  z-index: 99
}

#backToTopBtn:after {
  color: #0071b3;
  content: "|";
  font-family: Noto Sans JP;
  font-size: 2em;
  font-weight: 400;
  position: absolute;
  right: 50%;
  transform: translate(50%, -10%)
}

.section1 h2:not(#section1 h2),
.section1 p {
  margin: 0;
  text-shadow: 3px 3px 5px #000
}

.section1 h2:not(#section1 h2) {
  color: #fff;
  font-weight: 800
}

.fv_backimg img {
  max-width: 100%;
  min-width: 100%;
  width: 100%
}

.btn {
  align-items: center;
  background: #0071b3;
  border: 2px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  margin: 0
}

.btn:hover {
  transition: .5s
}

.btn-white,
.btn:hover {
  background: #fff;
  border: 2px solid #0071b3;
  color: #0071b3
}

.btn-white {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0
}

.btn-white:hover {
  background: #0071b3;
  border: 2px solid #fff;
  color: #fff;
  transition: .5s
}

.service-box_wrap .service-box a:hover {
  opacity: .8
}

.service-box_wrap .service-box a:hover p {
  color: #0071b3
}

a {
  text-decoration: none
}


.p-hero {
  width: 100%;
  text-align: center;
  padding-top: 5.6vw;
}
.p-hero picture {
  display: block;
}

.p-hero img {
  width: 100%;
}

@media screen and (max-width:961px) {

  .p-hero {
    padding-top: 11.8vw;
  }

}


@media screen and (min-width:961px) {
  .flex {
    display: flex
  }

  .pc {
    display: none
  }


  #backToTopBtn {
    bottom: 113px;
    font-size: 1.3vw;
    height: 5vw;
    right: 24px;
    width: 5vw
  }

  #backToTopBtn:after {
    top: -40%
  }

  .section1 {
    margin-top: 4.4vw
  }

  .fv_img1 img {
    left: 8.3vw;
    top: 29vw;
    width: 1.7vw
  }

  .fv_img2 img {
    left: 37.1vw;
    top: 29vw;
    width: 1.7vw
  }

  .section1 .txt1 {
    color: #ffcf73;
    font-size: 1.664vw;
    left: 10.7vw;
    top: 29.1vw
  }

  .section1 h2 {
    font-size: 3.34vw;
    left: 8.3vw;
    top: 3vw
  }

  .fv_logo img {
    left: 8.3vw;
    top: 19vw;
    width: 25.7vw
  }

  .section1 .txt2 {
    color: #fff;
    font-size: 1.664vw;
    left: 8.3vw;
    top: 34vw
  }

  .section1 .btn,
  .section1 .btn-white {
    font-size: 2.2vw;
    height: 6vw;
    width: 33vw
  }

  .section1 .btn1 {
    left: 14.9vw;
    top: 38.8vw
  }

  .section1 .btn2 {
    left: 51.3vw;
    top: 38.8vw
  }

  .section1 .fa-solid,
  .section1 .fas {
    margin-right: 1.7vw
  }

  .loop_wrap {
    display: flex;
    height: 200px;
    margin: 1vw 0;
    overflow: hidden;
    width: 100vw
  }

  .loop_wrap img {
    height: 100%;
    width: auto
  }

  @keyframes loop {
    0% {
      transform: translateX(100%)
    }

    to {
      transform: translateX(-100%)
    }
  }

  @keyframes loop2 {
    0% {
      transform: translateX(0)
    }

    to {
      transform: translateX(-200%)
    }
  }

  .loop_wrap img:first-child {
    animation: loop 50s linear -25s infinite
  }

  .loop_wrap img:last-child {
    animation: loop2 50s linear infinite
  }

  #particles-js-1,
  #particles-js-2,
  #particles-js-3 {
    background-color: #f7f7f7;
    background-image: url();
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
  }

  .section3 {
    height: 155.3vw;
    width: 100%
  }

  .background_wrap {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
  }

  .section3 .news_wrap {
    left: 0;
    margin: auto;
    right: 0;
    top: 4.7vw;
    width: 85vw;
    z-index: 2
  }

  .section3 .news {
    align-items: center;
    background: #fff;
    height: 16.3vw;
    outline: 1px solid #0071b3;
    outline-offset: -1vw
  }

  .section3 .news_wrap .news .news_left {
    padding: 0 3.8vw 0 5vw
  }

  .section3 .news_wrap .news .news_left .Audiowide {
    color: #0071b3;
    font-size: 2.75vw;
    margin: 0
  }

  .section3 .news_wrap .news .news_left a {
    color: #0071b3;
    font-size: 1.1vw;
    margin: 0 0 0 1.1vw
  }

  .section3 .news_wrap .news .news_left .fas {
    margin-left: .6vw
  }

  .section3 .news_wrap .news .news_right .news_box {
    display: block;
    margin: 1vw 0
  }

  .section3 .news_wrap .news .news_right .news_box .flex .date,
  .section3 .news_wrap .news .news_right .news_box .news-title {
    color: #222;
    font-size: 1.1vw;
    font-weight: 400;
    margin: 0
  }

  .section3 .news_wrap .news .news_right .news_box .flex .category {
    color: #0071b3;
    font-size: 1vw;
    font-weight: 400;
    margin: 0 0 0 1vw
  }

  .youtube_wrap {
    height: 33vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 25vw;
    width: 58vw;
    z-index: 2
  }

  .youtube_wrap iframe {
    height: 100%;
    width: 100%
  }

  .features-title_wrap {
    left: 0;
    top: 62.3vw;
    width: 100%;
    z-index: 2
  }

  .section3 .features_wrap .features-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 3.3vw;
    margin: 0;
    text-align: center
  }

  .section3 .features_wrap .features-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 1.1vw;
    margin: 0;
    text-align: center
  }

  .features-back1 img {
    right: -.6vw;
    top: 71vw;
    width: 91%;
    z-index: 2
  }

  .features_wrap .point01 {
    color: #0071b3;
    font-size: 5vw;
    left: -1.2vw;
    margin: 0;
    top: 88.4vw;
    transform: rotate(90deg);
    z-index: 3
  }

  .features_wrap .point01_wrap {
    left: 20.7vw;
    top: 73.7vw;
    width: 58.8%;
    z-index: 3
  }

  .features_wrap .point-title {
    color: #0071b3;
    font-size: 2.23vw;
    margin: 0;
    text-align: center
  }

  .point01-conent_wrap {
    justify-content: space-between
  }

  .features_wrap .balloon {
    background: #0071b3;
    color: #fff;
    display: inline-block;
    font-size: 1.6vw;
    margin: 2.2vw 0 0;
    padding: .4vw 0;
    position: relative;
    text-align: center;
    width: 27.2vw
  }

  .point02_wrap .balloon {
    margin: 2.2vw 0 2.8vw
  }

  .features_wrap .balloon:before {
    border: 10px solid transparent;
    border-top-color: #0071b3;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%
  }

  .features_wrap .balloon p {
    margin: 0;
    padding: 0
  }

  .point01-conent_wrap img:not(.img-smaller) {
    display: block;
    margin: 0 auto;
    width: 10vw
  }

  .img-smaller {
    display: block;
    margin: 0 auto;
    width: 7vw
  }

  .point-category_wrap {
    margin-top: 1vw
  }

  .point-category_wrap p:first-child {
    align-items: center;
    background: #e6f2fb;
    border: 1px solid #0071b3;
    color: #0071b3;
    display: flex;
    font-size: 1.1vw;
    justify-content: center;
    margin: 0;
    padding: .4vw 0;
    width: 9vw
  }

  .point-category_wrap p:last-child {
    background: #fff;
    border: 1px solid #0071b3;
    color: #222;
    font-size: 1.1vw;
    margin: 0;
    padding: .4vw 1vw;
    width: 16.5vw
  }

  .features_wrap .point-text:not(.point-text1) {
    color: #222;
    font-size: 1.35vw;
    margin-bottom: .7vw;
    margin-top: 1.8vw;
    text-align: center
  }

  .features_wrap .point-text1 {
    color: #222;
    font-size: 1.35vw;
    margin-top: .4vw;
    text-align: center
  }

  .features-back2 img {
    left: -.6vw;
    top: 114.4vw;
    width: 91%;
    z-index: 2
  }

  .features_wrap .point02 {
    color: #0071b3;
    font-size: 4.5vw;
    margin: 0;
    right: -1.3vw;
    top: 130vw;
    transform: rotate(90deg);
    z-index: 3
  }

  .features_wrap .point02_wrap {
    left: 20.7vw;
    top: 118.4vw;
    width: 58.4%;
    z-index: 3
  }

  .section4 {
    background: #fff;
    padding-bottom: 4.3vw
  }

  .section4 .section4-title {
    color: #0071b3;
    font-size: 2.23vw;
    margin: 3.3vw 0 3.2vw;
    text-align: center
  }

  .section4 p:not(.section4-title, #section4 p) {
    color: #222;
    font-size: 1.4vw;
    margin: 0;
    text-align: center
  }

  .section4 img:not(.group_body img) {
    display: block;
    margin: 4.4vw auto 0;
    width: 71%
  }

  .section5 {
    height: 125.7vw;
    width: 100%
  }

  .solutions-title_wrap {
    left: 0;
    top: 4.6vw;
    width: 100%;
    z-index: 2
  }

  .solutions_wrap .solutions-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 3.3vw;
    margin: 0;
    text-align: center
  }

  .solutions_wrap .solutions-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 1.1vw;
    margin: 0;
    text-align: center
  }

  .solutions_wrap .solutions-img img {
    left: 20.4vw;
    top: 13.7vw;
    width: 69%;
    z-index: 2
  }

  .solutions_wrap .text1 {
    color: #fff;
    font-size: 1.66vw;
    left: 38.2vw;
    top: 13.3vw;
    z-index: 3
  }

  .solutions_wrap .solutions-text_wrap {
    left: 26.2vw;
    top: 20vw;
    z-index: 3
  }

  .solutions_wrap .solutions-text_wrap .fa-regular {
    color: #0071b3;
    font-size: 2vw;
    margin-right: .5vw
  }

  .solutions_wrap .solutions-text_wrap p {
    color: #222;
    font-size: 1.66vw;
    margin: 1.1vw 0
  }

  .solutions_wrap .solutions-text_wrap .red_text {
    color: #e03b3b
  }

  .solutions_wrap .arrow-img img {
    left: 0;
    margin: auto;
    right: 0;
    top: 41vw;
    width: 13vw;
    z-index: 2
  }

  .solutions_wrap .effect-title {
    color: #222;
    font-size: 3.35vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 47vw;
    width: fit-content;
    z-index: 2
  }

  .solutions_wrap .effect_wrap {
    justify-content: space-between;
    left: 0;
    margin: auto;
    right: 0;
    top: 55vw;
    width: 83vw;
    z-index: 2
  }

  .solutions_wrap .effect_wrap .effect_box {
    background: #fff;
    border: 2px solid #0071b3;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    height: 22.3vw;
    width: 19vw
  }

  .solutions_wrap .effect_wrap .effect_box .Audiowide {
    color: #0071b3;
    font-size: 3vw;
    margin: 1vw 0 0;
    text-align: center
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img1 img {
    display: block;
    margin: 1.7vw auto 1.1vw;
    width: 10vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img2 img {
    display: block;
    margin: .6vw auto .9vw;
    width: 3.3vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img3 img {
    display: block;
    margin: .7vw auto 1.1vw;
    width: 10vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img4 img {
    display: block;
    margin: -.2vw auto .4vw;
    width: 10vw
  }

  .solutions_wrap .effect_wrap .effect_box p:not(.Audiowide) {
    color: #222;
    font-size: 1.1vw;
    line-height: 2.1vw;
    margin: 0;
    text-align: center
  }

  .flow-title_wrap {
    left: 0;
    top: 82vw;
    width: 100%;
    z-index: 2
  }

  .flow_wrap .flow-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 3.3vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .flow-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 1.1vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .flow-img img {
    top: 91.3vw
  }

  .flow_wrap .flow-img img,
  .flow_wrap .step_wrap {
    left: 0;
    margin: auto;
    right: 0;
    width: 83.5%;
    z-index: 2
  }

  .flow_wrap .step_wrap {
    justify-content: space-between;
    top: 106.7vw
  }

  .flow_wrap .step_wrap div {
    width: 15.5vw
  }

  .flow_wrap .step_wrap .Audiowide {
    color: #0071b3;
    font-size: 2.3vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .step_wrap p:not(.Audiowide) {
    color: #222;
    font-size: 1.4vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .btn {
    font-size: 2.2vw;
    height: 6.5vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 115vw;
    width: 33.5vw;
    z-index: 2
  }

  .flow_wrap .btn .fa-solid {
    margin-right: 1vw
  }

  .section6 {
    background: #fff
  }

  .cases-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 3.3vw;
    margin: 2.5vw 0 0 8.3vw
  }

  .cases-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 1.1vw;
    margin: .2vw 0 0 8.3vw;
    text-align: center;
    width: fit-content
  }

  .section6 .container {
    justify-content: space-between;
    margin: 3.5vw auto 3vw;
    width: 84%
  }

  .section6 .container .related_post,
  .section6 .container .related_post .featured_image,
  .section6 .container a {
    width: 26.5vw
  }

  .section6 .container .related_post {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    padding-bottom: 1.5vw
  }

  .section6 .container .download_post {
    box-shadow: none
  }

  .section6 .container .related_post .featured_image img {
    height: 16vw;
    object-fit: cover;
    width: 100%
  }

  .section6 .container .related_post ul {
    color: #0071b3;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 1.3vw 0 0 1.7vw;
    padding: 0
  }

  .section6 .container .related_post ul li {
    font-size: 1.1vw;
    margin-right: .5vw
  }

  .section6 .container .related_post p {
    color: #222;
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.95vw;
    margin: .5vw 1.7vw 0
  }

  .section6 .download-btn {
    align-items: center;
    background: #222;
    color: #fff;
    display: flex;
    font-size: 1.1vw;
    height: 3.5vw;
    justify-content: center;
    margin: 1vw 0 0;
    width: 100%
  }

  .section6 .btn_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 9vw
  }

  .section6 .btn_wrap .btn {
    font-size: 1.7vw;
    height: 4.5vw;
    width: 33.5vw
  }

  .section6 .fas {
    margin-left: 1vw
  }

  .section7 {
    height: 108.7vw;
    width: 100%
  }

  .price-title_wrap {
    left: 0;
    top: 4.6vw;
    width: 100%;
    z-index: 2
  }

  .price_wrap .price-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 3.3vw;
    margin: 0;
    text-align: center
  }

  .price_wrap .price-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 1.1vw;
    margin: 0;
    text-align: center
  }

  .price-box_wrap .price-box {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    left: 0;
    margin: auto;
    right: 0;
    top: 13.7vw;
    width: 58.3vw;
    z-index: 2
  }

  .price-box_wrap .price-box p {
    margin: 0;
    text-align: center
  }

  .price-box_wrap .price-box .red {
    background: #e03b3b;
    color: #fff;
    font-size: 2.2vw;
    padding: 1.2vw 0;
    width: 100%
  }

  .price-box_wrap .price-box p:not(.black, .red) {
    background: #fff;
    font-size: 2.2vw;
    padding: 1.7vw 0;
    width: 100%
  }

  .price-box_wrap .price-box .large-text {
    font-size: 4.3vw
  }

  .price-box_wrap .black-text {
    color: #222
  }

  .price-box_wrap .red-text {
    color: #e03b3b
  }

  .price_wrap .text1 {
    font-size: 1.67vw;
    top: 30.5vw
  }

  .price_wrap .text1,
  .price_wrap .text3 {
    color: #222;
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    z-index: 2
  }

  .price_wrap .text3 {
    font-size: 1.11vw;
    font-weight: 400;
    line-height: 1.9vw;
    top: 34vw
  }

  .service_wrap .service-title_wrap {
    left: 0;
    top: 43.7vw;
    width: 100%;
    z-index: 2
  }

  .service_wrap .service-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 3.3vw;
    margin: 0;
    text-align: center
  }

  .service_wrap .service-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 1.1vw;
    margin: 0;
    text-align: center
  }

  .service_wrap .service-box_wrap {
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    margin: auto;
    right: 0;
    top: 52.9vw;
    width: 85vw;
    z-index: 2
  }

  .service_wrap .service-box_wrap .service-box {
    width: 21.2vw
  }

  .service_wrap .service-box_wrap .service-box img {
    display: block;
    margin: 0 auto;
    width: 15.6vw
  }

  .service_wrap .service-box_wrap .service-box p {
    color: #222;
    font-size: 1.7vw;
    line-height: 1.9vw;
    margin: 1.4vw 0 3.4vw;
    text-align: center
  }

  .service_wrap .btn {
    font-size: 1.7vw;
    height: 4.5vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 99.5vw;
    width: 33.5vw;
    z-index: 2
  }

  .service_wrap .fas {
    margin-left: 1vw
  }

  .section8 {
    line-height: 0
  }

  .section8 img:not(.cta-geodam img) {
    width: 100%
  }

  .section8 .absolute {
    left: 0;
    margin: auto;
    right: 0;
    top: 3.3vw;
    width: 61.5vw
  }

  .section8 .absolute .cta-geodam img {
    display: block;
    margin: 0 auto;
    width: 28vw
  }

  .section8 .absolute p {
    color: #fff;
    text-align: center
  }

  .section8 .absolute .text1 {
    font-size: 1.65vw;
    line-height: 3vw;
    margin: 2vw 0 0
  }

  .section8 .absolute .text2 {
    font-size: 1.66vw;
    line-height: 3vw;
    margin: 1vw 0 0
  }

  .section8 .absolute .text3 {
    font-size: 1.1vw;
    line-height: 2vw;
    margin: .5vw 0 2.2vw
  }

  .section8 .flex {
    justify-content: center
  }

  .section8 .btn,
  .section8 .btn-white {
    font-size: 2.2vw;
    height: 6vw;
    width: 38.5vw
  }

  .section8 .fa-solid,
  .section8 .fas {
    margin-right: 1vw
  }
}

@media screen and (min-width:641px) and (max-width:960px) {
  .flex {
    display: flex
  }

  .tab {
    display: none
  }

  #backToTopBtn {
    bottom: 113px;
    font-size: 1.9vw;
    height: 6.5vw;
    right: 36px;
    width: 6.5vw
  }

  #backToTopBtn:after {
    top: -55%
  }

  .section1 {
    margin-top: 8.4vw
  }

  .fv_img1 img {
    left: 10vw;
    top: 28.2vw;
    width: 1.6vw
  }

  .fv_img2 img {
    left: 40.9vw;
    top: 28.2vw;
    width: 1.6vw
  }

  .section1 .txt1 {
    color: #ffcf73;
    font-size: 1.82vw;
    left: 12.1vw;
    top: 28.5vw
  }

  .section1 h2:not(#section1 h2) {
    font-size: 3.6vw;
    left: 8.3vw;
    top: 2.5vw
  }

  .fv_logo img {
    left: 8.3vw;
    top: 20vw;
    width: 20.4vw
  }

  .section1 .txt2 {
    color: #fff;
    font-size: 1.82vw;
    left: 8.3vw;
    top: 33.3vw
  }

  .section1 .btn,
  .section1 .btn-white {
    font-size: 2.2vw;
    height: 6vw;
    width: 33vw
  }

  .section1 .btn1 {
    left: 14.9vw;
    top: 38.8vw
  }

  .section1 .btn2 {
    left: 51.3vw;
    top: 38.8vw
  }

  .section1 .fa-solid,
  .section1 .fas {
    margin-right: 1.7vw
  }

  .loop_wrap {
    display: flex;
    height: 125px;
    margin: 1vw 0 2.5vw;
    overflow: hidden;
    width: 100vw
  }

  .loop_wrap img {
    height: 100%;
    width: auto
  }

  @keyframes loop {
    0% {
      transform: translateX(100%)
    }

    to {
      transform: translateX(-100%)
    }
  }

  @keyframes loop2 {
    0% {
      transform: translateX(0)
    }

    to {
      transform: translateX(-200%)
    }
  }

  .loop_wrap img:first-child {
    animation: loop 50s linear -25s infinite
  }

  .loop_wrap img:last-child {
    animation: loop2 50s linear infinite
  }

  #particles-js-1,
  #particles-js-2,
  #particles-js-3 {
    background-color: #f7f7f7;
    background-image: url();
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
  }

  .section3 {
    height: 238.7vw;
    width: 100%
  }

  .background_wrap {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
  }

  .section3 .news_wrap {
    left: 0;
    margin: auto;
    right: 0;
    top: 7.5vw;
    width: 96vw;
    z-index: 2
  }

  .section3 .news {
    align-items: center;
    background: #fff;
    height: 40.3vw;
    outline: 1px solid #0071b3;
    outline-offset: -1vw
  }

  .section3 .news_wrap .news .news_left {
    padding: 0 5.5vw 0 6.5vw
  }

  .section3 .news_wrap .news .news_left .Audiowide {
    color: #0071b3;
    font-size: 5.2vw;
    margin: 0
  }

  .section3 .news_wrap .news .news_left a {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0 0 0 2vw
  }

  .section3 .news_wrap .news .news_left .fas {
    margin-left: .6vw
  }

  .section3 .news_wrap .news .news_right .news_box {
    display: block;
    margin: 3vw 0
  }

  .section3 .news_wrap .news .news_right .news_box .flex .date {
    color: #222;
    font-size: 1.8vw;
    font-weight: 400;
    margin: 0
  }

  .section3 .news_wrap .news .news_right .news_box .news-title {
    color: #222;
    font-size: 2.1vw;
    font-weight: 400;
    margin: 0;
    width: 63vw
  }

  .section3 .news_wrap .news .news_right .news_box .flex .category {
    color: #0071b3;
    font-size: 1.8vw;
    font-weight: 400;
    margin: 0 0 0 1vw
  }

  .youtube_wrap {
    height: 54vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 55vw;
    width: 96vw;
    z-index: 2
  }

  .youtube_wrap iframe {
    height: 100%;
    width: 100%
  }

  .features-title_wrap {
    left: 0;
    top: 116.3vw;
    width: 100%;
    z-index: 2
  }

  .section3 .features_wrap .features-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 5.18vw;
    margin: 0;
    text-align: center
  }

  .section3 .features_wrap .features-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0;
    text-align: center
  }

  .features-back img {
    left: -1vw;
    top: 115.7vw;
    width: 102.3vw;
    z-index: 2
  }

  .features_wrap .point01 {
    color: #0071b3;
    font-size: 5.2vw;
    left: -7.5vw;
    margin: 0;
    top: 151.1vw;
    transform: rotate(90deg);
    z-index: 3
  }

  .features_wrap .point01_wrap {
    left: 14.5vw;
    top: 134vw;
    width: 74.7vw;
    z-index: 3
  }

  .features_wrap .point-title {
    color: #0071b3;
    font-size: 2.85vw;
    margin: 0;
    text-align: center
  }

  .point01-conent_wrap {
    justify-content: space-between
  }

  .features_wrap .balloon {
    background: #0071b3;
    color: #fff;
    display: inline-block;
    font-size: 2.2vw;
    margin: 2.1vw 0 0;
    padding: .6vw 0;
    position: relative;
    text-align: center;
    width: 36.6vw
  }

  .point02_wrap .balloon {
    margin: 3.1vw 0 2.8vw
  }

  .features_wrap .balloon:before {
    border: 10px solid transparent;
    border-top-color: #0071b3;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%
  }

  .features_wrap .balloon p {
    margin: 0;
    padding: 0
  }

  .point01-conent_wrap img:not(.point02-img1 img, .point02-img2 img) {
    display: block;
    margin: 0 auto;
    width: 10vw
  }

  .point02-img1 img {
    display: block;
    margin: 1vw auto;
    width: 11vw
  }

  .point02-img2 img {
    display: block;
    margin: 1.5vw auto;
    width: 15vw
  }

  .point-category_wrap {
    margin-top: 1vw
  }

  .point-category_wrap p:first-child {
    align-items: center;
    background: #e6f2fb;
    border: 1px solid #0071b3;
    color: #0071b3;
    display: flex;
    font-size: 1.6vw;
    justify-content: center;
    margin: 0;
    padding: .4vw 0;
    width: 11vw
  }

  .point-category_wrap p:last-child {
    background: #fff;
    border: 1px solid #0071b3;
    color: #222;
    font-size: 1.6vw;
    margin: 0;
    padding: .4vw .5vw;
    width: 24vw
  }

  .features_wrap .point-text:not(.point-text1) {
    color: #222;
    font-size: 1.8vw;
    margin-bottom: 1vw;
    margin-top: 2.2vw;
    text-align: center
  }

  .features_wrap .point-text1 {
    color: #222;
    font-size: 1.8vw;
    margin-top: .4vw;
    text-align: center
  }

  .features_wrap .point02 {
    color: #0071b3;
    font-size: 5.2vw;
    margin: 0;
    right: -9vw;
    top: 203vw;
    transform: rotate(90deg);
    z-index: 3
  }

  .features_wrap .point02_wrap {
    left: 14.5vw;
    top: 186.4vw;
    width: 74.7vw;
    z-index: 3
  }

  .section4 {
    background: #fff;
    padding-bottom: 4.3vw
  }

  .section4 .section4-title {
    color: #0071b3;
    font-size: 2.85vw;
    margin: 4.3vw 0 3.2vw;
    text-align: center
  }

  .section4 p:not(.section4-title, #section4 p) {
    color: #222;
    font-size: 1.83vw;
    margin: 0;
    text-align: center
  }

  .section4 img:not(.group_body img) {
    display: block;
    margin: 3.1vw auto 0;
    width: 96%
  }

  .section5 {
    height: 232.7vw;
    width: 100%
  }

  .solutions-title_wrap {
    left: 0;
    top: 7.5vw;
    width: 100%;
    z-index: 2
  }

  .solutions_wrap .solutions-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 5.18vw;
    margin: 0;
    text-align: center
  }

  .solutions_wrap .solutions-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0;
    text-align: center
  }

  .solutions_wrap .solutions-img img {
    left: 0;
    margin: auto;
    right: 0;
    top: 21.2vw;
    width: 98%;
    z-index: 2
  }

  .solutions_wrap .text1 {
    color: #fff;
    font-size: 3.1vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 23.5vw;
    width: fit-content;
    z-index: 3
  }

  .solutions_wrap .solutions-text_wrap {
    left: 7.4vw;
    top: 32vw;
    z-index: 3
  }

  .solutions_wrap .solutions-text_wrap .fa-regular {
    color: #0071b3;
    font-size: 3vw;
    margin-right: 1.5vw
  }

  .solutions_wrap .solutions-text_wrap p {
    color: #222;
    font-size: 2.6vw;
    margin: 1.8vw 0
  }

  .solutions_wrap .solutions-text_wrap .red_text {
    color: #e03b3b
  }

  .solutions_wrap .arrow-img img {
    left: 0;
    margin: auto;
    right: 0;
    top: 64.4vw;
    width: 10vw;
    z-index: 2
  }

  .solutions_wrap .effect-title {
    color: #222;
    font-size: 4.2vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 71vw;
    width: fit-content;
    z-index: 2
  }

  .solutions_wrap .effect_wrap {
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    margin: auto;
    right: 0;
    top: 81.4vw;
    width: 76.2vw;
    z-index: 2
  }

  .solutions_wrap .effect_wrap .effect_box {
    background: #fff;
    border: 2px solid #0071b3;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    height: 41.3vw;
    margin-bottom: 3vw;
    width: 35.9vw
  }

  .solutions_wrap .effect_wrap .effect_box .Audiowide {
    color: #0071b3;
    font-size: 5.5vw;
    margin: 2vw 0 0;
    text-align: center
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img1 img {
    display: block;
    margin: 2.9vw auto 2.1vw;
    width: 19vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img2 img {
    display: block;
    margin: 1vw auto 1.4vw;
    width: 6.3vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img3 img {
    display: block;
    margin: 1.3vw auto 2.1vw;
    width: 19vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img4 img {
    display: block;
    margin: 0 auto .7vw;
    width: 18.5vw
  }

  .solutions_wrap .effect_wrap .effect_box p:not(.Audiowide) {
    color: #222;
    font-size: 2.1vw;
    line-height: 4.1vw;
    margin: 0;
    text-align: center
  }

  .flow-title_wrap {
    left: 0;
    top: 176vw;
    width: 100%;
    z-index: 2
  }

  .flow_wrap .flow-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 5.18vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .flow-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .flow-img img {
    left: 0;
    margin: auto;
    right: 0;
    top: 190vw;
    width: 89%;
    z-index: 2
  }

  .flow_wrap .step_wrap {
    justify-content: space-between;
    left: 0;
    margin: auto;
    right: 0;
    top: 206.5vw;
    width: 96%;
    z-index: 2
  }

  .flow_wrap .step_wrap div {
    width: 22vw
  }

  .flow_wrap .step_wrap .Audiowide {
    color: #0071b3;
    font-size: 2.6vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .step_wrap p:not(.Audiowide) {
    color: #222;
    font-size: 2vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .btn {
    font-size: 2.6vw;
    height: 8.5vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 217vw;
    width: 62.5vw;
    z-index: 2
  }

  .flow_wrap .fa-solid {
    font-size: 3vw;
    margin-right: 2vw
  }

  .section6 {
    background: #fff
  }

  .cases-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 5.18vw;
    margin: 1.5vw 0 0 2vw
  }

  .cases-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0 0 0 2vw;
    text-align: center;
    width: fit-content
  }

  .section6 .container {
    justify-content: space-between;
    margin: 4.2vw auto 4vw;
    width: 96%
  }

  .section6 .container .related_post,
  .section6 .container .related_post .featured_image,
  .section6 .container a {
    width: 30.5vw
  }

  .section6 .container .related_post {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    padding-bottom: 2vw
  }

  .section6 .container .download_post {
    box-shadow: none
  }

  .section6 .container .related_post .featured_image img {
    height: 19vw;
    object-fit: cover;
    width: 100%
  }

  .section6 .container .related_post ul {
    color: #0071b3;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: .8vw 0 0 1.7vw;
    padding: 0
  }

  .section6 .container .related_post ul li {
    font-size: 1.8vw;
    margin-right: .5vw
  }

  .section6 .container .related_post p {
    color: #222;
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 3vw;
    margin: .5vw 1.7vw 0
  }

  .section6 .download-btn {
    align-items: center;
    background: #222;
    color: #fff;
    display: flex;
    font-size: 1.8vw;
    height: 5vw;
    justify-content: center;
    margin: 2.5vw 0 0;
    width: 100%
  }

  .section6 .btn_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 6vw
  }

  .section6 .btn_wrap .btn {
    font-size: 2.6vw;
    height: 6vw;
    width: 62.5vw
  }

  .section6 .fas {
    margin-left: 1vw
  }

  .section7 {
    height: 191.4vw;
    width: 100%
  }

  .price-title_wrap {
    left: 0;
    top: 7.5vw;
    width: 100%;
    z-index: 2
  }

  .price_wrap .price-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 5.18vw;
    margin: 0;
    text-align: center
  }

  .price_wrap .price-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0;
    text-align: center
  }

  .price-box_wrap .price-box {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    left: 0;
    margin: auto;
    right: 0;
    top: 23.2vw;
    width: 62.8vw;
    z-index: 2
  }

  .price-box_wrap .price-box p {
    margin: 0;
    text-align: center
  }

  .price-box_wrap .price-box .red {
    background: #e03b3b;
    color: #fff;
    font-size: 2.4vw;
    padding: .9vw 0;
    width: 100%
  }

  .price-box_wrap .price-box p:not(.black, .red) {
    background: #fff;
    font-size: 2.4vw;
    padding: 1.1vw 0;
    width: 100%
  }

  .price-box_wrap .price-box .large-text {
    font-size: 6.3vw
  }

  .price-box_wrap .black-text {
    color: #222
  }

  .price-box_wrap .red-text {
    color: #e03b3b
  }

  .price_wrap .text1 {
    font-size: 2.6vw;
    top: 41.7vw
  }

  .price_wrap .text1,
  .price_wrap .text3 {
    color: #222;
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    z-index: 2
  }

  .price_wrap .text3 {
    font-size: 2.1vw;
    font-weight: 400;
    line-height: 3.8vw;
    top: 46.6vw
  }

  .service_wrap .service-title_wrap {
    left: 0;
    top: 57.3vw;
    width: 100%;
    z-index: 2
  }

  .service_wrap .service-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 5.18vw;
    margin: 0;
    text-align: center
  }

  .service_wrap .service-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 2.1vw;
    margin: 0;
    text-align: center
  }

  .service_wrap .service-box_wrap {
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    margin: auto;
    right: 0;
    top: 73.5vw;
    width: 95vw;
    z-index: 2
  }

  .service_wrap .service-box_wrap .service-box {
    width: 28.2vw
  }

  .service-box-center {
    margin: 0 4.6vw
  }

  .service-box-bottom {
    margin: 0 2vw
  }

  .service_wrap .service-box_wrap .service-box img {
    display: block;
    margin: auto;
    width: 25vw
  }

  .service_wrap .service-box_wrap .service-box p {
    color: #222;
    font-size: 2.3vw;
    line-height: 2.9vw;
    margin: 2.2vw 0 3.5vw;
    text-align: center
  }

  .service_wrap .btn {
    font-size: 2.6vw;
    height: 6vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 178vw;
    width: 62.5vw;
    z-index: 2
  }

  .service_wrap .fas {
    margin-left: 1vw
  }

  .section8 {
    line-height: 0
  }

  .section8 img:not(.cta-geodam img) {
    width: 100%
  }

  .section8 .absolute {
    left: 0;
    top: 7vw;
    width: 100%
  }

  .section8 .absolute .cta-geodam img {
    display: block;
    margin: 0 auto;
    width: 39%
  }

  .section8 .absolute p {
    color: #fff;
    text-align: center
  }

  .section8 .absolute .text1 {
    font-size: 3.1vw;
    line-height: 4vw;
    margin: 3.4vw 0 0
  }

  .section8 .absolute .text3 {
    font-size: 2.05vw;
    line-height: 4vw;
    margin: 2vw 0 3.2vw
  }

  .section8 .flex {
    justify-content: center
  }

  .section8 .btn,
  .section8 .btn-white {
    font-size: 3.2vw;
    height: 9vw;
    width: 62vw
  }

  .section8 .fa-solid,
  .section8 .fas {
    margin-right: 1.5vw
  }
}

@media screen and (max-width:640px) {
  .sp {
    display: none
  }

.p-hero{
  padding-top: 70px;
}


  #backToTopBtn {
    bottom: 113px;
    font-size: 2.9vw;
    height: 9.5vw;
    outline: 2px solid #0071b3;
    right: 19px;
    width: 9.5vw
  }

  #backToTopBtn:after {
    top: -55%
  }

  .section1 {
    margin-top: 48px
  }

  .fv_img1 img,
  .fv_img2 img {
    top: 56vw;
    width: 3.6vw
  }

  .fv_img1 img {
    left: 4.2vw
  }

  .fv_img2 img {
    left: 67.8vw
  }

  .section1 .txt1 {
    color: #ffcf73;
    font-size: 3.75vw;
    left: 8.6vw;
    top: 56.1vw
  }

  .section1 h2:not(#section1 h2) {
    font-size: 6.4vw;
    left: 4.3vw;
    top: 7.5vw
  }

  .fv_logo img {
    left: 4.3vw;
    top: 40vw;
    width: 41.5vw
  }

  .section1 .txt2 {
    color: #fff;
    font-size: 3.7vw;
    left: 4.3vw;
    top: 65.3vw
  }

  .section1 .btn,
  .section1 .btn-white {
    font-size: 4.3vw;
    height: 12vw;
    left: 0;
    margin: auto;
    right: 0;
    width: 68vw
  }

  .section1 .btn1 {
    top: 80.5vw
  }

  .section1 .btn2 {
    top: 97.6vw
  }

  .section1 .fa-solid,
  .section1 .fas {
    margin-right: 1.7vw
  }

  .loop_wrap {
    display: flex;
    height: 89px;
    margin: 2vw 0 4vw;
    overflow: hidden;
    width: 100vw
  }

  .loop_wrap img {
    height: 100%;
    width: auto
  }

  @keyframes loop {
    0% {
      transform: translateX(100%)
    }

    to {
      transform: translateX(-100%)
    }
  }

  @keyframes loop2 {
    0% {
      transform: translateX(0)
    }

    to {
      transform: translateX(-200%)
    }
  }

  .loop_wrap img:first-child {
    animation: loop 50s linear -25s infinite
  }

  .loop_wrap img:last-child {
    animation: loop2 50s linear infinite
  }

  #particles-js-1,
  #particles-js-2,
  #particles-js-3 {
    background-color: #f7f7f7;
    background-image: url();
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
  }

  .section3 {
    height: 596.5vw;
    width: 100%
  }

  .background_wrap {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
  }

  .section3 .news_wrap {
    left: 0;
    margin: auto;
    right: 0;
    top: 9.5vw;
    width: 93vw;
    z-index: 2
  }

  .section3 .news {
    align-items: center;
    background: #fff;
    height: 116vw;
    outline: 1px solid #0071b3;
    outline-offset: -2vw
  }

  .section3 .news_wrap .news .news_left .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 0;
    padding-top: 9vw;
    text-align: center
  }

  .section3 .news_wrap .news .news_left a {
    color: #0071b3;
    display: block;
    font-size: 4.2vw;
    margin: 0 auto 6vw;
    text-align: center;
    width: fit-content
  }

  .section3 .news_wrap .news .news_left .fas {
    margin-left: 2.5vw
  }

  .section3 .news_wrap .news .news_right .news_box {
    display: block;
    margin: 0 5vw 4vw
  }

  .section3 .news_wrap .news .news_right .news_box .flex {
    display: flex
  }

  .section3 .news_wrap .news .news_right .news_box .flex .date {
    color: #222;
    font-size: 3.2vw;
    font-weight: 400;
    margin: 0
  }

  .section3 .news_wrap .news .news_right .news_box .news-title {
    color: #222;
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 6vw;
    margin: 0;
    width: 82vw
  }

  .section3 .news_wrap .news .news_right .news_box .flex .category {
    color: #0071b3;
    font-size: 3.2vw;
    font-weight: 400;
    margin: 0 0 0 4vw
  }

  .youtube_wrap {
    height: 52vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 135vw;
    width: 91vw;
    z-index: 2
  }

  .youtube_wrap iframe {
    height: 100%;
    width: 100%
  }

  .features-title_wrap {
    left: 0;
    top: 199vw;
    width: 100%;
    z-index: 2
  }

  .section3 .features_wrap .features-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 0;
    text-align: center
  }

  .section3 .features_wrap .features-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 3.6vw;
    margin: 0;
    text-align: center
  }

  .features-back1 img {
    right: -3vw;
    top: 202vw;
    width: 101vw;
    z-index: 2
  }

  .features_wrap .point01 {
    color: #0071b3;
    font-size: 8.5vw;
    left: -16vw;
    margin: 0;
    top: 314vw;
    transform: rotate(90deg);
    z-index: 3
  }

  .features_wrap .point01_wrap {
    left: 7.5vw;
    top: 228.5vw;
    width: 84.5vw;
    z-index: 3
  }

  .features_wrap .point-title {
    color: #0071b3;
    font-size: 4.8vw;
    margin: 0;
    text-align: center
  }

  .features_wrap .balloon {
    background: #0071b3;
    color: #fff;
    display: block;
    font-size: 4.6vw;
    margin: 6.1vw auto 0;
    padding: 1.2vw 0;
    position: relative;
    text-align: center;
    width: 74.5vw
  }

  .point02_wrap .balloon {
    margin: 6.1vw auto 6.8vw
  }

  .features_wrap .balloon:before {
    border: 10px solid transparent;
    border-top-color: #0071b3;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%
  }

  .features_wrap .balloon p {
    margin: 0;
    padding: 0
  }

  .point01-conent_wrap img:not(.point02-img1 img, .point02-img2 img) {
    display: block;
    margin: 0 auto;
    width: 20vw
  }

  .features-back2 img {
    left: -3vw;
    top: 421vw;
    width: 101vw;
    z-index: 2
  }

  .point02-img1 img {
    display: block;
    margin: 8.5vw auto 0;
    width: 22vw
  }

  .point02-img2 img {
    display: block;
    margin: 0 auto;
    width: 30vw
  }

  .point-category_wrap {
    display: flex;
    margin: 2.5vw 0 0 4vw
  }

  .point-category_wrap p:first-child {
    align-items: center;
    background: #e6f2fb;
    border: 1px solid #0071b3;
    color: #0071b3;
    display: flex;
    font-size: 3.5vw;
    justify-content: center;
    margin: 0;
    padding: 1vw 0;
    width: 22vw
  }

  .point-category_wrap p:last-child {
    background: #fff;
    border: 1px solid #0071b3;
    color: #222;
    font-size: 3.5vw;
    margin: 0;
    padding: 1vw;
    width: 53vw
  }

  .features_wrap .point-text:not(.point-text1) {
    color: #222;
    font-size: 3.75vw;
    margin-bottom: 3vw;
    margin-top: 4.2vw;
    text-align: center
  }

  .features_wrap .point-text1 {
    color: #222;
    font-size: 3.75vw;
    margin-top: 1.4vw;
    text-align: center
  }

  .features_wrap .point02 {
    color: #0071b3;
    font-size: 8.5vw;
    margin: 0;
    right: -18vw;
    top: 502vw;
    transform: rotate(90deg);
    z-index: 3
  }

  .features_wrap .point02_wrap {
    left: 7.5vw;
    top: 432vw;
    width: 84.5vw;
    z-index: 3
  }

  .section4 {
    background: #fff;
    padding-bottom: 4.3vw
  }

  .section4 .section4-title {
    color: #0071b3;
    font-size: 4.8vw;
    margin: 6vw 0 6.5vw;
    text-align: center
  }

  .section4 p:not(.section4-title, #section4 p) {
    color: #222;
    font-size: 3.7vw;
    margin: 0;
    text-align: center
  }

  .section4 img:not(.group_body img) {
    display: block;
    margin: 6.5vw auto 0;
    width: 91%
  }

  .section5 {
    height: 662.5vw;
    width: 100%
  }

  .solutions-title_wrap {
    left: 0;
    top: 10.5vw;
    width: 100%;
    z-index: 2
  }

  .solutions_wrap .solutions-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 0;
    text-align: center
  }

  .solutions_wrap .solutions-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 3.6vw;
    margin: 0;
    text-align: center
  }

  .solutions_wrap .solutions-img img {
    left: 0;
    margin: auto;
    right: 0;
    top: 33.5vw;
    width: 96%;
    z-index: 2
  }

  .solutions_wrap .text1 {
    color: #fff;
    font-size: 4.8vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 36vw;
    width: fit-content;
    z-index: 3
  }

  .solutions_wrap .solutions-text_wrap {
    left: 8.4vw;
    top: 46vw;
    width: 83vw;
    z-index: 3
  }

  .solutions_wrap .solutions-text_wrap .fa-regular {
    color: #0071b3;
    font-size: 3vw;
    margin-right: 1.5vw
  }

  .solutions_wrap .solutions-text_wrap p {
    color: #222;
    font-size: 4.3vw;
    margin: 2.3vw 0
  }

  .solutions_wrap .solutions-text_wrap .red_text {
    color: #e03b3b
  }

  .solutions_wrap .arrow-img img {
    left: 0;
    margin: auto;
    right: 0;
    top: 162vw;
    width: 23vw;
    z-index: 2
  }

  .solutions_wrap .effect-title {
    color: #222;
    font-size: 5.4vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 174.2vw;
    width: fit-content;
    z-index: 2
  }

  .solutions_wrap .effect_wrap {
    left: 0;
    margin: auto;
    right: 0;
    top: 188.4vw;
    width: 90.5vw;
    z-index: 2
  }

  .solutions_wrap .effect_wrap .effect_box {
    background: #fff;
    border: 2px solid #0071b3;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    height: 75.3vw;
    margin-bottom: 6vw;
    width: 100%
  }

  .solutions_wrap .effect_wrap .effect_box .Audiowide {
    color: #0071b3;
    font-size: 11vw;
    margin: 4vw 0 0;
    text-align: center
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img1 img {
    display: block;
    margin: 2vw auto 5.1vw;
    width: 38vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img2 img {
    display: block;
    margin: 1vw auto 1.4vw;
    width: 12.5vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img3 img {
    display: block;
    margin: 2.3vw auto 1vw;
    width: 38.5vw
  }

  .solutions_wrap .effect_wrap .effect_box .effect-img4 img {
    display: block;
    margin: 1vw auto 1.5vw;
    width: 33.5vw
  }

  .solutions_wrap .effect_wrap .effect_box p:not(.Audiowide) {
    color: #222;
    font-size: 4.2vw;
    line-height: 6vw;
    margin: 0;
    text-align: center
  }

  .flow-title_wrap {
    left: 0;
    top: 521vw;
    width: 100%;
    z-index: 2
  }

  .flow_wrap .flow-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .flow-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 4.3vw;
    margin: 0;
    text-align: center
  }

  .flow_wrap .step_wrap {
    left: 0;
    margin: auto;
    right: 0;
    top: 543vw;
    width: 100%;
    z-index: 2
  }

  .flow_wrap .step_wrap .step_box {
    align-items: center;
    display: flex;
    margin: 0 auto 3vw;
    width: 71vw
  }

  .step-img_wrap {
    align-items: center;
    display: flex
  }

  .flow_wrap .step_wrap .step_box img {
    margin-right: 4vw;
    width: 19vw
  }

  .flow_wrap .step_wrap .Audiowide {
    color: #0071b3;
    font-size: 6.4vw;
    margin: 0
  }

  .flow_wrap .step_wrap p:not(.Audiowide) {
    color: #222;
    font-size: 4.3vw;
    margin: 0
  }

  .flow_wrap .btn {
    font-size: 5.5vw;
    height: 16.5vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 637vw;
    width: 91.5vw;
    z-index: 2
  }

  .flow_wrap .fa-solid {
    font-size: 6.5vw;
    margin-right: 2vw
  }

  .section6 {
    background: #fff
  }

  .cases-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 7vw 0 0 4vw
  }

  .cases-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 4.3vw;
    margin: 0 0 0 4vw;
    text-align: center;
    width: fit-content
  }

  .section6 .container {
    margin: 7vw auto 0;
    width: 100%
  }

  .section6 .container .related_post,
  .section6 .container .related_post .featured_image,
  .section6 .container a {
    margin: 0 auto;
    width: 91.5vw
  }

  .section6 .container .related_post {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    margin-bottom: 6vw;
    padding-bottom: 3vw
  }

  .section6 .container .download_post {
    box-shadow: none;
    margin-bottom: 6vw
  }

  .section6 .container .related_post .featured_image img {
    height: 56vw;
    object-fit: cover;
    width: 100%
  }

  .section6 .container .related_post ul {
    color: #0071b3;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 2.6vw 0 0 3.1vw;
    padding: 0
  }

  .section6 .container .related_post ul li {
    font-size: 3.7vw;
    margin-right: 2vw
  }

  .section6 .container .related_post p {
    color: #222;
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 6vw;
    margin: 0 3.1vw
  }

  .section6 .container .download_post p {
    color: #222;
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 6vw;
    margin: 2vw 4vw 0
  }

  .section6 .download-btn {
    align-items: center;
    background: #222;
    color: #fff;
    display: flex;
    font-size: 3.7vw;
    height: 12vw;
    justify-content: center;
    margin: 4.5vw 0 0 !important;
    width: 100%
  }

  .section6 .btn_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 6vw
  }

  .section6 .btn_wrap .btn {
    font-size: 5.5vw;
    height: 16.5vw;
    width: 91.5vw
  }

  .section6 .fas {
    margin-left: 1vw
  }

  .section7 {
    height: 391vw;
    width: 100%
  }

  .price-title_wrap {
    left: 0;
    top: 7.5vw;
    width: 100%;
    z-index: 2
  }

  .price_wrap .price-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 0;
    text-align: center
  }

  .price_wrap .price-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 4.3vw;
    margin: 0;
    text-align: center
  }

  .price-box_wrap .price-box {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .2);
    left: 0;
    margin: auto;
    right: 0;
    top: 31.4vw;
    width: 91.5vw;
    z-index: 2
  }

  .price-box_wrap .price-box p {
    margin: 0;
    text-align: center
  }

  .price-box_wrap .price-box .red {
    background: #e03b3b;
    color: #fff;
    font-size: 4.7vw;
    padding: 2.1vw 0;
    width: 100%
  }

  .price-box_wrap .price-box p:not(.black, .red) {
    background: #fff;
    font-size: 4.7vw;
    padding: 3.5vw 0;
    width: 100%
  }

  .price-box_wrap .price-box .large-text {
    font-size: 13vw
  }

  .price-box_wrap .black-text {
    color: #222
  }

  .price-box_wrap .red-text {
    color: #e03b3b
  }

  .price_wrap .text1 {
    font-size: 4.8vw;
    text-align: center;
    top: 72.5vw
  }

  .price_wrap .text1,
  .price_wrap .text3 {
    color: #222;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 2
  }

  .price_wrap .text3 {
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 6.5vw;
    top: 90.6vw;
    width: 90vw
  }

  .service_wrap .service-title_wrap {
    left: 0;
    top: 111vw;
    width: 100%;
    z-index: 2
  }

  .service_wrap .service-title_wrap .Audiowide {
    color: #0071b3;
    font-size: 8.6vw;
    margin: 0;
    text-align: center
  }

  .service_wrap .service-title_wrap p:not(.Audiowide) {
    color: #0071b3;
    font-size: 4.3vw;
    margin: 0;
    text-align: center
  }

  .service_wrap .service-box_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    margin: auto;
    right: 0;
    top: 136vw;
    width: 89vw;
    z-index: 2
  }

  .service_wrap .service-box_wrap .service-box {
    width: 43.5vw
  }

  .service_wrap .service-box_wrap .service-box img {
    display: block;
    margin: auto;
    width: 38vw
  }

  .service_wrap .service-box_wrap .service-box p {
    color: #222;
    font-size: 4.8vw;
    line-height: 7vw;
    margin: 2.2vw 0 3.5vw;
    text-align: center
  }

  .service_wrap .btn {
    font-size: 5.5vw;
    height: 16.5vw;
    left: 0;
    margin: auto;
    right: 0;
    top: 365vw;
    width: 91.5vw;
    z-index: 2
  }

  .service_wrap .fas {
    margin-left: 3vw
  }

  .section8 {
    line-height: 0
  }

  .section8 img:not(.cta-geodam img) {
    width: 100%
  }

  .section8 .absolute {
    left: 0;
    margin: auto;
    right: 0;
    top: 9vw;
    width: 92vw
  }

  .section8 .absolute .cta-geodam img {
    display: block;
    margin: 0 auto;
    width: 58%
  }

  .section8 .absolute p {
    color: #fff;
    text-align: center
  }

  .section8 .absolute .text1 {
    font-size: 5.3vw;
    line-height: 7vw;
    margin: 4vw 0 0
  }

  .section8 .absolute .text3 {
    font-size: 3.7vw;
    line-height: 6.3vw;
    margin: 4.5vw auto 4.2vw;
    width: 90vw
  }

  .section8 .flex {
    justify-content: space-between
  }

  .section8 .btn,
  .section8 .btn-white {
    font-size: 5.5vw;
    height: 16.5vw;
    margin-bottom: 3.5vw;
    width: 90.5vw
  }

  .section8 .fa-solid,
  .section8 .fas {
    font-size: 7vw;
    margin-right: 3vw
  }
}