.z01 h1.h1 {
     line-height: 40px;
     font-size: 30px;
     color: var(--color);
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
 }

 .z01 h2.h2 {
     line-height: 30px;
     font-size: 18px;
     color: var(--color);
     text-align: center;
     margin-bottom: 45px;
 }

 .z01Box1 {
     background: #f5f5f5;
     margin: 20px 0;
     display: flex;
 }

 .z01Box1 .imgBox {
     width: 50%;
     overflow: hidden;
 }

 .z01Box1 .imgBox img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.5s;
 }

 .z01Box1 .imgBox:hover img {
     transform: scale(1.08);
 }

 .z01Box1 .text {
     width: 50%;
     padding: 3% 5%;
 }

 .z01Box1 .text h1 {
     line-height: 40px;
     font-size: 24px;
     color: #252525;
     font-weight: bold;
 }

 .z01Box1 .text h2 {
     line-height: 30px;
     font-size: 16px;
     color: #7f7f7f;
 }

 .z01Box1 .text .desc {
     line-height: 36px;
     font-size: 14px;
     color: #565656;
 }

 .z01Box1 .text .desc p {
     margin: 0;
     text-indent: 24px;
     position: relative;
 }

 .z01Box1 .text .desc p::after {
     content: "";
     display: block;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #000;
     position: absolute;
     left: 0;
     top: 8px;
 }

 @media(max-width: 992px) {
     .z01Box1 {
         display: flex;
         flex-direction: column;
     }

     .z01Box1 .imgBox {
         width: 100%;
     }

     .z01Box1 .text {
         width: 100%;
     }

     .raw-html-embed .z01Box1:nth-child(2) {
         display: flex;
         flex-direction: column-reverse;
     }
 }

 .z01Box2 {
     display: flex;
     flex-wrap: wrap;
 }

 .z01Box2 h1 {
     display: block;
     width: 100%;
     line-height: 72px;
     text-align: center;
     font-size: 24px;
     color: #fff;
     font-weight: bold;
     background: #252525;
     margin: 0;
 }

 .z01Box2 .item {
     width: 50%;
 }

 .z01Box2 .item .img {
     overflow: hidden;
     width: 100%;
    border-right: #e3e3e3 1px solid;
 }

 .z01Box2 .item .img img {
     width: 100%;
     transition: 0.5s;
 }

 .z01Box2 .item:hover .img img {
     transform: scale(1.08);
 }

 .z01Box2 .item .desc {
     width: 100%;
     overflow: hidden;
     background: #e3e3e3;
     padding: 2% 5%;
     line-height: 30px;
     font-size: 16px;
     color: #7f7f7f;
     border-right: #f5f5f5 2px solid;
 }

 .z01Box2 .item .desc h2 {
     font-size: 18px;
     color: #252525;
     font-weight: bold;
 }

 .z01Box2 .item .desc p {
     margin: 0;
 }

 @media(max-width: 992px) {
     .z01Box2 .item {
         width: 100%;
     }
 }