@media (max-width: 1200px) {
  .info_box {
    gap: 110px;
  }
  .info_box aside {
    width: 220px;
  }
}
@media (max-width: 1000px) {
  .info_box {
    gap: 40px;
  }
}
@media (max-width: 800px) {
  .page_hero .outer {
    display: block;
  }
  .page_hero .outer > div {
    width: 100%;
  }
  .page_hero .page_hero_text {
    margin-right: 0;
    margin-bottom: 60px;
  }
}
@media (max-width: 760px) {
  .service_list h2 {
    margin-bottom: 30px;
  }
  .service_list .text_box {
    margin-bottom: 30px;
  }
  .about_interview h2 {
    margin-bottom: 30px;
  }
  .about_interview .text_box {
    margin-bottom: 30px;
  }
  .info_box {
    display: block;
  }
  .info_box article {
    width: 100%;
    margin-bottom: 120px;
  }
  .info_box aside {
    width: 100%;
  }
  .hojo_list > div {
    position: static;
    margin-bottom: 60px;
  }
  .hojo_simu > div .text_box {
    position: static;
  }
  .hojo_simu > div ul {
    margin-top: 60px;
  }
}
@media (max-width: 600px) {
  .flow {
    display: block;
  }
  .flow .flow_left {
    width: 100%;
    position: static;
  }
  .flow .flow_list {
    width: 100%;
  }
  .hojo_target ul {
    display: block;
  }
  .hojo_target ul li {
    width: 100%;
  }
  .hojo_target ul li:first-child {
    margin-bottom: 60px;
  }
  .hojo_note_list {
    display: block;
  }
  .hojo_note_list > li {
    width: 100%;
  }
  .hojo_note_list > li:first-child {
    margin-bottom: 60px;
  }
}