/*! Writen  by SCSS */
.page9 .sec01 .page9_box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px calc(52% / 14.8);
}
@media screen and (max-width: 768px) {
  .page9 .sec01 .page9_box01 {
    flex-direction: column;
    gap: 50px;
  }
}
.page9 .sec01 .page9_box01 > li {
  width: calc(714% / 14.8);
}
@media screen and (max-width: 768px) {
  .page9 .sec01 .page9_box01 > li {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
  }
}
.page9_box02 {
  display: flex;
  justify-content: space-between;
    width: 100%;
}
.page9_box02_01 {
    width: 78.742%;
}
.page9_box02_02 {
    width: 19.021%;
}
.page9_box03 {
  display: flex;
  justify-content: space-between;
    width: 100%;
}
.page9_box03_01 {
    width: 51.049%;
}
.page9_box03_02 {
    width: 46.1539%;
}

@media screen and (max-width: 480px) {
.page9_box03 {
    flex-wrap: wrap;
}
.page9_box03_01 {
    width: 100%;
    margin-bottom: 20px;
}
.page9_box03_02 {
    width: 100%;
}
    .swipe1 {
        width: 600px;
    }
    
}