/* X1  */
 #x1se1 {
     background-image: url("../img/1.jpg");
     background-size: cover;
     background-position: center top;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: -101px;
     position: relative;
 }

 .x1d2 {
     padding: 250px 0 150px 0;
 }

 .x1s1 {
     font-size: 19px;
     color: white;
 }

 .x1h1 {
     font-size: 80px;
     font-weight: bolder;
     color: white;
     font-family: var(--font-01);
     color: white;
 }

 #x1se1::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 33%);
     z-index: 1;
 }

 .x1d1 {
     position: relative;
     z-index: 2;
 }

 .x1d3 {
     position: absolute;
     bottom: -26px;
     left: 50%;
     transform: translateX(-50%);
     width: 185px;
     padding: 16px;
     display: flex;
     align-items: center;
     justify-content: space-around;
     background-color: var(--color02);
 }

 .x1a1 {
     color: var(--color03);
     font-weight: 800;
     font-size: 15px;
 }

 .x1a2 {
     color: var(--color03);
     font-size: 15px;
 }

 .x1s2 {
     color: var(--color03);
 }

  /* @media screen and (max-width: 1080px) {
    #x1se1 {
         margin-top: 0;
     }
  } */
   @media screen and (max-width: 750px) {
    /* X1  */
     .x1d2 {
         display: flex;
         align-items: center;
         flex-direction: column;
         text-align: center;
     }
     .x1h1 {
        font-size: 50px;
     }
      .x1d2 {
        padding: 170px 0 90px 0;
    }
}