.gallery h2 {padding: 0 16px;}
.intro h2 {text-align: start;}
.intro_silde {
    position: relative;
}
.main_slide01 {
    position: relative;
}
.reference  .swiper-pagination{
    display: none;
}
.main_slide_wrap{
    position: relative;
}
.history_contents .info_box {
    padding: 0 0px !important;
  }
  #intro{padding:  0 0;}
  #intro h2{padding: 0 16px;}
  #intro .info_title{padding: 0 16px;}
  #intro .info{padding: 0 16px;}
  .reference .main_slide_wrap .swiper-slide .img_box{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main_slide01{
    height: 500px;
  }
  .reference .main_slide_wrap .swiper-slide .img_box >img{
    height: 100%;
    object-fit: cover;
  }

@media screen and (max-width: 1024px) {
    .main_slide01{
        height: 400px !important;
    }
}