/* Section3 */
   .section3 {
       display: block;
       background: #f1f1f1;
   }

   .Box3 {
       position: relative;
       width: 100%;
       z-index: 2;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
   }

   .lt3 {
       width: 300px;
       display: flex;
       flex-direction: column;
       grid-gap: 10px;
   }

   .list3 {
       width: 100%;
       height: 50px;
       background: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0 70px;
       position: relative;
       font-weight: bold;
       font-size: 16px;
       color: #5d5d5d;
   }

   .list3.on {
       background: var(--color);
       color: #fff;
   }

   .list3::after {
       content: "";
       display: block;
       width: 36px;
       height: 36px;
       background: url(/assets/images/circle.png) no-repeat center;
       position: absolute;
       right: 30px;
       z-index: 2;
   }

   .rt3 {
       width: calc(100% - 330px);
   }

   .rt3 img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: none;
   }

   .rt3 img.on {
       display: block;
   }

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

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

   @media (max-width: 1200px) {
       .lt3 {
           width: 200px;
       }

       .list3 {
           padding: 0 30px;
           display: flex;
           justify-content: space-between;
           grid-gap: 15px;
       }

       .list3::after {
           position: unset;
           width: 30px;
           height: 30px;
           background-size: contain;
       }

       .rt3 {
           width: calc(100% - 215px);
       }
   }

   @media (max-width: 750px) {
       .Box3 {
           grid-gap: 30px;
       }

       .lt3 {
           width: 100%;
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           grid-gap: 10px;
       }

       .list3 {
           padding: 0 15px;
       }

       .list3::after {
           width: 20px;
           height: 20px;
       }

       .rt3 {
           width: 100%;
       }
   }

   @media (max-width: 460px) {
       .lt3 {
           grid-template-columns: repeat(2, 1fr);
       }
   }

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