.section3 {
       padding: 0;
       width: 100%;
       height: 100%;
   }

   .Box3 {
       padding: 0;
       position: relative;
       width: 100%;
       height: 100%;
       z-index: 2;
   }

   .list3 {
       position: absolute;
       z-index: 2;
       top: calc(90px + 10vh);
       right: var(--container);
       display: flex;
       flex-direction: column;
       grid-gap: 15px;
   }

   .list3 li {
       text-align: right;
       font-weight: 700;
       font-size: 22px;
       color: #343434;
       cursor: pointer;
   }

   .list3 a {
       font-weight: 700;
       font-size: 22px;
       text-decoration-line: underline !important;
       color: var(--color);
   }

   .item3Box {
       position: relative;
       z-index: 1;
       width: 100%;
       height: 100%;
   }

   .item3Box li {
       display: none;
       width: 100%;
       height: 100%;
       flex-wrap: wrap;
   }

   .item3Box li.on {
       display: flex;
   }

   .Swiper3A {
       width: 37.5%;
       height: 100%;
       margin-left: 0;
       z-index: 2;
   }

   .Slide3A {
       width: 100%;
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
       padding: 0 30px;
       padding-bottom: 145px;
       align-items: center;
   }

   .Slide3A img {
       width: 85%;
   }

   .Slide3A h1 {
       font-weight: 700;
       font-size: 28px;
       color: #FFFFFF;
       position: absolute;
       width: 100%;
       text-align: center;
       bottom: 60px;
       padding: 0 30px;
   }

   .Swiper3B {
       padding: 0 30px;
       width: calc(62.5% + 17vw + 30px);
       height: 100%;
       display: flex;
       justify-content: flex-end;
       align-items: center;
       flex-direction: column;
       padding-bottom: 45px;
       position: absolute;
       right: 0;
       z-index: 1;
   }


   .Slide3B {
       width: 17vw;
       display: flex;
       justify-content: flex-end;
       align-items: center;
       flex-direction: column;
       padding-bottom: 150px;
   }

   .Slide3B img {
       width: 100%;
   }

   .Slide3B h1 {
       font-size: 18px;
       color: #101010;
       position: absolute;
       width: 100%;
       text-align: center;
       top: calc(100% - 120px);
       padding: 0 30px;
   }

   @media (max-width: 1600px) {}

   @media (max-width: 1440px) {
       .Slide3A h1 {
           bottom: 30px;
       }

       .Slide3B h1 {
           font-size: 16px;
           top: calc(100% - 60px);
       }


       .Slide3B {
           padding-bottom: 90px;
       }
   }

   @media (max-width: 1200px) {
       .list3 {
           top: 60px;
       }

       .list3 a,
       .list3 li {
           font-size: 18px;
       }

       .Slide3A {
           padding-top: 10vw;
           padding-bottom: 0;
       }

       .Slide3A h1 {
           position: unset;
           font-size: 18px;
           height: 60px;
           padding: 0;
           padding-bottom: 15px;
       }

       .Swiper3B {
           padding-bottom: 0;
       }

       .Slide3B {
           padding-bottom: 0;
       }

       .Slide3B h1 {
           font-size: 14px;
           height: 50px;
           top: calc(100% - 60px);
           padding: 0;
           position: unset;
       }
   }

   @media (max-width: 1000px) {
       .list3 {
           top: 30px;
           grid-gap: 5px;
       }

       .list3 a,
       .list3 li {
           font-size: 18px;
       }
   }

   @media (max-width: 720px) {
       .list3 {
           position: unset;
           padding: 0 var(--container);
           padding-top: 60px;
           padding-bottom: 30px;
           display: flex;
           flex-wrap: wrap;
           flex-direction: row;
           justify-content: space-evenly;
           grid-gap: 10px;
       }

       .Swiper3A {
           width: 50%;
       }

       .Slide3A {
           padding: 30px 15px;
       }

       .Slide3A h1 {
           padding: 0;
       }

       .Swiper3B {
           width: calc(50% + 25vw + 30px);
       }

       .Slide3B {
           width: 25vw;
           display: flex;
           justify-content: center;
       }

       .Slide3B h1 {
           height: auto;
       }
   }






   @media (max-width: 460px) {
       .Swiper3A {
           width: 100%;
       }

       .Swiper3B {
           display: none;
       }
   }

   @media (max-width: 380px) {}