/* .page-header{
  background-image: url(../img/COMPANY.png);
} */


.page-header-inner::before{
  content: "What Makes ZEKU Unique";
}

/* 突然ですが調整 */
.keiken-container{
  gap: 0;
  justify-content: space-between;
}

/* point */
.point-sub-title{
  margin: 0 20px;
  padding: 10px!important;
}

.point-sub-container{
  margin: 0 20px!important;
  padding-bottom: 1rem;
}

/* ポイント1調整 */
.point1-child{
  align-items: stretch!important;
}

.text-block{
  flex: 1;
  position: relative;
}
.img-block{
  position: relative;
  height: fit-content;
}
.img-result{
  position: absolute;
  right: 0;
  bottom: -42px;
  transform: rotate(-3.5deg);
  scale: 0.7;
  
}
.img-machine{
 height: 100%;
 object-fit: cover!important;
}
@media screen and (max-width:480px) {
  .point1-child{
    align-items: center!important;
  }
  .img-block{
    gap: 1rem;
  }
  .img-result{
    position: relative;
    bottom: unset;
    scale: 1;
  }
}

.unique-gallery{
  align-items: stretch!important;
}

.color-change:hover{
  transform: translateX(10px);
  transition: ease-in-out 0.5s;
  background-color: white!important;

}

/* レスポンシブ対応文字サイズちょうせい */
@media screen and (max-width:769px) {
  .know-1{
    font-size: 1.3rem!important;
    line-height: 1!important;
    letter-spacing: 0;
  }
  .know-2{
    font-size: 2rem!important;
    line-height: 1!important;
    letter-spacing: 0;
  }
  .know-logo{
    width: 30%;
  }
}
@media screen and (max-width:480px) {
  .know-container{
    gap: 0.5rem;
  }
  .know-1{
    font-size: 0.7rem!important;
    line-height: 1!important;
    letter-spacing: 0;
  }
  .know-2{
    font-size: 0.9rem!important;
    line-height: 1!important;
    letter-spacing: 0;
    padding: 0.3rem!important;
  }
  .know-logo{
    width: 30%;
  }
  .tuyomi-container p{
    font-size: 1rem!important;
  }
  .tuyomi-container span{
    font-size: 1.2rem!important;
  }

  .point-sub-title{
    font-size: 1.2rem!important;
    padding: 8px 12px!important;
  }
  .text-block{
    font-size: 0.8rem!important;
  }
}


/* reason-button */
.reason-container{
  width: 40%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.reason-button{
  width: 100%;
}

@media screen and (max-width:500px) {
  .reason-container{
    width: 100%;
  }
  
}