* {
  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;
}
.img.img_ct img {
  object-fit: contain;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_banner {
  max-width: 2560px;
  margin: -1px auto;
  position: relative;
  aspect-ratio: 1920 / 900;
}
.ut5maxnew_banner .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    transparent 59.375%
  );
}
.ut5maxnew_banner .wrap .ut5maxnew_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.ut5maxnew_banner .ut5maxnew_head {
  width: 57.5%;
  position: relative;
  margin-left: 3.24%;
  padding-top: 5.7%;
}
.ut5maxnew_banner .ut5maxnew_head h1 {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.ut5maxnew_banner .ut5maxnew_head .logo {
  width: 70%;
  max-width: 63.1rem;
  height: auto;
  margin-left: -1rem;
}
.ut5maxnew_banner .ut5maxnew_head .desc {
  font-size: 3.2rem;
  font-weight: 600;
  color: rgb(255, 255, 255);
  margin-top: 4.7rem;
}
.ut5maxnew_banner .ut5maxnew_head .cert {
  width: 20%;
  max-width: 15.4rem;
  height: auto;
  margin-top: 6.78%;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_banner .ut5maxnew_head .cert {
    max-width: 8rem;
    margin-top: 3%;
  }
  .ut5maxnew_banner .ut5maxnew_head .logo {
    max-width: 35rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_banner .ut5maxnew_head .desc {
    font-size: 2.5rem;
    margin-top: 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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_banner .wrap {
    background: none;
  }
  .ut5maxnew_banner .ut5maxnew_head {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  .ut5maxnew_banner .ut5maxnew_head .logo {
    width: 63.9831%;
    max-width: 221px;
    margin-left: 0px;
  }
  .ut5maxnew_banner .ut5maxnew_head .desc {
    font-size: 14px;
    margin-top: 10px;
  }
  .ut5maxnew_banner .ut5maxnew_head .cert {
    width: 15.932%;
    max-width: 60px;
    margin-top: 27px;
  }
  .ut5maxnew_banner .ut5maxnew_head .cert {
    width: 15.932%;
    max-width: 60px;
    margin-top: 27px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    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;
}
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_ct img {
  object-fit: contain;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_features {
  padding: 16.4rem 0px;
}
.ut5maxnew_features .items {
  max-width: 159.7rem;
  margin: 0px auto;
}
.ut5maxnew_features .items > div {
  display: grid;
  grid-template-columns: 37.32% 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem 1.28366%;
}
.ut5maxnew_features .items .row2 {
  grid-row: span 2;
}
.ut5maxnew_features .item {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2rem;
  background-image: linear-gradient(rgb(52, 52, 52), rgb(16, 16, 16));
}
.ut5maxnew_features .item .img {
  width: 100%;
  height: 100%;
}
.ut5maxnew_features .item .img picture,
.ut5maxnew_features .item .img img {
  height: 100%;
}
.ut5maxnew_features .item .info {
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  padding: 4.58333% 2.08333% 5%;
}
.ut5maxnew_features .item .info strong {
  display: inline-block;
  background-image: linear-gradient(rgb(217, 217, 217), rgb(221, 200, 176));
  background-clip: text;
  color: transparent;
  font-size: 3.5rem;
  line-height: 1.2;
  font-weight: 500;
}
.ut5maxnew_features .item .info p {
  font-size: 1.719rem;
  color: rgb(161, 161, 161);
}
.ut5maxnew_features .item .info ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
.ut5maxnew_features .item .info ul strong {
  font-size: 3.894rem;
}
.ut5maxnew_features .item:hover img {
  transform: scale(1.03);
}
.ut5maxnew_features .item1 .info {
  top: 0px;
  left: unset;
  padding: 12.5839% 8.05369%;
}
.ut5maxnew_features .item1 .info strong {
  font-size: 7.656rem;
  text-shadow: rgba(0, 0, 0, 0.25) 0px 7px 7px;
}
.ut5maxnew_features .item1 .info p {
  font-size: 3.281rem;
  margin-top: 0.5rem;
}
.ut5maxnew_features .item3 .info {
  right: unset;
  bottom: unset;
  top: 0;
}
.ut5maxnew_features .item3 .info strong {
  max-width: 23.2rem;
}
.ut5maxnew_features .item4 .img {
  width: 76.875%;
  height: auto;
  margin-top: 6.04167%;
}
.ut5maxnew_features .item4 .info {
  position: static;
}
.ut5maxnew_features .item5 .img {
  width: 38%;
  max-width: 18.2rem;
  height: auto;
  margin-top: 12.5%;
}
.ut5maxnew_features .item5 .info {
  position: static;
  padding-top: 5.41667%;
}
.ut5maxnew_features .item5 .info strong {
  line-height: 1.37143;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_features .item .info strong {
    font-size: 2.5rem;
  }
  .ut5maxnew_features .item .info ul strong {
    font-size: 2.8rem;
  }
  .ut5maxnew_features .item1 .info strong {
    font-size: 4rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_features .item .info strong {
    font-size: 2rem;
  }
  .ut5maxnew_features .item .info ul strong {
    font-size: 2.4rem;
  }
  .ut5maxnew_features .item1 .info strong {
    font-size: 3rem;
  }
  .ut5maxnew_features .item1 .info p {
    font-size: 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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_features {
    padding: 50px 0px;
  }
  .ut5maxnew_features .items > div {
    gap: 11px;
  }
  .ut5maxnew_features .items .item {
    border-radius: 10px;
  }
  .ut5maxnew_features .items .item .info {
    padding: 16px;
  }
  .ut5maxnew_features .items .item .info strong {
    font-size: 18px;
  }
  .ut5maxnew_features .items .item .info p {
    font-size: 12px;
  }
  .ut5maxnew_features .items .item .info ul {
    gap: 14px;
  }
  .ut5maxnew_features .items .item .info ul strong {
    font-size: 20px;
  }
  .ut5maxnew_features .items .item.item1 .info strong {
    font-size: 30px;
  }
  .ut5maxnew_features .items .item.item1 .info p {
    margin-top: 2px;
  }
  .ut5maxnew_features .items .item3 .info strong {
    max-width: 108px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_features .items > div {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
  .ut5maxnew_features .items .row2 {
    grid-row: unset;
    grid-column: -1 / 1;
  }
  .ut5maxnew_features .items .item .info {
    padding: 14px 5px;
  }
  .ut5maxnew_features .items .item .info strong {
    font-size: 12px;
  }
  .ut5maxnew_features .items .item .info p {
    font-size: 12px;
  }
  .ut5maxnew_features .items .item .info ul {
    gap: 12px;
  }
  .ut5maxnew_features .items .item .info ul strong {
    font-size: 12px;
  }
  .ut5maxnew_features .items .item.item1 .info strong {
    font-size: 23px;
  }
  .ut5maxnew_features .items .item3 .info strong {
    max-width: 80px;
  }
  .ut5maxnew_features .items .item5 .img {
    width: 56px;
    margin-bottom: auto;
  }
  .ut5maxnew_features .items .item4 .img {
    width: 111px;
  }
}

* {
  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;
}
.ut5-body {
  background-color: rgb(0, 0, 0);
  --text_bg: linear-gradient(to bottom, #d9d9d9, #ddc8b0);
}
.ut5_video {
  position: relative;
  overflow: hidden;
}
.ut5_video .video {
  position: relative;
}
.ut5_video .video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ut5_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;
}
.ut5_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/ut5-max3-ut5_video/assets/img/ut5-play.svg") center center / contain no-repeat;
}
.ut5_video .desc {
  font-size: 2rem;
  line-height: 1.85;
  min-height: 7.4rem;
  color: rgb(161, 161, 161);
  max-width: 59.9rem;
  position: absolute;
  text-align: center;
  left: 50%;
  bottom: 11.5rem;
  transform: translateX(-50%);
  z-index: 5;
}
.ut5_video .mask {
  position: absolute;
  inset: 0px;
  z-index: 3;
  pointer-events: none;
  background: url("https://navee.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/ut5-max3-ut5_video/assets/img/ut5-video-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;
  }
  .ut5_video .video .btn_play {
    z-index: 5;
    gap: 0px;
    text-indent: -999px;
    overflow: hidden;
    right: 28px;
    top: 30px;
    width: 34px;
    height: 34px;
    white-space: nowrap;
    color: transparent;
  }
  .ut5_video .video .btn_play::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .ut5_video .mask {
    background-size: 130%;
  }
  .ut5_video .desc {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .ut5_video .video .btn_play {
    width: 17px;
    height: 17px;
    right: 14px;
    top: 16px;
  }
}

.ut5_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 .ut5_video input {
  display: block;
}
.ut5_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);
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_picture {
  position: relative;
  max-width: 2560px;
  margin: 0px auto;
  background-color: rgb(0, 0, 0);
}
.ut5maxnew_picture picture {
  opacity: 0.7;
}
.ut5maxnew_picture .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ut5maxnew_picture .wrap .ut5maxnew_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.ut5maxnew_picture .ut5maxnew_head {
  flex: 1 1 0%;
  color: rgb(255, 255, 255);
}
.ut5maxnew_picture .ut5maxnew_head.lar h2 {
  font-size: 9rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_picture .ut5maxnew_head.lar h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_picture .ut5maxnew_head.lar h2 {
    font-size: 6rem;
  }
}
@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_picture .ut5maxnew_head.lar h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
}

* {
  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;
}
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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro1 {
  padding: 5.7rem 0px 8rem;
}
.ut5maxnew_intro1 p {
  max-width: 88rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro1 .nums {
  margin-top: 5.3rem;
}
.ut5maxnew_intro1 .nums ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 7.2rem;
}
.ut5maxnew_intro1 .nums li strong {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 600;
}
.ut5maxnew_intro1 .nums li p {
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 1rem;
}
.ut5maxnew_intro1 .img {
  border-radius: 2rem;
  height: auto;
  margin-top: 6.9rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro1 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro1 .nums {
    margin-top: 22px;
  }
  .ut5maxnew_intro1 .nums ul {
    gap: 25px;
  }
  .ut5maxnew_intro1 .nums li strong {
    font-size: 28px;
  }
  .ut5maxnew_intro1 .nums li p {
    font-size: 14px;
    margin-top: 5px;
  }
  .ut5maxnew_intro1 .img {
    border-radius: 10px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro1 .nums {
    margin-top: 20px;
  }
  .ut5maxnew_intro1 .nums li strong {
    font-size: 14px;
  }
  .ut5maxnew_intro1 .nums li p {
    font-size: 12px;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro2 {
  padding: 6rem 0px 3.1rem;
}
.ut5maxnew_intro2 p {
  margin-top: 2.2rem;
}
.ut5maxnew_intro2 .img {
  border-radius: 2rem;
  height: auto;
  margin-top: 5rem;
}
.ut5maxnew_intro2 .tip {
  font-size: 2.5rem;
  line-height: 1.28;
  max-width: 150.3rem;
  margin-top: 5rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro2 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro2 h2 {
    max-width: 250px;
  }
  .ut5maxnew_intro2 .img {
    border-radius: 10px;
    margin-top: 20px;
  }
  .ut5maxnew_intro2 .tip {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro2 {
  padding: 6rem 0px 3.1rem;
}
.ut5maxnew_intro2 p {
  margin-top: 2.2rem;
}
.ut5maxnew_intro2 .img {
  border-radius: 2rem;
  height: auto;
  margin-top: 5rem;
}
.ut5maxnew_intro2 .tip {
  font-size: 2.5rem;
  line-height: 1.28;
  max-width: 150.3rem;
  margin-top: 5rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro2 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro2 h2 {
    max-width: 250px;
  }
  .ut5maxnew_intro2 .img {
    border-radius: 10px;
    margin-top: 20px;
  }
  .ut5maxnew_intro2 .tip {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
}

* {
  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;
}
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_ct img {
  object-fit: contain;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_head p strong {
  font-size: 1.0857em;
  font-weight: 700;
}
.ut5maxnew_intro3 {
  padding: 8.9rem 0px 4rem;
}
.ut5maxnew_intro3 p {
  max-width: 140.7rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro3 .speeds {
  max-width: 103.1rem;
  margin-top: 6.2rem;
  min-height: 19.4rem;
}
.ut5maxnew_intro3 .speeds ul {
  display: grid;
  gap: 2.5rem;
}
.ut5maxnew_intro3 .speeds li {
  display: grid;
  grid-template-columns: 5.66667em 1fr;
  white-space: nowrap;
  font-size: 3rem;
  line-height: 1.2;
  gap: 0.7em;
}
.ut5maxnew_intro3 .speeds li .value {
  display: block;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(88, 91, 93);
  padding: 0.2em;
}
.ut5maxnew_intro3 .speeds li .progressbar {
  display: block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  background-color: rgb(217, 217, 217);
  text-align: right;
  padding: 0.2em 0.667em;
}
.ut5maxnew_intro3 .image {
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
  margin-top: 6.1rem;
}
.ut5maxnew_intro3 .image .img_cv {
  width: 100%;
  height: auto;
}
.ut5maxnew_intro3 .image .img_ct {
  position: absolute;
  z-index: 2;
  height: auto;
}
.ut5maxnew_intro3 .image .cert {
  width: 9.98201%;
  right: 0px;
  top: 0px;
  margin: 4.13669% 5.48561%;
}
.ut5maxnew_intro3 .image .logo {
  width: 20.0839%;
  left: 0px;
  bottom: 0px;
  margin: 4.10671% 3.35731%;
}
.ut5maxnew_intro3 .tips {
  font-size: 2.5rem;
  line-height: 1.28;
  margin-top: 3.1rem;
}
.ut5maxnew_intro3 .tips ul li::before {
  content: "*";
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro3 .speeds li {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro3 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro3 .speeds {
    margin-top: 20px;
    min-height: 87px;
    width: 75%;
    max-width: 484px;
  }
  .ut5maxnew_intro3 .speeds ul {
    gap: 10px;
  }
  .ut5maxnew_intro3 .speeds ul li {
    font-size: 14px;
  }
  .ut5maxnew_intro3 .image {
    border-radius: 10px;
    margin-top: 20px;
  }
  .ut5maxnew_intro3 .image .cert {
    width: 12.963%;
    margin: 5.11983% 6.75381%;
    max-width: 63px;
  }
  .ut5maxnew_intro3 .image .logo {
    width: 30.1%;
    margin: 5.55556% 5.01089%;
    max-width: 147px;
  }
  .ut5maxnew_intro3 .tips {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro3 .speeds ul li {
    font-size: 12px;
  }
}

* {
  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;
}
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_ct img {
  object-fit: contain;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_head p strong {
  font-size: 1.0857em;
  font-weight: 700;
}
.ut5maxnew_intro3 {
  padding: 8.9rem 0px 4rem;
}
.ut5maxnew_intro3 p {
  max-width: 140.7rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro3 .speeds {
  max-width: 103.1rem;
  margin-top: 6.2rem;
  min-height: 19.4rem;
}
.ut5maxnew_intro3 .speeds ul {
  display: grid;
  gap: 2.5rem;
}
.ut5maxnew_intro3 .speeds li {
  display: grid;
  grid-template-columns: 5.66667em 1fr;
  white-space: nowrap;
  font-size: 3rem;
  line-height: 1.2;
  gap: 0.7em;
}
.ut5maxnew_intro3 .speeds li .value {
  display: block;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(88, 91, 93);
  padding: 0.2em;
}
.ut5maxnew_intro3 .speeds li .progressbar {
  display: block;
  width: 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  background-color: rgb(217, 217, 217);
  text-align: right;
  padding: 0.2em 0.667em;
}
.ut5maxnew_intro3 .image {
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
  margin-top: 6.1rem;
}
.ut5maxnew_intro3 .image .img_cv {
  width: 100%;
  height: auto;
}
.ut5maxnew_intro3 .image .img_ct {
  position: absolute;
  z-index: 2;
  height: auto;
}
.ut5maxnew_intro3 .image .cert {
  width: 9.98201%;
  right: 0px;
  top: 0px;
  margin: 4.13669% 5.48561%;
}
.ut5maxnew_intro3 .image .logo {
  width: 20.0839%;
  left: 0px;
  bottom: 0px;
  margin: 4.10671% 3.35731%;
}
.ut5maxnew_intro3 .tips {
  font-size: 2.5rem;
  line-height: 1.28;
  margin-top: 3.1rem;
}
.ut5maxnew_intro3 .tips ul li::before {
  content: "*";
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro3 .speeds li {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro3 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro3 .speeds {
    margin-top: 20px;
    min-height: 87px;
    width: 75%;
    max-width: 484px;
  }
  .ut5maxnew_intro3 .speeds ul {
    gap: 10px;
  }
  .ut5maxnew_intro3 .speeds ul li {
    font-size: 14px;
  }
  .ut5maxnew_intro3 .image {
    border-radius: 10px;
    margin-top: 20px;
  }
  .ut5maxnew_intro3 .image .cert {
    width: 12.963%;
    margin: 5.11983% 6.75381%;
    max-width: 63px;
  }
  .ut5maxnew_intro3 .image .logo {
    width: 30.1%;
    margin: 5.55556% 5.01089%;
    max-width: 147px;
  }
  .ut5maxnew_intro3 .tips {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro3 .speeds ul li {
    font-size: 12px;
  }
}

* {
  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;
}
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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_intro4 {
  padding: 8.9rem 0px 2.8rem;
}
.ut5maxnew_intro4 .nums {
  max-width: 141rem;
  margin-top: 5.2rem;
}
.ut5maxnew_intro4 .nums ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem 8.51064%;
}
.ut5maxnew_intro4 .nums li {
  display: flex;
  flex-direction: column;
  line-height: 4.5rem;
}
.ut5maxnew_intro4 .nums li strong {
  font-size: 4.5rem;
  font-weight: 800;
}
.ut5maxnew_intro4 .nums li p {
  font-size: 2.5rem;
  margin-bottom: auto;
}
.ut5maxnew_intro4 .nums li .line {
  display: block;
  width: 0;
  max-width: 100%;
  height: 1.2rem;
  background-image: linear-gradient(
    to right,
    rgb(217, 217, 217),
    rgb(115, 115, 115)
  );
  margin-top: 0.8rem;
}
.ut5maxnew_intro4 .img {
  border-radius: 2rem;
  height: auto;
  margin-top: 5.3rem;
}
.ut5maxnew_intro4 .tip {
  font-size: 3rem;
  line-height: 1.2;
  margin-top: 3.6rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_intro4 .tip {
    font-size: 2rem;
  }
  .ut5maxnew_intro4 .tip {
    font-size: 2rem;
  }
  .ut5maxnew_intro4 .nums li strong {
    font-size: 3.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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_intro4 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro4 .nums {
    margin-top: 20px;
  }
  .ut5maxnew_intro4 .nums ul {
    grid-template-columns: 56.04% 1fr;
    gap: 20px 7.94342%;
  }
  .ut5maxnew_intro4 .nums li {
    line-height: unset;
  }
  .ut5maxnew_intro4 .nums li strong {
    font-size: 22px;
    line-height: 1.2;
  }
  .ut5maxnew_intro4 .nums li p {
    font-size: 14px;
  }
  .ut5maxnew_intro4 .nums li .line {
    height: 7px;
    margin-top: 5px;
  }
  .ut5maxnew_intro4 .img {
    border-radius: 10px;
    margin-top: 30px;
  }
  .ut5maxnew_intro4 .tip {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro4 .nums li strong {
    font-size: 14px;
  }
  .ut5maxnew_intro4 .nums li p {
    font-size: 11px;
  }
  .ut5maxnew_intro4 .nums li .line {
    height: 3px;
  }
  .ut5maxnew_intro4 .img {
    margin-top: 20px;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro5 {
  padding: 6rem 0px 5.5rem;
}
.ut5maxnew_intro5 .ut5maxnew_head h2 {
  font-size: 5rem;
}
.ut5maxnew_intro5 p {
  margin-top: 1.5rem;
}
.ut5maxnew_intro5 .img {
  position: relative;
  border-radius: 2rem;
  height: auto;
  margin-top: 3.3rem;
}
.ut5maxnew_intro5 .img .desc {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  color: rgb(255, 255, 255);
  font-size: 3rem;
  line-height: 1.2;
  padding: 1.31894% 3.89688%;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
  .ut5maxnew_intro5 .img .desc {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro5 .img .desc {
    font-size: 2rem;
    padding: 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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro5 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro5 .ut5maxnew_head h2 {
    font-size: 26px;
  }
  .ut5maxnew_intro5 .img {
    border-radius: 10px;
    margin-top: 30px;
  }
  .ut5maxnew_intro5 .img .desc {
    font-size: 16px;
    padding: 14px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro5 .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro5 .img {
    margin-top: 20px;
  }
  .ut5maxnew_intro5 .img .desc {
    font-size: 12px;
  }
}

* {
  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);
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_picture {
  position: relative;
  max-width: 2560px;
  margin: 0px auto;
  background-color: rgb(0, 0, 0);
}
.ut5maxnew_picture picture {
  opacity: 0.7;
}
.ut5maxnew_picture .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ut5maxnew_picture .wrap .ut5maxnew_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.ut5maxnew_picture .ut5maxnew_head {
  flex: 1 1 0%;
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
}

* {
  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;
}
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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_intro6 {
  padding: 8.9rem 0px 4.2rem;
}
.ut5maxnew_intro6 .img {
  position: relative;
  border-radius: 2rem;
  background-color: rgb(0, 0, 0);
  height: auto;
  margin-top: 6.2rem;
}
.ut5maxnew_intro6 .intro {
  max-width: 152rem;
  margin: 4.4rem auto 0px;
}
.ut5maxnew_intro6 .intro ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
.ut5maxnew_intro6 .intro li h3 {
  font-size: 3.5rem;
  line-height: 1.28571;
  font-weight: 600;
  max-width: 55rem;
}
.ut5maxnew_intro6 .intro li p {
  font-size: 2.5rem;
  line-height: 1.4;
  max-width: 67rem;
  margin-top: 1.4rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_intro6 .intro li h3 {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro6 .intro li p {
    font-size: 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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_intro6 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro6 h2 {
    max-width: 400px;
  }
  .ut5maxnew_intro6 .img {
    border-radius: 10px;
    margin-top: 30px;
  }
  .ut5maxnew_intro6 .intro {
    margin-top: 30px;
  }
  .ut5maxnew_intro6 .intro ul {
    gap: 30px 10px;
  }
  .ut5maxnew_intro6 .intro li h3 {
    font-size: 16px;
    max-width: 270px;
  }
  .ut5maxnew_intro6 .intro li p {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro6 .img {
    margin-top: 20px;
  }
  .ut5maxnew_intro6 .intro {
    margin-top: 20px;
  }
  .ut5maxnew_intro6 .intro li h3 {
    font-size: 12px;
  }
  .ut5maxnew_intro6 .intro li p {
    font-size: 12px;
    margin-top: 5px;
  }
}

* {
  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;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
li.swiper-slide {
  height: auto;
}
.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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.img.img_ab picture {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.ut5maxnew_scence .ut5maxnew_scence_swiper {
  position: relative;
  overflow: hidden;
  padding: 8.7rem 0px;
}
.ut5maxnew_scence .ut5maxnew_scence_swiper .img {
  border-radius: 2rem;
  padding-bottom: 43.5513%;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_scence .ut5maxnew_scence_swiper {
    padding: 50px 0px;
  }
  .ut5maxnew_scence .ut5maxnew_scence_swiper .img {
    border-radius: 10px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_scence .ut5maxnew_scence_swiper .img {
    padding-bottom: 67.0294%;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro7 {
  padding: 5.9rem 0px 8rem;
}
.ut5maxnew_intro7 p {
  max-width: 155.2rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro7 .items {
  border-radius: 2rem;
  background-color: rgb(0, 0, 0);
  margin-top: 4rem;
}
.ut5maxnew_intro7 .items > div {
  display: grid;
  grid-template-columns: 51.9784% 1fr;
}
.ut5maxnew_intro7 .item {
  position: relative;
  overflow: hidden;
}
.ut5maxnew_intro7 .item:hover img {
  transform: scale(1.03);
}
.ut5maxnew_intro7 .item .img {
  width: 100%;
  height: 100%;
}
.ut5maxnew_intro7 .item .title {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  font-size: 4.5rem;
  line-height: 1.2;
  font-weight: 600;
  display: inline-block;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(221, 200, 176));
  background-clip: text;
  color: transparent;
  text-align: center;
  padding: 4.7rem 2rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
  .ut5maxnew_intro7 .item .title {
    font-size: 3.5rem;
    padding: 3rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro7 .item .title {
    font-size: 3rem;
    padding: 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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro7 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro7 .items {
    margin-top: 30px;
    border-radius: 10px;
  }
  .ut5maxnew_intro7 .item .title {
    font-size: 18px;
    padding: 20px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro7 .items {
    margin-top: 30px;
  }
  .ut5maxnew_intro7 .items > div {
    grid-template-columns: 51.5778% 1fr;
  }
  .ut5maxnew_intro7 .items .title {
    font-size: 12px;
    padding: 14px;
  }
}

* {
  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;
}
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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_intro8 {
  padding: 8.9rem 0px 8rem;
}
.ut5maxnew_intro8 .items {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  margin-top: 8.1rem;
}
.ut5maxnew_intro8 .items .img {
  width: 100%;
  height: auto;
}
.ut5maxnew_intro8 .items ul {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: grid;
  grid-template-columns: 36.804% 36.804%;
  justify-content: space-between;
  overflow-y: auto;
  gap: 22rem 0px;
  margin: 5.21583% 4.79616%;
}
.ut5maxnew_intro8 .items li strong {
  display: inline-block;
  background-image: linear-gradient(rgb(217, 217, 217), rgb(221, 200, 176));
  background-clip: text;
  color: transparent;
  font-size: 4.067rem;
  line-height: 1.24908;
  font-weight: 500;
}
.ut5maxnew_intro8 .items li p {
  font-size: 2.542rem;
  line-height: 1.19984;
  color: rgb(213, 213, 213);
  margin-top: 1.1rem;
}
.ut5maxnew_intro8 .items li:nth-child(4n + 3) {
  transform: translateY(-4.5rem);
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
  .ut5maxnew_intro8 .items ul {
    gap: 10rem 0px;
    margin: 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_intro8 .items li strong {
    font-size: 3rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_intro8 .items ul {
    gap: 7rem 0px;
  }
  .ut5maxnew_intro8 .items li strong {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro8 .items li p {
    font-size: 2rem;
  }
  .ut5maxnew_intro8 .items li:nth-child(4n + 3) {
    transform: none;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_intro8 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro8 .items {
    margin-top: 30px;
    border-radius: 10px;
  }
  .ut5maxnew_intro8 .items ul {
    margin: 30px 18px;
    gap: 90px 0px;
  }
  .ut5maxnew_intro8 .items li strong {
    font-size: 16px;
  }
  .ut5maxnew_intro8 .items li p {
    font-size: 14px;
    margin-top: 2px;
  }
  .ut5maxnew_intro8 .items li:nth-child(4n + 3) {
    transform: translateY(-20px);
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro8 .items {
    margin-top: 20px;
  }
  .ut5maxnew_intro8 .items ul {
    margin: 14px 10px;
    gap: 20px 0px;
  }
  .ut5maxnew_intro8 .items li strong {
    font-size: 12px;
  }
  .ut5maxnew_intro8 .items li p {
    font-size: 12px;
  }
  .ut5maxnew_intro8 .items li:nth-child(4n + 3) {
    transform: translateY(0px);
  }
}

* {
  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;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
li.swiper-slide {
  height: auto;
}
.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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.img.img_ab picture {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.ut5maxnew_intro9 {
  padding: 11.8rem 0px 8.9rem;
}
.ut5maxnew_intro9 .ut5maxnew_head h2 {
  font-size: 7.5rem;
}
.ut5maxnew_intro9 p {
  margin-top: 2.5rem;
}
.ut5maxnew_intro9 .ut5maxnew_intro9_swiper {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  margin-top: 9.1rem;
}
.ut5maxnew_intro9 .ut5maxnew_intro9_swiper .img {
  border-radius: 2rem;
  padding-bottom: 47.7818%;
}
.ut5maxnew_intro9 div.swiper-pagination {
  bottom: 3rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
  .ut5maxnew_intro9 .ut5maxnew_head h2,
  .ut5maxnew_intro10 .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro9 .ut5maxnew_head h2,
  .ut5maxnew_intro10 .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro9 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro9 div.ut5maxnew_head h2 {
    font-size: 26px;
  }
  .ut5maxnew_intro9 .ut5maxnew_intro9_swiper {
    border-radius: 10px;
    margin-top: 30px;
  }
  .ut5maxnew_intro9 .ut5maxnew_intro9_swiper .img {
    border-radius: 10px;
  }
  .ut5maxnew_intro9 div.swiper-pagination {
    bottom: 20px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro9 div.ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro9 .ut5maxnew_intro9_swiper {
    margin-top: 20px;
  }
  .ut5maxnew_intro9 .ut5maxnew_intro9_swiper .img {
    padding-bottom: 43.4168%;
  }
}

* {
  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;
}
body {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  word-break: break-word;
}
li.swiper-slide {
  height: auto;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img.img_ct img {
  object-fit: contain;
}
.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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.img.img_ab picture {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.ut5maxnew_intro10 {
  position: relative;
  padding: 11.8rem 0px 8.9rem;
}
.ut5maxnew_intro10 .ut5maxnew_head h2 {
  font-size: 7.5rem;
}
.ut5maxnew_intro10 p {
  margin-top: 2.5rem;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  margin-top: 9.1rem;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .img_cv {
  border-radius: 2rem;
  padding-bottom: 40.8273%;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items {
  position: relative;
  background-color: rgb(210, 210, 210);
  border-radius: 2rem;
  overflow: hidden;
  padding-bottom: 40.1079%;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items ul {
  position: absolute;
  inset: 0px;
  display: grid;
  grid-template-columns: 50.06% 1fr;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li {
  position: relative;
  height: 100%;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li .img {
  height: 100%;
  border-radius: 2.346rem;
  overflow: hidden;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li .title {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  text-align: center;
  font-size: 3.262rem;
  line-height: 1.49908;
  font-weight: 700;
  border-radius: 0.41662em;
  color: rgb(255, 255, 255);
  background-color: rgba(52, 52, 52, 0.6);
  padding: 0.4905em 0.6131em 0.4598em;
  min-width: 7.9093em;
  margin: 2.88115% 11.4046%;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li:first-child {
  border-radius: 2.2rem;
}
.ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li:first-child .title {
  margin: 1.4988% 3.89688%;
}
.ut5maxnew_intro10 div.swiper-pagination {
  bottom: -4rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
  .ut5maxnew_intro9 .ut5maxnew_head h2,
  .ut5maxnew_intro10 .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li .title {
    font-size: 3rem;
    margin: 4%;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li:first-child .title {
    margin: 4%;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
  .ut5maxnew_intro9 .ut5maxnew_head h2,
  .ut5maxnew_intro10 .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro10 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro10 .ut5maxnew_head h2 {
    font-size: 26px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper {
    border-radius: 10px;
    margin-top: 30px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .img_cv {
    border-radius: 10px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items {
    border-radius: 10px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li .img {
    border-radius: 10px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li .title {
    font-size: 13px;
    margin: 2.39651% 11.329%;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li:first-child .title {
    margin: 3.04348% 7.76087%;
  }
  .ut5maxnew_intro10 div.swiper-pagination {
    bottom: -30px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro10 .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper {
    margin-top: 20px;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .img_cv {
    padding-bottom: 43.4168%;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items {
    padding-bottom: 40.1523%;
  }
  .ut5maxnew_intro10 .ut5maxnew_intro10_swiper .items li .title {
    font-size: 12px;
  }
}

* {
  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);
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_picture {
  position: relative;
  max-width: 2560px;
  margin: 0px auto;
  background-color: rgb(0, 0, 0);
}
.ut5maxnew_picture.opt6 picture {
  opacity: 0.6;
}
.ut5maxnew_picture picture {
  opacity: 0.7;
}
.ut5maxnew_picture .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ut5maxnew_picture .wrap .ut5maxnew_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.ut5maxnew_picture .ut5maxnew_head {
  flex: 1 1 0%;
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro11 {
  padding: 8.9rem 0px 8rem;
}
.ut5maxnew_intro11 p {
  max-width: 136.5rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro11 .img {
  border-radius: 2rem;
  height: auto;
  margin-top: 5.8rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro11 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro11 .img {
    border-radius: 10px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
}

* {
  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;
}
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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_intro12 {
  padding: 8.9rem 0px;
}
.ut5maxnew_intro12 .box {
  position: relative;
  border-radius: 2rem;
  margin-top: 5.6rem;
}
.ut5maxnew_intro12 .box .img {
  height: auto;
  width: 100%;
  border-radius: 2rem;
}
.ut5maxnew_intro12 .items {
  position: absolute;
  inset: 0px;
  z-index: 2;
  pointer-events: none;
  display: flex;
  padding: 1.79856% 2.39808% 15px 6.59472%;
}
.ut5maxnew_intro12 .items ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 121.4rem;
  margin: auto auto 0px;
  gap: 3rem;
  pointer-events: auto;
}
.ut5maxnew_intro12 .items li strong {
  display: inline-block;
  color: #000;
  font-size: 3.872rem;
  line-height: 1.25;
  font-weight: 500;
}
.ut5maxnew_intro12 .items li p {
  font-size: 2.823rem;
  color: #000;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_intro12 .items {
    padding: 2% 5%;
  }
  .ut5maxnew_intro12 .items li strong {
    font-size: 3rem;
  }
  .ut5maxnew_intro12 .items li p {
    font-size: 2rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_intro12 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro12 .box {
    border-radius: 10px;
    margin-top: 30px;
  }
  .ut5maxnew_intro12 .box .img {
    border-radius: 15px;
  }
  .ut5maxnew_intro12 .items {
    padding: 10px;
  }
  .ut5maxnew_intro12 .items ul {
    max-width: 565px;
    gap: 20px;
  }
  .ut5maxnew_intro12 .items li strong {
    font-size: 18px;
  }
  .ut5maxnew_intro12 .items li p {
    font-size: 13px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_intro12 .box {
    margin-top: 20px;
  }
  .ut5maxnew_intro12 .box .img {
    border-radius: 10px;
  }
  .ut5maxnew_intro12 .items {
    padding: 6px 10px;
  }
  .ut5maxnew_intro12 .items ul {
    gap: 10px 5px;
  }
  .ut5maxnew_intro12 .items li strong {
    font-size: 12px;
  }
  .ut5maxnew_intro12 .items li p {
    font-size: 10px;
  }
}

* {
  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;
}
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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro13 {
  padding: 8.9rem 0px 8rem;
}
.ut5maxnew_intro13 p {
  max-width: 136.5rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro13 .items {
  border-radius: 2rem;
  background-color: rgb(0, 0, 0);
  overflow: hidden;
  margin-top: 5.8rem;
}
.ut5maxnew_intro13 .items ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 132rem;
  margin: 0px auto;
  gap: 2rem 3.864%;
}
.ut5maxnew_intro13 .items .item {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 0.695rem;
}
.ut5maxnew_intro13 .items .item .img {
  height: 100%;
}
.ut5maxnew_intro13 .items .info {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 2;
  padding: 16.2562% 10.3448%;
}
.ut5maxnew_intro13 .items .info strong {
  display: inline-block;
  background-image: linear-gradient(rgb(217, 217, 217), rgb(221, 200, 176));
  background-clip: text;
  color: transparent;
  font-size: 3.336rem;
  line-height: 1.25;
  font-weight: 500;
}
.ut5maxnew_intro13 .items .info p {
  font-size: 1.39rem;
  color: rgb(161, 161, 161);
  margin-top: 0.6rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
  .ut5maxnew_intro13 .items .info strong {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro13 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro13 .items {
    margin-top: 30px;
    border-radius: 10px;
  }
  .ut5maxnew_intro13 .items ul {
    gap: 20px 3.80849%;
  }
  .ut5maxnew_intro13 .items .item {
    border-radius: 0px;
  }
  .ut5maxnew_intro13 .items .info strong {
    font-size: 17px;
  }
  .ut5maxnew_intro13 .items .info p {
    font-size: 12px;
    margin-top: 2px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_intro13 .items {
    margin-top: 20px;
  }
  .ut5maxnew_intro13 .items .info strong {
    font-size: 12px;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.ut5maxnew_intro14 {
  padding: 8.9rem 0px 8rem;
}
.ut5maxnew_intro14 p {
  max-width: 127.2rem;
  margin-top: 2.2rem;
}
.ut5maxnew_intro14 .img {
  border-radius: 2rem;
  height: auto;
  margin-top: 5.8rem;
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_intro14 {
    padding: 50px 0px;
  }
  .ut5maxnew_intro14 .img {
    border-radius: 10px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
}

* {
  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);
}
.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;
}
.ut5maxnew_content {
  position: relative;
  max-width: 166.8rem;
  margin: 0px auto;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_picture {
  position: relative;
  max-width: 2560px;
  margin: 0px auto;
  background-color: rgb(0, 0, 0);
}
.ut5maxnew_picture picture {
  opacity: 0.7;
}
.ut5maxnew_picture .wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ut5maxnew_picture .wrap .ut5maxnew_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.ut5maxnew_picture .ut5maxnew_head {
  flex: 1 1 0%;
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 1440px) {
  .ut5maxnew_content {
    padding: 0px 3rem;
  }
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 1024px) {
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
}

* {
  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;
}
.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;
}
.ut5maxnew_essential .items {
  max-width: 192rem;
  margin: 0px auto;
  background-color: rgb(0, 0, 0);
}
.ut5maxnew_essential .items > div {
  display: grid;
  grid-template-columns: 48.6458% 1fr;
}
.ut5maxnew_essential .item {
  position: relative;
  overflow: hidden;
}
.ut5maxnew_essential .item .bg {
  width: 100%;
  height: 100%;
}
.ut5maxnew_essential .item .bg picture,
.ut5maxnew_essential .item .bg img {
  height: 100%;
}
.ut5maxnew_essential .item .info {
  position: absolute;
  z-index: 2;
  inset: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: rgb(255, 255, 255);
  padding: 3rem;
}
.ut5maxnew_essential .item .info .logo {
  height: 6.6rem;
  width: auto;
}
.ut5maxnew_essential .item .info .icon {
  width: 11.6rem;
  height: auto;
  border-radius: 1.7rem;
  margin-bottom: 3.4rem;
}
.ut5maxnew_essential .item .info strong {
  font-size: 4.6rem;
  line-height: 1.41304;
  font-weight: 600;
  text-shadow: rgba(0, 0, 0, 0.25) 2px 10px 10px;
  max-width: 38rem;
}
.ut5maxnew_essential .item .info p {
  font-size: 3rem;
  line-height: 1.2;
  max-width: 53.6rem;
  margin-top: 1.8rem;
}
.ut5maxnew_essential .item1 .info {
  padding: 7.49465% 4.28266% 3.21199% 12.4197%;
}
.ut5maxnew_essential .item2 .img {
  position: relative;
}
.ut5maxnew_essential .item2 .img::after {
  position: absolute;
  width: 42.3%;
  height: 100%;
  left: 0px;
  top: 0px;
  content: "";
  background-image: linear-gradient(to right, rgb(0, 0, 0), transparent);
}
.ut5maxnew_essential .item2 .info {
  padding: 6.18661% 4.0568% 3.0426% 6.89655%;
}
.ut5maxnew_essential .item2 .info strong {
  max-width: 30rem;
}
.ut5maxnew_essential .item3 .img {
  position: relative;
}
.ut5maxnew_essential .item3 .img::after {
  position: absolute;
  width: 50.2%;
  height: 100%;
  left: 0px;
  top: 0px;
  content: "";
  background-image: linear-gradient(to right, rgb(0, 0, 0), transparent);
}
.ut5maxnew_essential .item3 .info {
  padding: 9.85011% 4.28266% 3.21199% 12.3126%;
}
.ut5maxnew_essential .item3 .info p {
  max-width: 48.6rem;
  margin-top: 1.3rem;
}
.ut5maxnew_essential .item4 .info {
  padding: 6.18661% 4.0568% 20.284% 8.41785%;
}
.ut5maxnew_essential .item4 .info strong {
  max-width: 35rem;
}
.ut5maxnew_essential .item5 .info {
  padding: 9.63597% 4.28266% 3.21199% 8.99358%;
}
.ut5maxnew_essential .item5 .info p {
  font-size: 2rem;
  line-height: 1.35;
  max-width: 11rem;
  margin-top: 0.7rem;
}
.ut5maxnew_essential .item6 .img {
  position: relative;
}
.ut5maxnew_essential .item6 .img::after {
  position: absolute;
  width: 51.12%;
  height: 100%;
  left: 0px;
  top: 0px;
  content: "";
  background-image: linear-gradient(to right, rgb(0, 0, 0), transparent);
  opacity: 0.3;
}
.ut5maxnew_essential .item6 .info {
  padding: 9.12779% 4.0568% 3.0426% 8.51927%;
}
.ut5maxnew_essential .item6 .info p {
  font-size: 2rem;
  line-height: 1.35;
  max-width: 29.3rem;
  margin-top: 0.7rem;
}

@media screen and (max-width: 1220px) {
  .ut5maxnew_essential .item .info {
    padding: 4% 8%;
  }
  .ut5maxnew_essential .item .info strong {
    font-size: 3.5rem;
  }
  .ut5maxnew_essential .item .info .icon {
    width: 8rem;
  }
  .ut5maxnew_essential .item .info p {
    font-size: 2.5rem;
  }
  .ut5maxnew_essential .item .info .logo {
    height: 5rem;
  }
}

@media screen and (max-width: 896px) {
  .ut5maxnew_essential .item .info strong {
    font-size: 3rem;
  }
  .ut5maxnew_essential .item .info p {
    font-size: 2rem;
    margin-top: 1rem;
  }
}

@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;
  }
  .ut5maxnew_essential .items .item .info {
    padding: 30px;
  }
  .ut5maxnew_essential .items .item .info strong {
    font-size: 25px;
  }
  .ut5maxnew_essential .items .item .info p {
    font-size: 14px;
    margin-top: 10px;
  }
  .ut5maxnew_essential .items .item .info .logo {
    height: 26px;
  }
  .ut5maxnew_essential .items .item .info .icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    margin-bottom: 10px;
  }
  .ut5maxnew_essential .items .item5 .info p,
  .ut5maxnew_essential .items .item6 .info p {
    font-size: 12px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 576px) {
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_essential .items > div {
    grid-template-columns: 49.537% 1fr;
  }
  .ut5maxnew_essential .items .item .info {
    padding: 16px;
  }
  .ut5maxnew_essential .items .item .info strong {
    font-size: 16px;
  }
  .ut5maxnew_essential .items .item .info p {
    font-size: 12px;
    margin-top: 5px;
    max-width: 170px;
  }
  .ut5maxnew_essential .items .item1,
  .ut5maxnew_essential .items .item2,
  .ut5maxnew_essential .items .item4 {
    grid-column: -1 / 1;
  }
  .ut5maxnew_essential .items .item3 {
    display: none;
  }
  .ut5maxnew_essential .items .item4 {
    display: flex;
    flex-direction: column-reverse;
    padding: 20px;
  }
  .ut5maxnew_essential .items .item4 .info {
    position: relative;
    padding: 0px 0px 20px;
  }
  .ut5maxnew_essential .items .item4 .info p {
    max-width: unset;
  }
  .ut5maxnew_essential .items .item4 .info .icon {
    position: absolute;
    top: 100%;
    left: 0px;
    margin: 4.69388% 5.40816%;
  }
  .ut5maxnew_essential .items .item4 .bg {
    border-radius: 10px;
  }
  .ut5maxnew_essential .items .item5 .info,
  .ut5maxnew_essential .items .item6 .info {
    justify-content: flex-start;
    padding-top: 20%;
  }
  .ut5maxnew_essential .items .item5 .info p,
  .ut5maxnew_essential .items .item6 .info p {
    max-width: 100px;
  }
}

* {
  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_ct img {
  object-fit: contain;
}
.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;
}
.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;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_head p {
  font-size: 3.5rem;
  line-height: 4.8rem;
}
.img.img_ab picture {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.ut5maxnew_accessories {
  background-image: linear-gradient(
    to right bottom,
    rgb(24, 24, 24),
    rgb(41, 41, 41)
  );
  padding: 8rem 0px 11.7rem;
}
.ut5maxnew_accessories .content {
  max-width: 140.8rem;
}
.ut5maxnew_accessories .ut5maxnew_head h2 {
  font-size: 4rem;
  color: rgb(255, 255, 255);
}
.ut5maxnew_accessories .ut5maxnew_head p {
  font-size: 3rem;
  color: rgb(255, 255, 255);
  margin-top: 2.7rem;
}
.ut5maxnew_accessories .items {
  margin-top: 6.1rem;
}
.ut5maxnew_accessories .items > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.9rem 2rem;
}
.ut5maxnew_accessories .items .col2 {
  grid-column: span 2;
}
.ut5maxnew_accessories .items .row2 {
  grid-row: span 2;
}
.ut5maxnew_accessories .items .col2 .img {
  padding-bottom: 47.2622%;
}
.ut5maxnew_accessories .items .col2.row2 .img {
  padding-bottom: 100%;
}
.ut5maxnew_accessories .item {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  position: relative;
}
.ut5maxnew_accessories .item:hover img {
  transform: scale(1.02);
}
.ut5maxnew_accessories .item .img {
  height: 100%;
  padding-bottom: 102.967%;
}
.ut5maxnew_accessories .item .title {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  font-size: 2.4rem;
  font-weight: 500;
  z-index: 2;
  padding: 2rem 1rem 3.5rem 3.4rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
  .ut5maxnew_accessories .item .title {
    font-size: 2rem;
    padding: 2rem;
  }
}

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

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
  .ut5maxnew_head p {
    font-size: 3rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
  .ut5maxnew_head p {
    font-size: 2.5rem;
  }
}

@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;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_head p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .ut5maxnew_accessories {
    padding: 50px 0px;
  }
  .ut5maxnew_accessories .ut5maxnew_head h2 {
    font-size: 26px;
  }
  .ut5maxnew_accessories .ut5maxnew_head p {
    font-size: 14px;
    margin-top: 10px;
  }
  .ut5maxnew_accessories .items {
    margin-top: 29px;
  }
  .ut5maxnew_accessories .items > div {
    gap: 7px 8px;
  }
  .ut5maxnew_accessories .items .title {
    font-size: 16px;
    padding: 12px 10px;
  }
}

@media screen and (max-width: 576px) {
  .content {
    padding: 0px 20px;
  }
  .bg_pc {
    display: none;
  }
  .bg_mobile {
    display: block;
  }
  .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_head p {
    font-size: 12px;
  }
  .ut5maxnew_accessories .ut5maxnew_head h2 {
    font-size: 17px;
  }
  .ut5maxnew_accessories .items {
    margin-top: 19px;
  }
  .ut5maxnew_accessories .items > div {
    grid-template-columns: 1fr 1fr;
  }
  .ut5maxnew_accessories .items .item:nth-child(4),
  .ut5maxnew_accessories .items .item:nth-child(5) {
    order: -1;
  }
  .ut5maxnew_accessories .items .item:nth-child(1) {
    order: -1;
  }
}

@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;
}
.ut5maxnew_head h2 {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ut5maxnew_specs {
  background-color: rgb(23, 23, 23);
  padding: 12rem 0px 7.6rem;
}
.ut5maxnew_specs .ut5maxnew_head h2 {
  font-size: 6.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
}
.ut5maxnew_specs .table {
  margin-top: 7.4rem;
  overflow: auto;
}
.ut5maxnew_specs .table table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  display: block;
  color: rgb(255, 255, 255);
}
.ut5maxnew_specs .table table tbody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ut5maxnew_specs .table table tr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ut5maxnew_specs .table table tr:nth-child(1),
.ut5maxnew_specs .table table tr:nth-child(2) {
  grid-column: span 2;
}
.ut5maxnew_specs .table table tr:nth-child(1) td,
.ut5maxnew_specs .table table tr:nth-child(2) td {
  font-size: 2.4rem;
  padding: 3rem 0px 3rem 7.12589%;
}
.ut5maxnew_specs .table table tr:nth-child(4n + 3),
.ut5maxnew_specs .table table tr:nth-child(4n + 4) {
  background-color: rgb(78, 78, 78);
}
.ut5maxnew_specs .table table td {
  font-size: 2rem;
  display: flex;
  align-items: center;
  padding: 3.1rem 0px 3.1rem 14.2518%;
}
.ut5maxnew_specs .table table td:first-child {
  font-weight: 500;
}
.ut5maxnew_specs .note {
  color: rgb(120, 120, 120);
  margin-top: 2rem;
}
@media screen and (max-width: 1220px) {
  .content {
    padding: 0px 30px;
  }
  .ut5maxnew_head h2 {
    font-size: 7rem;
  }
}

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

@media screen and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
  .ut5maxnew_head h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .ut5maxnew_head h2 {
    font-size: 5rem;
  }
}

@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;
  }
  .ut5maxnew_head h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .ut5maxnew_specs {
    padding: 50px 0px;
  }
  .ut5maxnew_specs .content {
    padding: 0px 35px;
  }
  .ut5maxnew_specs .ut5maxnew_head h2 {
    font-size: 22px;
  }
  .ut5maxnew_specs .table {
    margin-top: 10px;
  }
  .ut5maxnew_specs .table table tr:nth-child(1) td,
  .ut5maxnew_specs .table table tr:nth-child(2) td {
    font-size: 14px;
    padding: 10px 0px 10px 20px;
  }
  .ut5maxnew_specs .table table td {
    font-size: 12px;
    letter-spacing: 0px;
    padding: 10px 0px 10px 20px;
  }
  .ut5maxnew_specs .note {
    font-size: 12px;
  }
}

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

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