.root--wrapper.pc-only .p1-text {
  top: 16.87vw;
  left: 9.17vw;
}
.root--wrapper.pc-only .section1 .title {
  font-family: Roboto-Bold;
  font-size: 2.91vw;
  line-height: 120%;
  font-weight: 700;
}
.root--wrapper.pc-only .section1 .subTitle {
  opacity: 0.8;
  font-family: ClearSans-Bold;
  font-size: 1.56vw;
  font-weight: 700;
}
.root--wrapper.pc-only .section1 .desc {
  width: 33vw;
  opacity: 0.8;
  font-family: ClearSans;
  font-size: 1.04vw;
  line-height: 160%;
}
.root--wrapper.pc-only .section1 .p1-btn {
  font-size: 0.7292vw;
  height: 2.3438vw;
  text-align: center;
  line-height: 2.3438vw;
  background-image: linear-gradient(100deg, #6075F5 4%, #5AFFFE 100%);
  border-radius: 1.5625vw;
  color: white;
}
.root--wrapper.pc-only .section1 .p1-btn .arrow-right-white {
  vertical-align: bottom;
  margin-left: 8px;
}
.root--wrapper.pc-only .section1 .kv-text {
  opacity: 0;
  transform: translateY(40px);
}
.root--wrapper.pc-only .section1 .kv-text.trans-0 {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 1s ease,transform 1s ease;
}
.root--wrapper.pc-only .section1 .kv-text.trans-1 {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 1s ease 0.2s, transform 1s ease 0.2s;
}
.root--wrapper.pc-only .section1 .kv-text.trans-2 {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 1s ease 0.4s, transform 1s ease 0.4s;
}
.root--wrapper.pc-only .section1 .kv-text.trans-3 {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 1s ease 0.6s, transform 1s ease 0.6s;
}
.root--wrapper.pc-only .section2 .title {
  width: 32vw;
}
.root--wrapper.pc-only .section2 .desc {
  width: 64.17vw;
}
.root--wrapper.pc-only .section3 .desc {
  width: 60vw;
}
.root--wrapper.pc-only .section3 .img-wrapper {
  width: 100vw;
  height: 44.84vw;
}
.root--wrapper.pc-only .section3 .white-line {
  width: 2px;
}
.root--wrapper.pc-only .section4 .desc {
  width: 45.2vw;
}
.root--wrapper.pc-only .section4 video {
  width: 68.75vw;
  height: 34.9vw;
  border-radius: 2vw;
}
.root--wrapper.pc-only .section5 .desc {
  width: 54.27vw;
}
.root--wrapper.pc-only .section5 .remark {
  font-family: Roboto-Regular;
  font-size: 0.68vw;
  color: #000000;
  line-height: 240%;
  bottom: 2.19vw;
  right: 15.63vw;
}
.root--wrapper.pc-only .section5 .germ-1 {
  width: 2.19vw;
  height: 2.19vw;
  top: 27.13vw;
  left: 28.44vw;
}
.root--wrapper.pc-only .section5 .germ-2 {
  width: 2.7vw;
  height: 2.7vw;
  top: 35.94vw;
  left: 28.44vw;
}
.root--wrapper.pc-only .section5 .germ-3 {
  width: 2.6vw;
  height: 2.6vw;
  top: 35.2vw;
  left: 32.14vw;
}
.root--wrapper.pc-only .section5 .germ-4 {
  width: 2.6vw;
  height: 2.7vw;
  top: 29.9vw;
  left: 33.5vw;
}
.root--wrapper.pc-only .section5 .germ-5 {
  width: 2.76vw;
  height: 2.76vw;
  top: 36.4vw;
  left: 43.59vw;
}
.root--wrapper.pc-only .section5 .germ-6 {
  width: 4.32vw;
  height: 4.32vw;
  top: 42.55vw;
  left: 44.95vw;
}
.root--wrapper.pc-only .section5 .germ-7 {
  width: 3.75vw;
  height: 3.75vw;
  top: 34vw;
  left: 46.35vw;
}
.root--wrapper.pc-only .section6 .desc {
  width: 54.27vw;
}
.root--wrapper.pc-only .section7 {
  background-color: #F8F8F8;
}
.root--wrapper.pc-only .section7 .product {
  z-index: 2;
  width: 30.83vw;
  height: 35.57vw;
}
.root--wrapper.pc-only .section7 .wave-wrapper {
  margin-top: -12vw;
}
.root--wrapper.pc-only .section7 .wave-wrapper1,
.root--wrapper.pc-only .section7 .wave-wrapper2 {
  width: 314px;
  height: 51px;
}
@-webkit-keyframes waveScale {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes waveScale {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.root--wrapper.pc-only .section7 .wave-wrapper1 .wave1,
.root--wrapper.pc-only .section7 .wave-wrapper2 .wave1 {
  -webkit-animation: 2s linear infinite waveScale;
          animation: 2s linear infinite waveScale;
}
.root--wrapper.pc-only .section7 .wave-wrapper1 .wave2,
.root--wrapper.pc-only .section7 .wave-wrapper2 .wave2 {
  -webkit-animation: 2s linear 1s infinite waveScale;
          animation: 2s linear 1s infinite waveScale;
}
.root--wrapper.pc-only .section9 .detail {
  font-family: Roboto-Regular;
  font-size: 1.04vw;
  color: #000000;
  line-height: 160%;
}
.root--wrapper.pc-only .section10 {
  background-color: #f8f8f8;
}
.root--wrapper.pc-only .section10 .g--container {
  width: 68.75vw;
  margin: 0 auto;
  color: black;
}
.root--wrapper.pc-only .section10 .g--container img {
  width: 100%;
  height: 32.29vw;
}
.root--wrapper.pc-only .section10 .g--container .title {
  font-family: Roboto-Bold;
  font-size: 1.25vw;
  font-weight: 700;
}
.root--wrapper.pc-only .section10 .g--container .subTitle {
  font-family: Roboto-Bold;
  font-size: 2.19vw;
  line-height: 130%;
  font-weight: 700;
}
.root--wrapper.pc-only .section10 .g--container .desc {
  font-family: Roboto-Regular;
  font-size: 1.04vw;
  line-height: 160%;
}
.root--wrapper.pc-only .section10 .g--container .btn-wrapper {
  border-radius: 1.5625vw;
  display: inline-flex;
  color: white;
}
.root--wrapper.pc-only .section10 .g--container .btn-wrapper .btn {
  font-size: 0.73vw;
}
.root--wrapper.pc-only .section10 .g--container .text-wrapper {
  top: 50%;
  transform: translateY(-50%);
}
.root--wrapper.pc-only .section10 .g--container .wrapper-1 .text-wrapper {
  left: 3.18vw;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-1 .text-wrapper .desc {
  width: 22.08vw;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-1 .btn-wrapper {
  background-color: #0acdac;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-2 .text-wrapper {
  right: 2.19vw;
  width: 23.96vw;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-2 .btn-wrapper {
  background-color: #0ac266;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-3 .text-wrapper {
  left: 3.125vw;
  width: 27.4vw;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-3 .btn-wrapper {
  background-color: #4965d6;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-4 .text-wrapper {
  right: 1.46vw;
  width: 24.69vw;
}
.root--wrapper.pc-only .section10 .g--container .wrapper-4 .btn-wrapper {
  background-color: #3a80f5;
}
.root--wrapper.pc-only .section14 .g--container {
  width: 86.46vw;
  margin: 0 auto;
}
.root--wrapper.pc-only .section14 .g--container .title {
  font-family: ClearSans-Bold;
  font-size: 1.25vw;
  color: #000000;
  font-weight: 700;
}
.root--wrapper.pc-only .section14 .g--container .arrow-right {
  width: 0.73vw;
  height: 0.73vw;
  transform: rotateZ(-135deg);
  transition: transform 0.5s ease;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.root--wrapper.pc-only .section14 .parameters-wrapper {
  background-color: #fcfcfc;
  color: #000000;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .head {
  background-color: #d8d8d8 !important;
  padding: 0.417vw 0.9375vw;
  font-family: ClearSans-Bold;
  font-size: 1vw;
  line-height: 110%;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .line-wrapper {
  min-height: 1.87vw;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .line-wrapper:nth-child(2n) {
  background-color: #f5f5f5;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .line-wrapper:nth-child(2n-1) {
  background-color: #fcfcfc;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .param-title {
  padding: 0 0.9375vw;
  font-family: ClearSans-Bold;
  font-size: 1.15vw;
  line-height: 110%;
  font-weight: 700;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .detail {
  padding: 0.26vw 0.9375vw;
  font-family: Roboto-Regular;
  font-size: 0.9vw;
  line-height: 150%;
}
.root--wrapper.pc-only .section14 .parameters-wrapper .data-wrapper {
  border-bottom: 7px solid #d8d8d8;
}
.root--wrapper.pc-only .remark-wrapper {
  width: 86.46vw;
  margin: 2.08vw auto 0;
}
.root--wrapper.pc-only .remark-wrapper .remark {
  color: #939393;
  font-size: 0.729vw;
  line-height: 170%;
}
.root--wrapper.pc-only .c--title {
  font-family: Roboto-Regular;
  font-size: 2.19vw;
  line-height: 120%;
  color: #000000;
}
.root--wrapper.pc-only .c--desc {
  font-family: Roboto-Regular;
  font-size: 1.04vw;
  line-height: 160%;
  color: #000000;
}
.root--wrapper.pc-only .c--attrs {
  font-family: Roboto-Bold;
  font-size: 1.25vw;
  font-weight: 700;
  background: linear-gradient(to right, #6075F5, #5AFFFE);
  -webkit-background-clip: text;
  color: transparent;
}
.root--wrapper.pc-only .arrow-right-white {
  width: 0.42vw;
  height: 0.42vw;
  transform: rotateZ(-45deg);
  border-right: 1.5px solid white;
  border-bottom: 1.5px solid white;
}
.root--wrapper.pc-only [ani-text-fade],
.root--wrapper.pc-only [ani-img-fade] {
  opacity: 0;
  transform: translateY(40px);
}
.root--wrapper.pc-only .text-appear {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1s ease, transform 1s ease;
}
.root--wrapper-mb.mo-only .p1-text {
  top: 9.33vw;
  left: 5.3vw;
  width: 89.33vw;
}
.root--wrapper-mb.mo-only .section1 {
  color: #000000;
}
.root--wrapper-mb.mo-only .section1 .title {
  font-family: Roboto-Regular;
  font-size: 5.33vw;
  line-height: 120%;
  width: 78.4vw;
}
.root--wrapper-mb.mo-only .section1 .subTitle {
  font-family: Roboto-Medium;
  font-size: 6.93vw;
  line-height: 120%;
  font-weight: 500;
  margin-top: 3.2vw;
}
.root--wrapper-mb.mo-only .section1 .desc {
  font-family: Roboto-Regular;
  font-size: 3.73vw;
  line-height: 170%;
  margin-top: 3.2vw;
}
.root--wrapper-mb.mo-only .section1 .p1-btn {
  font-family: Roboto-Regular;
  font-size: 3.47vw;
  color: #FFFFFF;
  letter-spacing: -0.015vw;
  line-height: 180%;
  height: 9.6vw;
  text-align: center;
  background-image: linear-gradient(100deg, #6075F5 4%, #5AFFFE 100%);
  border-radius: 5.87vw;
  margin-top: 3.2vw;
}
.root--wrapper-mb.mo-only .section1 .p1-btn .arrow-right-white {
  vertical-align: bottom;
  margin-left: 2vw;
}
.root--wrapper-mb.mo-only .section4 .title {
  width: 55.33vw;
}
.root--wrapper-mb.mo-only .section6 .title {
  width: 54.67vw;
}
.root--wrapper-mb.mo-only .section9 .text-wrapper {
  width: 90vw;
}
.root--wrapper-mb.mo-only .section9 .title {
  width: 70.93vw;
}
.root--wrapper-mb.mo-only .section9 .detail-wrapper {
  margin-top: 4.27vw;
}
.root--wrapper-mb.mo-only .section9 .detail {
  font-family: Roboto-Regular;
  font-size: 3.73;
  color: #000000;
  line-height: 170%;
}
.root--wrapper-mb.mo-only .section10 {
  background-color: #f8f8f8;
  padding: 12.8vw 0 9.33vw;
}
.root--wrapper-mb.mo-only .section10 .g--container {
  width: 92vw;
  margin: 0 auto;
  color: black;
}
.root--wrapper-mb.mo-only .section10 .g--container .wrapper {
  height: 120vw;
}
.root--wrapper-mb.mo-only .section10 .g--container .wrapper-3,
.root--wrapper-mb.mo-only .section10 .g--container .wrapper-4 {
  height: 133.33vw;
}
.root--wrapper-mb.mo-only .section10 .g--container img {
  width: 100%;
  height: 100%;
}
.root--wrapper-mb.mo-only .section10 .g--container .title {
  font-family: Roboto-Regular;
  font-size: 4.27vw;
  line-height: 150%;
}
.root--wrapper-mb.mo-only .section10 .g--container .subTitle {
  font-family: Roboto-Regular;
  font-size: 5.6vw;
  line-height: 110%;
  margin-top: 2.67vw;
}
.root--wrapper-mb.mo-only .section10 .g--container .desc {
  font-family: Roboto-Regular;
  font-size: 3.73vw;
  line-height: 170%;
  margin-top: 2.67vw;
}
.root--wrapper-mb.mo-only .section10 .g--container .btn-wrapper {
  border-radius: 5.87vw;
  display: inline-flex;
  color: white;
  font-family: Roboto-Regular;
  font-size: 3.47vw;
  color: #FFFFFF;
  letter-spacing: -0.015vw;
  line-height: 180%;
  margin-top: 2.67vw;
  padding: 1.47vw 3.52vw;
}
.root--wrapper-mb.mo-only .section10 .g--container .btn-wrapper .arrow-right-white {
  margin-left: 2vw;
}
.root--wrapper-mb.mo-only .section10 .g--container .wrapper-1 .btn-wrapper {
  background-color: #0acdac;
}
.root--wrapper-mb.mo-only .section10 .g--container .wrapper-2 .btn-wrapper {
  background-color: #0ac266;
}
.root--wrapper-mb.mo-only .section10 .g--container .wrapper-3 .btn-wrapper {
  background-color: #4965d6;
}
.root--wrapper-mb.mo-only .section10 .g--container .wrapper-4 .btn-wrapper {
  background-color: #3a80f5;
}
.root--wrapper-mb.mo-only .section10 .g--container .text-wrapper {
  width: 77.47vw;
  left: 50%;
  transform: translateX(-50%);
  top: 7.6vw;
}
.root--wrapper-mb.mo-only .section14 .w-mo-half {
  width: calc(50% - 3px);
}
.root--wrapper-mb.mo-only .section14 .title-wrapper {
  margin: 9.6vw 0 6vw;
}
.root--wrapper-mb.mo-only .section14 .g--container {
  width: 91.87vw;
  margin: 0 auto;
  overflow: hidden;
}
.root--wrapper-mb.mo-only .section14 .g--container .title {
  font-family: Roboto-Regular;
  font-size: 4.27vw;
  color: #000000;
  line-height: 150%;
}
.root--wrapper-mb.mo-only .section14 .g--container .arrow-right {
  width: 2.4vw;
  height: 2.4vw;
  transform: rotateZ(-135deg);
  transition: transform 0.5s ease;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  margin-left: 3.73vw;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper {
  background-color: #fcfcfc;
  color: #000000;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .head {
  padding: 1.2vw 0;
  font-family: Roboto-Medium;
  font-size: 1.87vw;
  line-height: 110%;
  font-weight: 700;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .head-inner {
  background-color: #d8d8d8;
  padding: 0 4vw 0 2vw;
  display: none;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .head-inner.active {
  display: flex;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .gap {
  width: 6px;
  background-color: #fcfcfc;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .line-wrapper {
  min-height: 4.831vw;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .line-wrapper:nth-child(2n) {
  background-color: #f5f5f5;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .line-wrapper:nth-child(2n-1) {
  background-color: #fcfcfc;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .param-title {
  padding: 1.2vw 2vw;
  font-family: Roboto-Medium;
  font-size: 1.87vw;
  line-height: 110%;
  font-weight: 700;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .detail {
  padding: 1.2vw 2vw;
  font-family: Roboto-Regular;
  font-size: 1.87vw;
  line-height: 130%;
  display: none;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .detail.active {
  display: block;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .data-wrapper {
  border-bottom: 7px solid #d8d8d8;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .btn-wrapper .btn {
  width: 29vw;
  padding: 3.2vw 2vw;
  margin-bottom: 8vw;
  border-radius: 1.33vw;
  border: 2px solid #e0e0e0;
  background: white;
  color: black;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .btn-wrapper .btn.active {
  border: 0;
  background-image: linear-gradient(100deg, #6075F5 4%, #5AFFFE 100%);
  color: white;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .btn-wrapper .btn .btn-text {
  font-family: ClearSans-Bold;
  font-size: 2.4vw;
  font-weight: 700;
}
.root--wrapper-mb.mo-only .remark-wrapper {
  width: 91.87vw;
  margin: 4.44vw auto 0;
  padding-bottom: 6.11vw;
}
.root--wrapper-mb.mo-only .remark-wrapper .remark {
  color: #939393;
  font-size: 1.87vw;
  line-height: 200%;
}
.root--wrapper-mb.mo-only .text-wrapper {
  width: 92vw;
  top: 12vw;
  left: 50%;
  transform: translateX(-50%);
}
.root--wrapper-mb.mo-only .c--title {
  font-family: Roboto-Regular;
  font-size: 6.4vw;
  line-height: 120%;
  color: #000000;
  text-align: center;
}
.root--wrapper-mb.mo-only .c--desc {
  font-family: Roboto-Regular;
  font-size: 3.73vw;
  color: #000000;
  line-height: 170%;
  margin-top: 4.27vw;
  width: 89.87vw;
}
.root--wrapper-mb.mo-only .c--attrs {
  font-family: Roboto-Regular;
  font-size: 4.8vw;
  letter-spacing: -0.16vw;
  line-height: 170%;
  background: linear-gradient(to right, #6075F5, #5AFFFE);
  -webkit-background-clip: text;
  color: transparent;
  margin-top: 4.27vw;
}
.root--wrapper-mb.mo-only .arrow-right-white {
  width: 1.87vw;
  height: 1.87vw;
  transform: rotateZ(-45deg);
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.root--wrapper.pc-only .section14 .g--container .title-wrapper .title1,
.root--wrapper-mb.mo-only .section14 .g--container .title-wrapper .title1 {
  display: none;
}
.root--wrapper.pc-only .section14 .parameters-wrapper,
.root--wrapper-mb.mo-only .section14 .parameters-wrapper {
  display: block;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .head-inner,
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .detail {
  display: none;
}
.root--wrapper.pc-only .section14 .g--container .title-wrapper.active .title2,
.root--wrapper-mb.mo-only .section14 .g--container .title-wrapper.active .title2 {
  display: none;
}
.root--wrapper.pc-only .section14 .g--container .title-wrapper.active .title1,
.root--wrapper-mb.mo-only .section14 .g--container .title-wrapper.active .title1 {
  display: inline;
}
.root--wrapper.pc-only .section14 .g--container .title-wrapper.active .arrow-right,
.root--wrapper-mb.mo-only .section14 .g--container .title-wrapper.active .arrow-right {
  transform: rotateZ(45deg);
}
.root--wrapper.pc-only .section14 .parameters-wrapper.active,
.root--wrapper-mb.mo-only .section14 .parameters-wrapper.active {
  display: none;
}
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .head-inner.active,
.root--wrapper-mb.mo-only .section14 .parameters-wrapper .detail.active {
  display: block;
}