* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_banner {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  aspect-ratio: 1920 / 850;
}
.xt5_banner .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_banner .content {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 128rem;
}
.xt5_banner .xt5_head h1 {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.xt5_banner .xt5_head .img {
  height: 10.6rem;
  margin-left: -3rem;
}
.xt5_banner .xt5_head .img img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: contain;
}
.xt5_banner .xt5_head .desc {
  font-size: 4.8rem;
  padding: 0px 2.2rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .xt5_banner .xt5_head .img {
    height: 8rem;
    margin-left: 0px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_banner .content {
    padding: 62px 32px;
  }
  .xt5_banner .xt5_head .img {
    margin: 0px;
    height: 36px;
  }
  .xt5_banner .xt5_head .desc {
    padding: 0px;
    font-size: 18px;
    font-weight: 900;
    margin-top: 2px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_banner {
    aspect-ratio: 1080 / 1216;
  }
  .xt5_banner .content {
    align-items: flex-start;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_features {
  overflow: hidden;
  padding: 7rem 0px;
  background-color: rgb(0, 0, 0);
}
.xt5_features.xt5u .item {
  background-image: linear-gradient(
    45deg,
    rgb(59, 59, 59),
    rgb(87, 87, 87),
    rgb(175, 175, 175)
  );
}
.xt5_features.xt5u .item:nth-child(2) .syedittext strong {
  width: 47.5728%;
}
.xt5_features.xt5u .item:nth-child(2) .syedittext p {
  color: rgba(255, 255, 255, 0.7);
  width: 47.5728%;
}
.xt5_features.xt5u .item:nth-child(4) .syedittext p {
  color: rgba(255, 255, 255, 0.7);
}
.xt5_features.xt5u .item:nth-child(6) .syedittext p {
  color: rgba(255, 255, 255, 0.7);
}
.xt5_features.xt5u .item:nth-child(7) .syedittext p {
  color: rgba(255, 255, 255, 0.7);
}
.xt5_features .content {
  max-width: 128rem;
}
.xt5_features .items .syeditorlist {
  position: relative;
  padding-bottom: 54.0625%;
}
.xt5_features .item {
  padding: 1px;
  overflow: hidden;
  position: absolute;
  border-radius: 8px;
  background-color: rgb(170, 0, 0);
}
.xt5_features .item:hover .img img {
  transform: scale(1.03);
}
.xt5_features .item:nth-child(1) {
  width: 32.0312%;
  height: 49.5665%;
  left: 0px;
  top: 0px;
}
.xt5_features .item:nth-child(1) .syedittext {
  padding: 5.85366%;
  max-width: 33rem;
}
.xt5_features .item:nth-child(1) .syedittext p {
  font-size: 2rem;
}
.xt5_features .item:nth-child(2) {
  width: 35.9375%;
  height: 73.9884%;
  left: 33.125%;
  top: 0px;
}
.xt5_features .item:nth-child(2) .img {
  background-image: none;
  background-color: rgb(0, 0, 0);
}
.xt5_features .item:nth-child(2) .syedittext {
  padding: 9.34783% 5.21739%;
}
.xt5_features .item:nth-child(2) .syedittext img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 6rem;
  object-fit: contain;
  margin-bottom: 2rem;
}
.xt5_features .item:nth-child(2) .syedittext strong {
  color: rgb(156, 41, 41);
  font-size: 4rem;
  font-weight: 600;
  display: block;
  margin-left: auto;
  margin-top: 0.8rem;
  width: 40.7767%;
}
.xt5_features .item:nth-child(2) .syedittext span {
  font-size: 2rem;
}
.xt5_features .item:nth-child(2) .syedittext p {
  font-size: 2rem;
  margin-left: auto;
  width: 40.7767%;
}
.xt5_features .item:nth-child(3) {
  width: 30.4688%;
  height: 23.4104%;
  right: 0px;
  top: 0px;
}
.xt5_features .item:nth-child(3) .syedittext {
  padding: 7.17949%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.xt5_features .item:nth-child(3) .syedittext strong {
  font-size: 3.6rem;
  font-weight: 600;
}
.xt5_features .item:nth-child(4) {
  width: 30.4688%;
  height: 28.9017%;
  right: 0px;
  top: 24.5665%;
}
.xt5_features .item:nth-child(4) .syedittext {
  padding: 6.66667% 7.17949%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
}
.xt5_features .item:nth-child(4) .syedittext strong {
  color: rgb(156, 41, 41);
  font-size: 4rem;
  font-weight: 600;
}
.xt5_features .item:nth-child(4) .syedittext span {
  font-size: 2rem;
}
.xt5_features .item:nth-child(4) .syedittext p {
  font-size: 2rem;
}
.xt5_features .item:nth-child(5) {
  width: 32.0312%;
  height: 49.8555%;
  left: 0px;
  bottom: 0px;
}
.xt5_features .item:nth-child(5) .syedittext {
  padding: 5.85366%;
}
.xt5_features .item:nth-child(1) .syedittext strong,
.xt5_features .item:nth-child(5) .syedittext strong {
  font-size: 3rem;
  font-weight: 600;
}
.xt5_features .item:nth-child(6) {
  width: 35.9375%;
  height: 25%;
  left: 33.125%;
  bottom: 0px;
}
.xt5_features .item:nth-child(6) .img {
  position: relative;
}
.xt5_features .item:nth-child(6) .img::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0px 30% 0px 0px;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(to right, rgb(0, 0, 0), transparent);
}
.xt5_features .item:nth-child(6) .syedittext {
  padding: 3.47826% 7.3913%;
}
.xt5_features .item:nth-child(6) .syedittext strong {
  color: rgb(156, 41, 41);
  font-size: 4rem;
  font-weight: 600;
}
.xt5_features .item:nth-child(6) .syedittext span {
  font-size: 2rem;
}
.xt5_features .item:nth-child(6) .syedittext p {
  font-size: 2rem;
}
.xt5_features .item:nth-child(7) {
  width: 30.4688%;
  height: 45.6647%;
  right: 0px;
  bottom: 0px;
}
.xt5_features .item:nth-child(7) .syedittext {
  padding: 5.64103% 7.17949%;
}
.xt5_features .item:nth-child(7) .syedittext strong {
  color: rgb(156, 41, 41);
  font-size: 4rem;
  font-weight: 600;
}
.xt5_features .item:nth-child(7) .syedittext span {
  font-size: 2rem;
}
.xt5_features .item:nth-child(7) .syedittext p {
  font-size: 2rem;
}
.xt5_features .item .img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-image: linear-gradient(
    -45deg,
    rgb(76, 76, 76),
    rgb(21, 21, 21),
    rgb(32, 32, 32)
  );
}
.xt5_features .item .syedittext {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
  color: rgb(255, 255, 255);
}
.xt5_features .note {
  color: rgb(60, 60, 60);
  font-size: 1.7rem;
  line-height: 1.5;
  max-width: max-content;
  margin-left: auto;
  margin-top: 3.6rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .xt5_features .item:nth-child(2) .syedittext strong,
  .xt5_features .item:nth-child(4) .syedittext strong,
  .xt5_features .item:nth-child(6) .syedittext strong,
  .xt5_features .item:nth-child(7) .syedittext strong {
    font-size: 3rem;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_features {
    padding: 50px 0px;
  }
  .xt5_features .item {
    border-radius: 4px;
  }
  .xt5_features .item:nth-child(1) .syedittext p {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(2) .syedittext {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .xt5_features .item:nth-child(2) .syedittext img {
    height: 20px;
    margin: 0px auto;
  }
  .xt5_features .item:nth-child(2) .syedittext strong {
    font-size: 14px;
    margin-top: 6px;
  }
  .xt5_features .item:nth-child(2) .syedittext span {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(2) .syedittext p {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(3) .syedittext strong {
    font-size: 14px;
  }
  .xt5_features .item:nth-child(4) .syedittext strong {
    font-size: 14px;
  }
  .xt5_features .item:nth-child(4) .syedittext span {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(4) .syedittext p {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(1) .syedittext strong,
  .xt5_features .item:nth-child(5) .syedittext strong {
    font-size: 14px;
  }
  .xt5_features .item:nth-child(6) .syedittext strong {
    font-size: 14px;
  }
  .xt5_features .item:nth-child(6) .syedittext span {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(6) .syedittext p {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(7) .syedittext strong {
    font-size: 14px;
  }
  .xt5_features .item:nth-child(7) .syedittext span {
    font-size: 12px;
  }
  .xt5_features .item:nth-child(7) .syedittext p {
    font-size: 12px;
  }
  .xt5_features .item .img {
    border-radius: 4px;
  }
  .xt5_features .note {
    font-size: 12px;
    margin: 20px 0px 0px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_features .items .syeditorlist {
    padding-bottom: 118.841%;
  }
  .xt5_features .item {
    border-radius: 4px;
  }
  .xt5_features .item:nth-child(1) {
    width: 45.7971%;
    height: 31.7073%;
  }
  .xt5_features .item:nth-child(1) .syedittext {
    padding: 10px;
  }
  .xt5_features .item:nth-child(2) {
    width: 51.5942%;
    height: 46.8293%;
    left: unset;
    right: 0px;
  }
  .xt5_features .item:nth-child(3) {
    width: 51.5942%;
    height: 17.0732%;
    top: 47.8049%;
  }
  .xt5_features .item:nth-child(3) .syedittext {
    padding: 10px;
  }
  .xt5_features .item:nth-child(4) {
    width: 51.5942%;
    height: 17.8049%;
    top: 65.8537%;
  }
  .xt5_features .item:nth-child(4) .syedittext {
    padding: 10px;
  }
  .xt5_features .item:nth-child(5) {
    width: 45.7971%;
    height: 32.1951%;
    top: 32.439%;
  }
  .xt5_features .item:nth-child(5) .syedittext {
    padding: 10px;
  }
  .xt5_features .item:nth-child(5) .syedittext strong {
    font-size: 12px;
    line-height: 1.3;
    display: block;
  }
  .xt5_features .item:nth-child(6) {
    width: 45.7971%;
    height: 17.8049%;
    left: 0px;
    top: 65.8537%;
  }
  .xt5_features .item:nth-child(6) .syedittext {
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
  }
  .xt5_features .item:nth-child(7) {
    width: 100%;
    height: 15.6098%;
    left: 0px;
  }
  .xt5_features .item:nth-child(7) .syedittext {
    padding: 10px 8.11594%;
  }
  .xt5_features .item div.syedittext p {
    color: rgba(255, 255, 255, 0.7);
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}



* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_video {
  position: relative;
  overflow: hidden;
}
.xt5_video .video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xt5_video .video .btn_play {
  position: absolute;
  right: 10%;
  bottom: 10%;
  z-index: 2;
  cursor: pointer;
  color: rgb(255, 255, 255);
  font-size: 1.8rem;
  font-weight: 700;
  gap: 1rem;
  display: flex;
  align-items: center;
}
.xt5_video .video .btn_play::after {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  filter: contrast(0) brightness(2);
  background: url("https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/xt5-ultra3-xt5_video/assets/img/xt5-play.svg") center center / contain no-repeat;
}
.xt5_video .mask {
  position: absolute;
  inset: 0px;
  z-index: 3;
  pointer-events: none;
  background: url("https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/xt5-ultra3-xt5_video/assets/img/xt5-mask.svg") center center / cover no-repeat;
}
@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_video .video .btn_play {
    z-index: 5;
    gap: 0px;
    text-indent: -999px;
    overflow: hidden;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 0px);
  }
  .xt5_video .video .btn_play::after {
    width: 64px;
    height: 64px;
  }
  .xt5_video .mask {
    background-size: 130%;
  }
}

.xt5_video input {
  position: absolute;
  z-index: 9;
  right: 1rem;
  top: 1rem;
  padding: 8px;
  width: 80%;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.toplevel_page_sytech_fronteditor .xt5_video input {
  display: block;
}
.xt5_video input + input {
  margin-top: 4rem;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
i {
  font-style: normal;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro1 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  background-image: linear-gradient(rgb(0, 0, 0), rgb(51, 51, 51));
}
.xt5_intro1::before {
  content: "";
  display: block;
  width: 100%;
  height: 55.4314%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(
    rgb(0, 0, 0) 0%,
    rgb(0, 0, 0) 45%,
    transparent 100%
  );
}
.xt5_intro1 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 6.2rem 0px 0px;
}
.xt5_intro1 .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 126rem;
}
.xt5_intro1 .xt5_head h2 {
  color: rgb(255, 255, 255);
  font-weight: 900;
  font-size: 8rem;
}
.xt5_intro1 .con {
  flex: 1 1 0%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 16.9841% 0px 13.9682%;
}
.xt5_intro1 .top h3 {
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 5rem;
}
.xt5_intro1 .top strong {
  color: rgb(156, 40, 41);
  font-weight: 900;
  font-size: 14rem;
  line-height: 1;
  display: block;
  margin: -0.8rem 0px -1.4rem;
}
.xt5_intro1 .top p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 3.2rem;
  line-height: 4.6rem;
  margin-bottom: 2.6rem;
}
.xt5_intro1 .bot {
  max-width: max-content;
  margin-left: auto;
}
.xt5_intro1 .bot p {
  color: rgb(161, 161, 161);
  font-weight: 500;
  font-size: 2rem;
  margin-top: 3.8rem;
}
.xt5_intro1 .bot strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
  margin-top: 0.6rem;
  display: block;
}
.xt5_intro1 .bot span {
  font-size: 3.2rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .xt5_intro1 .con {
    padding: 5% 0px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro1 .xt5_head h2 {
    font-size: 22px;
  }
  .xt5_intro1 .con {
    padding: 12% 0px 8%;
  }
  .xt5_intro1 .top h3 {
    font-size: 14px;
  }
  .xt5_intro1 .top strong {
    margin: 0px;
    font-size: 38px;
  }
  .xt5_intro1 .top p {
    margin: 0px;
    font-size: 12px;
    line-height: 1.5;
  }
  .xt5_intro1 .bot {
    max-width: 25%;
  }
  .xt5_intro1 .bot p {
    margin-top: 10px;
    font-size: 12px;
  }
  .xt5_intro1 .bot strong {
    margin: 0px;
    font-size: 16px;
  }
  .xt5_intro1 .bot strong span {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro2 {
  max-width: 2560px;
  margin: -1px auto;
  overflow: hidden;
  position: relative;
}
.xt5_intro2 .wrap {
  padding: 5.41667% 0px 9.63542%;
}
.xt5_intro2 .bg_pc {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro2 .bg_pc img {
  height: 100%;
  object-fit: cover;
}
.xt5_intro2 .con {
  position: relative;
  z-index: 2;
  text-align: right;
}
.xt5_intro2 .content {
  max-width: 126rem;
}
.xt5_intro2 .xt5_head {
  width: 44.7619%;
  margin-left: auto;
}
.xt5_intro2 .xt5_head h2 {
  font-weight: 600;
  font-size: 5.2rem;
  line-height: 5.8rem;
}
.xt5_intro2 .inner {
  width: 44.7619%;
  margin-left: auto;
}
.xt5_intro2 .lt {
  font-size: 2.4rem;
  margin-top: 4.8rem;
}
.xt5_intro2 .lt strong {
  font-weight: 900;
}
.xt5_intro2 .lt p {
  margin-bottom: 1.6rem;
}
.xt5_intro2 .rt {
  color: rgb(60, 60, 60);
  font-size: 1.7rem;
  line-height: 1.5;
  max-width: 52rem;
  margin-left: auto;
  margin-top: 4rem;
}
.xt5_intro2 .img {
  position: absolute;
  left: 29%;
  top: 0px;
  width: 17.9365%;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgb(156, 41, 41);
}
.xt5_intro2 .img:hover img {
  transform: scale(1.03);
}
.xt5_intro2 .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0px;
}
.xt5_intro2 .img p {
  position: absolute;
  left: 0px;
  bottom: 20%;
  right: 0px;
  z-index: 2;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.8rem;
}
.xt5_intro2 .img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .xt5_intro2 .xt5_head,
  .xt5_intro2 .inner {
    width: 55%;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro2 .xt5_head h2 {
    font-size: 18px;
    line-height: 1.2;
  }
  .xt5_intro2 .lt {
    margin-top: 15px;
    font-size: 12px;
  }
  .xt5_intro2 .lt strong {
    font-size: 14px;
  }
  .xt5_intro2 .lt p {
    margin-bottom: 6px;
  }
  .xt5_intro2 .rt {
    font-size: 12px;
    margin-top: 15px;
  }
  .xt5_intro2 .img {
    width: 100px;
    height: 100px;
    left: 32%;
  }
  .xt5_intro2 .img p {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro2 {
    padding: 14px 18px;
    background-image: linear-gradient(to top, rgb(64, 64, 64), rgb(51, 51, 51));
  }
  .xt5_intro2 .wrap {
    padding: 0px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
  }
  .xt5_intro2 .con {
    position: absolute;
    inset: 0px;
    text-align: left;
  }
  .xt5_intro2 .xt5_head {
    width: 100%;
    max-width: 220px;
    margin: 20px 0px 0px;
  }
  .xt5_intro2 .inner {
    margin: 15px 0px 0px;
    width: 100%;
    display: flex;
    align-items: flex-end;
  }
  .xt5_intro2 .lt {
    margin: 0px;
    flex: 1 1 0%;
    padding-right: 10px;
  }
  .xt5_intro2 .rt {
    width: 42%;
    margin: 0px;
  }
  .xt5_intro2 .img {
    width: 82px;
    height: 82px;
    top: 105%;
    left: 60%;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro3 {
  max-width: 2560px;
  margin: -1px auto;
  color: rgb(255, 255, 255);
  overflow: hidden;
  padding-top: 8.4rem;
  background-image: linear-gradient(to top, rgb(23, 23, 23), rgb(0, 0, 0));
}
.xt5_intro3 .xt5_head h2 {
  font-weight: 900;
  font-size: 8rem;
}
.xt5_intro3 .wrap {
  position: relative;
  margin-top: 9rem;
}
.xt5_intro3 .con {
  position: absolute;
  inset: 0px;
  z-index: 2;
  padding: 5.46875% 0px;
}
.xt5_intro3 .content {
  max-width: 128rem;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.xt5_intro3 .lt {
  width: 48%;
}
.xt5_intro3 .lt h3 {
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 1.5;
}
.xt5_intro3 .rt {
  max-width: max-content;
  margin-left: auto;
}
.xt5_intro3 .rt strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
  line-height: 1;
}
.xt5_intro3 .rt strong span {
  font-size: 5.2rem;
}
.xt5_intro3 .rt strong + p {
  margin: 0px 0px 2rem;
}
.xt5_intro3 .rt p {
  font-size: 2.4rem;
  margin-top: 1rem;
}
.xt5_intro3 .rt p span {
  color: rgba(255, 255, 255, 0.4);
}
.xt5_intro3 video {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.toplevel_page_sytech_fronteditor .xt5_intro3 video {
  position: static;
  pointer-events: all;
}
.xt5_intro3 picture {
  overflow: hidden;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro3 {
    padding-top: 38px;
  }
  .xt5_intro3 .xt5_head h2 {
    font-size: 22px;
    font-weight: 700;
  }
  .xt5_intro3 .wrap {
    margin-top: 30px;
  }
  .xt5_intro3 .lt h3 {
    font-size: 16px;
  }
  .xt5_intro3 .rt {
    text-align: right;
  }
  .xt5_intro3 .rt strong {
    font-size: 32px;
  }
  .xt5_intro3 .rt strong span {
    font-size: 20px;
  }
  .xt5_intro3 .rt strong + p {
    margin-bottom: 6px;
  }
  .xt5_intro3 .rt p {
    font-size: 12px;
    margin-top: 0px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro3 .con {
    padding: 0px;
    position: static;
  }
  .xt5_intro3 .content {
    display: block;
  }
  .xt5_intro3 .lt {
    width: 60%;
  }
  .xt5_intro3 .rt {
    margin-top: 10px;
  }
  .xt5_intro3 .btn_video {
    position: relative;
  }
  .xt5_intro3 .btn_video::after {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: contrast(0) brightness(2);
    background: url("https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/xt5-ultra6-xt5_intro3/assets/img/xt5-play.svg") center center / contain no-repeat;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

.xt5_intro3 input {
  position: relative;
  z-index: 2;
  padding: 8px;
  width: 80%;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.toplevel_page_sytech_fronteditor .xt5_intro3 input {
  display: block;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intr04 {
  color: rgb(255, 255, 255);
  padding: 9.8rem 0px 15.6rem;
  background-color: rgb(23, 23, 23);
}
.xt5_intr04 .content {
  max-width: 128rem;
}
.xt5_intr04 .xt5_head {
  max-width: 116.5rem;
  margin: 0px auto;
}
.xt5_intr04 .xt5_head h2 {
  font-weight: 600;
  font-size: 5.4rem;
}
.xt5_intr04 .xt5_head p {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.6px;
  margin-top: 3.6rem;
}
.xt5_intr04 .img {
  margin-top: 5rem;
  border-radius: 4rem;
}
.xt5_intr04 .img:hover img {
  transform: scale(1.03);
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intr04 {
    padding: 20px 0px 0px;
  }
  .xt5_intr04 .xt5_head h2 {
    font-size: 22px;
    font-weight: 700;
  }
  .xt5_intr04 .xt5_head p {
    font-weight: normal;
    font-size: 12px;
    margin-top: 10px;
  }
  .xt5_intr04 .img {
    margin-top: 20px;
    border-radius: 22px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intr04 .xt5_head {
    text-align: left;
  }
  .xt5_intr04 .img {
    border-radius: 6px;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro5 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
}
.xt5_intro5 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro5 .content {
  height: 100%;
  max-width: 128rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}
.xt5_intro5 .xt5_head {
  color: rgb(255, 255, 255);
  margin-top: -3.6rem;
}
.xt5_intro5 .xt5_head h2 {
  font-weight: 600;
  font-size: 5.4rem;
}
.xt5_intro5 .con {
  text-align: center;
  max-width: 52rem;
  margin: 0px auto;
}
.xt5_intro5 .con strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
}
.xt5_intro5 .con strong span {
  font-size: 5.2rem;
}
.xt5_intro5 .con strong + p {
  margin-top: -0.6rem;
}
.xt5_intro5 .con p {
  color: rgb(255, 255, 255);
  font-size: 2.4rem;
  margin-top: 1.6rem;
}
.xt5_intro5 .con p span {
  color: rgb(159, 159, 159);
  font-size: 2rem;
}
.xt5_intro5 .con .rt {
  margin-top: 4.8rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro5 .xt5_head {
    margin: 0px;
  }
  .xt5_intro5 .xt5_head h2 {
    font-size: 22px;
  }
  .xt5_intro5 .con {
    max-width: 300px;
  }
  .xt5_intro5 .con strong {
    font-size: 32px;
  }
  .xt5_intro5 .con strong span {
    font-size: 20px;
  }
  .xt5_intro5 .con strong + p {
    margin: 0px;
  }
  .xt5_intro5 .con p {
    font-size: 12px;
    margin-top: 0px;
  }
  .xt5_intro5 .con p span {
    font-size: 12px;
  }
  .xt5_intro5 .con .rt {
    margin-top: 20px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro5 {
    padding-top: 28px;
  }
  .xt5_intro5 .wrap {
    position: static;
  }
  .xt5_intro5 .content {
    display: block;
  }
  .xt5_intro5 .xt5_head {
    text-align: left;
  }
  .xt5_intro5 .con {
    margin-top: 10px;
    margin-bottom: 34px;
    max-width: unset;
  }
  .xt5_intro5 .con .lt {
    text-align: left;
  }
  .xt5_intro5 .con .rt {
    text-align: right;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro6 {
  max-width: 2560px;
  margin: -1px auto;
  color: rgb(255, 255, 255);
  padding-top: 6.2rem;
  position: relative;
  background-color: rgb(0, 0, 0);
}
.xt5_intro6 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 8rem;
}
.xt5_intro6 .content {
  max-width: 128rem;
}
.xt5_intro6 .xt5_head {
  max-width: 116.5rem;
  margin: 0px auto;
}
.xt5_intro6 .xt5_head h2 {
  font-weight: 600;
  font-size: 5.4rem;
}
.xt5_intro6 .xt5_head p {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.6px;
  margin-top: 3.6rem;
}
.xt5_intro6 .items {
  margin-top: 4.2rem;
}
.xt5_intro6 .items ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.xt5_intro6 .items li strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
  line-height: 1;
}
.xt5_intro6 .items li strong span {
  font-size: 5.2rem;
}
.xt5_intro6 .items li p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.4rem;
}
.xt5_intro6 picture {
  overflow: hidden;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro6 .wrap {
    padding-top: 30px;
  }
  .xt5_intro6 .xt5_head h2 {
    font-size: 22px;
  }
  .xt5_intro6 .xt5_head p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    margin-top: 10px;
  }
  .xt5_intro6 .items {
    margin-top: 20px;
  }
  .xt5_intro6 .items li strong {
    font-size: 32px;
  }
  .xt5_intro6 .items li strong span {
    font-size: 20px;
  }
  .xt5_intro6 .items li p {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro6 {
    padding-top: 146px;
  }
  .xt5_intro6 .xt5_head {
    text-align: left;
  }
  .xt5_intro6 .items ul {
    gap: 10%;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
i {
  font-style: normal;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro7 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
}
.xt5_intro7 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro7 .content {
  max-width: 128rem;
}
.xt5_intro7 .xt5_head {
  color: rgb(255, 255, 255);
  max-width: 54.5rem;
  margin-top: 7.8125%;
}
.xt5_intro7 .xt5_head h2 {
  font-weight: 700;
  font-size: 5.2rem;
}
.xt5_intro7 .xt5_head h2 span {
  font-size: 4rem;
  font-weight: normal;
}
.xt5_intro7 .xt5_head p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 2.4rem;
  line-height: 1.5;
  margin-top: 1.8rem;
}
.xt5_intro7 .con {
  gap: 3rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.xt5_intro7 .items {
  flex: 1 1 0%;
  margin-top: 1rem;
}
.xt5_intro7 .items li {
  margin-top: 3.8rem;
}
.xt5_intro7 .items li strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
  line-height: 1;
}
.xt5_intro7 .items li strong span {
  font-size: 5.2rem;
}
.xt5_intro7 .items li p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.4rem;
}
.xt5_intro7 .note {
  width: 45.3906%;
  color: rgb(60, 60, 60);
  font-size: 1.7rem;
  line-height: 1.5;
  font-weight: 900;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
  .xt5_intro7 .items ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .xt5_intro7 .items li strong {
    font-size: 6rem;
  }
  .xt5_intro7 .items li strong span {
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro7 .xt5_head {
    margin-top: 5%;
  }
  .xt5_intro7 .xt5_head h2 {
    font-size: 22px;
  }
  .xt5_intro7 .xt5_head h2 span {
    font-size: 18px;
  }
  .xt5_intro7 .xt5_head p {
    font-size: 12px;
    margin-top: 10px;
  }
  .xt5_intro7 .items {
    margin-top: 0px;
  }
  .xt5_intro7 .items ul {
    display: block;
  }
  .xt5_intro7 .items li {
    margin-top: 20px;
  }
  .xt5_intro7 .items li strong {
    font-size: 32px;
  }
  .xt5_intro7 .items li strong span {
    font-size: 20px;
  }
  .xt5_intro7 .items li p {
    font-size: 12px;
  }
  .xt5_intro7 .note {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro7 .xt5_head {
    width: 80%;
    margin-top: 12%;
  }
  .xt5_intro7 .note {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

@media screen and (max-width: 1440px) {
  .xt5_intro7 .xt5_head {
    margin-top: 3%;
  }
  .xt5_intro7 .items li {
    margin-top: 2rem;
  }
  .xt5_intro7 .items li strong {
    font-size: 7rem;
  }
  .xt5_intro7 .items li strong span {
    font-size: 4.2rem;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro8 {
  color: rgb(255, 255, 255);
  padding: 9.8rem 0px 15.6rem;
  background-color: rgb(0, 0, 0);
}
.xt5_intro8 .content {
  max-width: 128rem;
}
.xt5_intro8 .img {
  border-radius: 3.3rem;
}
.xt5_intro8 .img:hover img {
  transform: scale(1.03);
}
.xt5_intro8 .xt5_head {
  margin-top: 5rem;
}
.xt5_intro8 .xt5_head h2 {
  font-weight: 700;
  font-size: 5.2rem;
}
.xt5_intro8 .xt5_head p {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-top: 5px;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro8 {
    padding: 30px 0px;
  }
  .xt5_intro8 .img {
    border-radius: 10px;
  }
  .xt5_intro8 .xt5_head {
    margin-top: 20px;
  }
  .xt5_intro8 .xt5_head h2 {
    font-size: 22px;
  }
  .xt5_intro8 .xt5_head p {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro8 {
    padding-bottom: 20px;
    background-color: rgb(45, 45, 45);
  }
  .xt5_intro8 .content {
    display: flex;
    flex-direction: column-reverse;
  }
  .xt5_intro8 .xt5_head {
    margin: 0px 0px 20px;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro9 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
}
.xt5_intro9 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro9 .content {
  max-width: 125.6rem;
}
.xt5_intro9 .xt5_head {
  color: rgb(255, 255, 255);
  max-width: 60rem;
  margin-top: 5%;
}
.xt5_intro9 .xt5_head h2 {
  font-weight: 700;
  font-size: 4.6rem;
}
.xt5_intro9 .items {
  width: 55.9713%;
}
.xt5_intro9 .items li {
  gap: 5.6899%;
  display: grid;
  align-items: center;
  grid-template-columns: 19.2034% 1fr;
  margin-top: 4rem;
}
.xt5_intro9 .items .card {
  color: rgb(255, 255, 255);
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 1.3rem 0px 1.3rem 16.2963%;
}
.xt5_intro9 .items .card p {
  font-size: 2rem;
  margin-bottom: -0.6rem;
}
.xt5_intro9 .items .card strong {
  font-weight: 900;
  font-size: 4rem;
}
.xt5_intro9 .items .card strong span {
  font-weight: normal;
  font-size: 2rem;
}
.xt5_intro9 .items .bars {
  color: rgb(255, 255, 255);
}
.xt5_intro9 .items .bars .bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.xt5_intro9 .items .bars .bar + .bar {
  margin-top: 0.6rem;
}
.xt5_intro9 .items .bars .bar + .bar p + p {
  color: rgb(252, 0, 0);
}
.xt5_intro9 .items .bars .bar + .bar::after {
  background-image: linear-gradient(to right, rgb(156, 41, 41), rgb(241, 9, 9));
}
.xt5_intro9 .items .bars .bar p {
  font-size: 2rem;
}
.xt5_intro9 .items .bars .bar::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.6rem;
  border-radius: 100px;
  margin-top: 3px;
  background-image: linear-gradient(
    to right,
    rgb(115, 115, 115),
    rgb(217, 217, 217)
  );
}
.xt5_intro9 video {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.toplevel_page_sytech_fronteditor .xt5_intro9 video {
  position: static;
  pointer-events: all;
}
.xt5_intro9 picture {
  overflow: hidden;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .xt5_intro9 .xt5_head {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .xt5_intro9 .items {
    width: 70%;
  }
  .xt5_intro9 .items li {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro9 {
    padding-top: 102px;
  }
  .xt5_intro9 .xt5_head {
    max-width: 200px;
  }
  .xt5_intro9 .xt5_head h2 {
    font-size: 20px;
  }
  .xt5_intro9 .items li {
    margin-top: 10px;
    grid-template-columns: 66px 1fr;
  }
  .xt5_intro9 .items .card {
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .xt5_intro9 .items .card p {
    margin: 0px;
    font-size: 12px;
  }
  .xt5_intro9 .items .card strong {
    font-size: 16px;
  }
  .xt5_intro9 .items .card strong span {
    font-size: 12px;
  }
  .xt5_intro9 .items .bars .bar p {
    font-size: 12px;
  }
  .xt5_intro9 .items .bars .bar::after {
    height: 6px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro9 {
    padding-top: 200px;
  }
  .xt5_intro9 .wrap {
    pointer-events: none;
  }
  .xt5_intro9 .wrap .content {
    pointer-events: all;
  }
  .xt5_intro9 .items {
    width: 100%;
  }
  .xt5_intro9 .btn_video {
    position: relative;
  }
  .xt5_intro9 .btn_video::after {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: contrast(0) brightness(2);
    background: url("https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/xt5-ultra12-xt5_intro9/assets/img/xt5-play.svg") center center / contain no-repeat;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

.xt5_intro9 input {
  position: relative;
  z-index: 2;
  padding: 8px;
  width: 80%;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.toplevel_page_sytech_fronteditor .xt5_intro9 input {
  display: block;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro10 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
}
.xt5_intro10 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro10 .content {
  height: 100%;
  max-width: 128rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.xt5_intro10 .xt5_head {
  color: rgb(255, 255, 255);
  max-width: 114rem;
  margin: 6.25% 0px;
}
.xt5_intro10 .xt5_head h2 {
  font-weight: 700;
  font-size: 5.2rem;
  margin-bottom: 3rem;
}
.xt5_intro10 .xt5_head p {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-top: 2.6rem;
}
.xt5_intro10 .xt5_head span {
  color: rgb(173, 173, 173);
  font-size: 1.8rem;
  display: block;
  max-width: 70rem;
  margin: 0px auto;
}
.xt5_intro10 .items {
  width: 100%;
  margin: 4.0625% 0px;
}
.xt5_intro10 .items ul {
  gap: 14.375%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.xt5_intro10 .items li {
  text-align: center;
}
.xt5_intro10 .items li strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
  line-height: 1;
}
.xt5_intro10 .items li p {
  color: rgb(255, 255, 255);
  font-size: 2.4rem;
}
.xt5_intro10 video {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.toplevel_page_sytech_fronteditor .xt5_intro10 video {
  position: static;
  pointer-events: all;
}
.xt5_intro10 picture {
  overflow: hidden;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro10 {
    padding-top: 164px;
  }
  .xt5_intro10 .xt5_head h2 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .xt5_intro10 .xt5_head p {
    font-size: 12px;
    margin-top: 5px;
  }
  .xt5_intro10 .xt5_head p span {
    font-size: 12px;
  }
  .xt5_intro10 .items li strong {
    font-size: 32px;
  }
  .xt5_intro10 .items li p {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro10 {
    padding-top: 200px;
  }
  .xt5_intro10 .content {
    display: block;
    pointer-events: none;
  }
  .xt5_intro10 .xt5_head {
    text-align: left;
    margin: 30px 0px;
    pointer-events: all;
  }
  .xt5_intro10 .items {
    pointer-events: all;
  }
  .xt5_intro10 .items ul {
    justify-content: flex-start;
  }
  .xt5_intro10 .btn_video {
    position: relative;
  }
  .xt5_intro10 .btn_video::after {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: contrast(0) brightness(2);
    background: url("https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/xt5-ultra13-xt5_intro10/assets/img/xt5-play.svg") center center / contain no-repeat;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

.xt5_intro10 input {
  position: relative;
  z-index: 2;
  padding: 8px;
  width: 80%;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.toplevel_page_sytech_fronteditor .xt5_intro10 input {
  display: block;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro11 {
  color: rgb(255, 255, 255);
  padding: 7rem 0px 7.4rem;
  background-color: rgb(23, 23, 23);
}
.xt5_intro11 .content {
  max-width: 128rem;
}
.xt5_intro11 .xt5_head h2 {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.xt5_intro11 .xt5_head .img {
  height: 6rem;
}
.xt5_intro11 .xt5_head .img img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: contain;
  margin: 0px auto;
}
.xt5_intro11 .xt5_intro11_image_swiper {
  margin-top: 5.2rem;
  overflow: hidden;
  border-radius: 8px;
}
.xt5_intro11 .xt5_intro11_image_swiper .swiper-slide {
  height: auto;
}
.xt5_intro11 .xt5_intro11_image_swiper .img {
  height: 100%;
  border-radius: 8px;
}
.xt5_intro11 .xt5_intro11_image_swiper .img:hover img {
  transform: scale(1.03);
}
.xt5_intro11 .xt5_intro11_thumbs_swiper {
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-top: 1.8rem;
}
.xt5_intro11 .xt5_intro11_thumbs_swiper::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  background-color: rgb(92, 92, 92);
}
.xt5_intro11 .xt5_intro11_thumbs_swiper .swiper-slide {
  max-width: max-content;
}
.xt5_intro11 .xt5_intro11_thumbs_swiper .swiper-slide-thumb-active h3 {
  color: rgb(255, 255, 255);
}
.xt5_intro11 .xt5_intro11_thumbs_swiper .swiper-slide-thumb-active h3::after {
  opacity: 1;
}
.xt5_intro11 .xt5_intro11_thumbs_swiper h3 {
  cursor: pointer;
  transition: 0.3s;
  font-weight: normal;
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.6);
  position: relative;
  text-align: center;
  padding: 2rem 0px;
}
.xt5_intro11 .xt5_intro11_thumbs_swiper h3:hover {
  color: rgb(255, 255, 255);
}
.xt5_intro11 .xt5_intro11_thumbs_swiper h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  max-width: 11.5rem;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  transition: 0.3s;
  transform: translateX(-50%);
}
.xt5_intro11 .xt5_intro11_swiper {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: center;
  text-transform: capitalize;
  overflow: hidden;
  margin-top: 3.6rem;
}
.xt5_intro11 .xt5_intro11_swiper p {
  max-width: 111.5rem;
  margin: 0px auto;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro11 {
    padding: 20px 0px 40px;
    background-color: rgb(45, 45, 45);
  }
  .xt5_intro11 .xt5_head .img {
    height: 22px;
  }
  .xt5_intro11 .xt5_intro11_image_swiper {
    margin-top: 20px;
    border-radius: 4px;
  }
  .xt5_intro11 .xt5_intro11_image_swiper .img {
    border-radius: 4px;
  }
  .xt5_intro11 .xt5_intro11_thumbs_swiper {
    margin-top: 10px;
  }
  .xt5_intro11 .xt5_intro11_thumbs_swiper h3 {
    font-size: 12px;
    padding: 10px 0px;
  }
  .xt5_intro11 .xt5_intro11_thumbs_swiper h3::after {
    max-width: 30px;
  }
  .xt5_intro11 .xt5_intro11_swiper {
    font-size: 12px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro12 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
}
.xt5_intro12 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro12 .content {
  height: 100%;
  max-width: 128rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.xt5_intro12 .xt5_head {
  color: rgb(255, 255, 255);
  text-align: right;
  max-width: max-content;
  margin-bottom: 12.1875%;
}
.xt5_intro12 .xt5_head h2 {
  color: rgb(204, 204, 204);
  font-weight: 700;
  font-size: 5.2rem;
}
.xt5_intro12 .xt5_head p {
  font-size: 3rem;
  line-height: 1.5;
  max-width: 54.5rem;
  margin-left: auto;
  margin-top: 5rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro12 .xt5_head h2 {
    font-size: 22px;
  }
  .xt5_intro12 .xt5_head p {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro12 .content {
    align-items: flex-start;
  }
  .xt5_intro12 .xt5_head {
    color: rgb(0, 0, 0);
    text-align: left;
    margin: 40px 0px 0px;
  }
  .xt5_intro12 .xt5_head h2 {
    color: rgb(0, 0, 0);
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
i {
  font-style: normal;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro13 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
}
.xt5_intro13 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro13 .content {
  height: 100%;
  max-width: 130rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.xt5_intro13 .xt5_head {
  color: rgb(255, 255, 255);
  text-align: right;
  margin: 14.0625% 0px;
}
.xt5_intro13 .xt5_head h2 {
  font-weight: 700;
  font-size: 5.2rem;
}
.xt5_intro13 .con {
  gap: 3rem;
  display: flex;
  align-items: flex-end;
  margin: 5.9375% 0px;
}
.xt5_intro13 .items {
  flex: 1 1 0%;
}
.xt5_intro13 .items ul {
  display: flex;
  justify-content: space-between;
}
.xt5_intro13 .items li {
  text-align: right;
}
.xt5_intro13 .items li strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 8rem;
  line-height: 1;
}
.xt5_intro13 .items li strong span {
  font-size: 5.2rem;
}
.xt5_intro13 .items li p {
  color: rgb(147, 147, 147);
  font-weight: 500;
  font-size: 2.6rem;
}
.xt5_intro13 .note {
  width: 37%;
  color: rgb(196, 196, 196);
  line-height: 1.5;
  text-align: right;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .xt5_intro13 .xt5_head,
  .xt5_intro13 .con {
    margin: 5% 0px;
  }
  .xt5_intro13 .items li strong {
    font-size: 6rem;
  }
  .xt5_intro13 .items li strong span {
    font-size: 4rem;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .xt5_intro13 .items li strong {
    font-size: 5rem;
  }
  .xt5_intro13 .items li strong span {
    font-size: 3rem;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro13 .xt5_head h2 {
    font-size: 20px;
    max-width: 220px;
  }
  .xt5_intro13 .items li strong {
    font-size: 32px;
  }
  .xt5_intro13 .items li strong span {
    font-size: 20px;
  }
  .xt5_intro13 .items li p {
    font-size: 12px;
  }
  .xt5_intro13 .note {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro13 {
    padding-top: 145px;
  }
  .xt5_intro13 .content {
    display: block;
  }
  .xt5_intro13 .xt5_head {
    text-align: left;
    margin: 30px 0px 0px;
  }
  .xt5_intro13 .con {
    display: block;
  }
  .xt5_intro13 .note {
    width: 80%;
    margin-left: auto;
    margin-top: 30px;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
ul {
  list-style: none;
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img.img_ab {
  position: relative;
}
.img.img_ab img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro14 {
  color: rgb(255, 255, 255);
  padding: 12rem 0px 19.2rem;
  background-color: rgb(23, 23, 23);
  overflow: hidden;
}
.xt5_intro14 .content {
  max-width: 128rem;
}
.xt5_intro14 .xt5_head h2 {
  font-weight: 700;
  font-size: 7.2rem;
}
.xt5_intro14 .items {
  margin-top: 6.4rem;
}
.xt5_intro14 .items ul {
  gap: 3.4rem 2.2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.xt5_intro14 .items li {
  position: relative;
}
.xt5_intro14 .items li:hover img {
  transform: scale(1.03);
}
.xt5_intro14 .items li:nth-child(5n + 1) {
  grid-column: span 2;
}
.xt5_intro14 .items li:nth-child(5n + 1) .img {
  padding-bottom: 78.0142%;
}
.xt5_intro14 .items li:nth-child(5n + 1) .img::after {
  display: none;
}
.xt5_intro14 .items li:nth-child(5n + 1) .syedittext {
  padding: 3.5461%;
}
.xt5_intro14 .items li:nth-child(5n + 1) .syedittext p {
  max-width: 38rem;
}
.xt5_intro14 .items li:nth-child(5n + 2) .img {
  padding-bottom: 160.194%;
}
.xt5_intro14 .items .img {
  border-radius: 3rem;
  padding-bottom: 150.971%;
}
.xt5_intro14 .items .img::after {
  content: "";
  display: block;
  width: 100%;
  height: 38.2637%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(to top, rgb(0, 0, 0), transparent);
}
.xt5_intro14 .items .syedittext {
  position: absolute;
  inset: 0px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 7.28155%;
}
.xt5_intro14 .items .syedittext strong {
  font-weight: 900;
  font-size: 3.2rem;
}
.xt5_intro14 .items .syedittext p {
  font-size: 2.4rem;
  line-height: 1.5;
  max-width: 24rem;
  margin-top: 4px;
}
.xt5_intro14 .items .floats {
  position: absolute;
  right: 7.3286%;
  top: 7.57576%;
  z-index: 5;
}
.xt5_intro14 .items .floats .float {
  margin-bottom: 2rem;
}
.xt5_intro14 .items .floats .float strong {
  color: rgb(156, 41, 41);
  font-weight: 900;
  font-size: 5.6rem;
}
.xt5_intro14 .items .floats .float strong span {
  font-size: 3.2rem;
}
.xt5_intro14 .items .floats .float p {
  font-size: 2.4rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro14 {
    padding: 30px 0px;
  }
  .xt5_intro14 .xt5_head h2 {
    font-size: 20px;
  }
  .xt5_intro14 .items {
    margin-top: 30px;
  }
  .xt5_intro14 .items ul {
    gap: 6px;
  }
  .xt5_intro14 .items li:nth-child(5n + 1) .img {
    border-radius: 18px;
  }
  .xt5_intro14 .items .img {
    border-radius: 16px;
  }
  .xt5_intro14 .items .syedittext strong {
    font-size: 14px;
  }
  .xt5_intro14 .items .syedittext p {
    font-size: 12px;
  }
  .xt5_intro14 .items .floats .float strong {
    font-size: 26px;
  }
  .xt5_intro14 .items .floats .float strong span {
    font-size: 14px;
  }
  .xt5_intro14 .items .floats .float p {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .xt5_intro14 .xt5_head {
    max-width: 200px;
    margin: 0px auto;
  }
  .xt5_intro14 .items li:nth-child(5n + 1) .img {
    border-radius: 10px;
  }
  .xt5_intro14 .items .img {
    border-radius: 10px;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
.center {
  text-align: center;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.bg_pc,
.bg_mobile {
  width: 100%;
  height: auto;
}
.bg_pc img,
.bg_mobile img {
  width: 100%;
  height: auto;
  display: block;
}
.bg_pc {
  display: block;
}
.bg_mobile {
  display: none;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro15 {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  overflow: hidden;
}
.xt5_intro15 .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.xt5_intro15 .content {
  height: 100%;
  max-width: 128rem;
  display: flex;
  align-items: flex-end;
}
.xt5_intro15 .xt5_head {
  color: rgb(255, 255, 255);
  margin: 3.28125% auto;
}
.xt5_intro15 .xt5_head h2 {
  font-weight: 700;
  font-size: 7.4rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro15 .xt5_head h2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .xt5_intro15 .content {
    align-items: flex-start;
  }
  .xt5_intro15 .xt5_head {
    color: rgb(0, 0, 0);
    margin: 40px auto;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}



* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img.img_ab {
  position: relative;
}
.img.img_ab img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_intro16 {
  color: rgb(255, 255, 255);
  overflow: hidden;
  padding: 17.2rem 0px 11rem;
  background-color: rgb(23, 23, 23);
}
.xt5_intro16 .content {
  max-width: 128rem;
}
.xt5_intro16 .xt5_intro16_swiper .img {
  border-radius: 3.4rem;
  padding-bottom: 48.4375%;
}
.xt5_intro16 .xt5_intro16_swiper .img:hover img {
  transform: scale(1.03);
}
.xt5_intro16 .xt5_intro16_swiper .syedittext h2 {
  font-weight: 700;
  font-size: 5.2rem;
  margin-top: 5rem;
}
.xt5_intro16 .xt5_intro16_swiper .syedittext p {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-top: 2.2rem;
}
.xt5_intro16 .swiper-pagination {
  display: none;
}
.xt5_intro16 .btns {
  gap: 5.2rem;
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.xt5_intro16 .btns div {
  width: 4.8rem;
  height: 4.8rem;
  cursor: pointer;
  border-radius: 50%;
  transition: all .3s;
  background: url(https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/xt5-ultra19-xt5_intro16/assets/img/arrow-cir-l-w.svg) no-repeat center/contain;
}
.xt5_intro16 .btns .btn_next {
  transform: rotate(180deg);
}
.xt5_intro16 .btns .swiper-button-disabled {
  opacity: .5;
  pointer-events: none;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_intro16 {
    padding: 40px 0px 30px;
  }
  .xt5_intro16 .xt5_intro16_swiper .img {
    border-radius: 18px;
  }
  .xt5_intro16 .xt5_intro16_swiper .syedittext h2 {
    font-size: 22px;
    margin-top: 20px;
  }
  .xt5_intro16 .xt5_intro16_swiper .syedittext p {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .xt5_intro16 .xt5_intro16_swiper .swiper-slide {
    display: flex;
    flex-direction: column-reverse;
  }
  .xt5_intro16 .xt5_intro16_swiper .img {
    border-radius: 12px;
  }
  .xt5_intro16 .xt5_intro16_swiper .syedittext {
    margin-bottom: 20px;
  }
  .xt5_intro16 .xt5_intro16_swiper .syedittext h2 {
    margin: 0px;
  }
  .xt5_intro16 div.swiper-pagination {
    position: static;
    gap: 2px;
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .xt5_intro16 .btns {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}


* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #000;
  --secondary: #000;
  --title: #141414;
  --text: #000;
}
html {
  font-size: clamp(7.5px, 0.522vw, 10px);
}
.content {
  max-width: 152.4rem;
  margin: 0px auto;
  position: relative;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
body {
  background-color: rgb(0, 0, 0);
}
.xt5_specs {
  color: rgb(255, 255, 255);
  padding: 11.2rem 0px;
  background-color: rgb(23, 23, 23);
}
.xt5_specs .content {
  max-width: 168.4rem;
}
.xt5_specs .xt5_head h2 {
  font-weight: 700;
  font-size: 3.6rem;
}
.xt5_specs .table {
  overflow: auto;
  margin-top: 7rem;
}
.xt5_specs .table table {
  display: block;
}
.xt5_specs .table table tbody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.xt5_specs .table table tr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.xt5_specs .table table tr:nth-child(1),
.xt5_specs .table table tr:nth-child(2) {
  grid-column: span 2;
}
.xt5_specs .table table tr:nth-child(1) td,
.xt5_specs .table table tr:nth-child(2) td {
  font-size: 2.4rem;
  padding: 3rem 0px 3rem 7.12589%;
}
.xt5_specs .table table tr:nth-child(4n + 3),
.xt5_specs .table table tr:nth-child(4n + 4) {
  background-color: rgb(78, 78, 78);
}
.xt5_specs .table table td {
  font-size: 2rem;
  display: flex;
  align-items: center;
  padding: 3.1rem 0px 3.1rem 14.2518%;
}
.xt5_specs .table table td:first-child {
  font-weight: 500;
}
.xt5_specs .note {
  color: rgb(120, 120, 120);
  line-height: 1.5;
  font-size: 1.7rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1172px) {
  .content,
  .swiper_content {
    max-width: 1024px;
  }
}

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .xt5_specs .table table td {
    padding-left: 5rem;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    background: rgb(193, 193, 193);
    border-radius: 10px;
  }
  div::-webkit-scrollbar-track {
    background: rgb(229, 229, 229);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .xt5_specs {
    padding: 30px 0px;
    background-color: rgb(0, 0, 0);
  }
  .xt5_specs .xt5_head h2 {
    font-size: 26px;
  }
  .xt5_specs .table {
    margin-top: 10px;
  }
  .xt5_specs .table table tr:nth-child(1) td,
  .xt5_specs .table table tr:nth-child(2) td {
    font-size: 14px;
    padding: 10px 0px 10px 20px;
  }
  .xt5_specs .table table td {
    font-size: 12px;
    letter-spacing: 0px;
    padding: 10px 0px 10px 20px;
  }
  .xt5_specs .note {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .xt5_specs .table table tbody {
    grid-template-columns: 1fr;
  }
  .xt5_specs .table table tr:nth-child(2n + 1) {
    background-color: rgb(78, 78, 78);
  }
  .xt5_specs .table table tr:nth-child(2n) {
    background-color: transparent;
  }
  .xt5_specs .table table tr:nth-child(1),
  .xt5_specs .table table tr:nth-child(2) {
    grid-column: unset;
    background-color: transparent;
  }
}

@media screen and (max-width: 480px) {
  .content {
    padding: 0px 15px;
  }
}

@media screen and (max-width: 1440px) {
  .xt5_specs .content {
    max-width: 128rem;
  }
}