.IndexTitle {
       margin-bottom: 45px;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .IndexTitle h1 {
       font-weight: bold;
       font-size: 32px;
       line-height: 1;
       color: #333333;
       position: relative;
       z-index: 2;
       text-align: center;
   }

   .IndexTitle h1::after {
       content: "";
       display: block;
       position: absolute;
       right: 0;
       top: 0;
       width: 16px;
       height: 16px;
       border-radius: 50%;
       transform: translateX(18%) translateY(-30%);
       z-index: -1;
       background-color: var(--color);
   }


   .IndexTitle01 {
       position: relative;
       display: flex;
       flex-direction: row;
       justify-content: center;
   }

   .IndexTitle01 h1 {
       margin: 0 20px;
   }

   .IndexTitle01::after,
   .IndexTitle01::before {
       content: "";
       display: block;
       width: 30px;
       height: 2px;
       background-color: var(--color);
   }

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

   @media (max-width: 1200px) {
       .IndexTitle {
           margin-bottom: 30px;
       }

       .IndexTitle h1 {
           font-size: 24px;

       }

       .IndexTitle01 h1 {
           margin: 0 15px;
       }

       .IndexTitle01::after,
       .IndexTitle01::before {
           width: 20px;
       }
   }

   section {
       padding-top: 90px;
       padding-bottom: 90px;
   }

   @media (max-width:1200px) {
       section {
           padding-top: 60px;
           padding-bottom: 60px;
       }
   }

   @media (max-width: 720px) {
       section {
           padding-top: 45px;
           padding-bottom: 45px;
       }
   }