@charset "utf-8";

.bl_service_items {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 12rem;
}

.bl_service_item {
  max-width: 350px;
}

#problem {
  padding-top: 10rem;
}
.bl_problem_box {
  text-align: center;
  margin-bottom: 5rem;
}

.bl_problem_body {
  max-width: 870px;
  margin: 0 auto;
  margin-top: 6rem;
  text-align: center;
}
.bl_problem_txt {
  text-align: left;
  line-height: 1.8;
  margin-top: 3rem;
}

#todo {
  padding-top: 15rem;
}
.h2_heading {
  text-align: center;
}
.bl_todo_items {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.bl_todo_item img {
  max-width: 450px;
}

.bl_polygon_box {
  margin-top: 8rem;
  margin-bottom: 8rem;
  text-align: center;
}

#change {
  padding-top: 15rem;
}
.bl_change_h2 {
  max-width: 850px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.8;
  margin-bottom: 6rem;
}

#flow {
  padding-top: 15rem;
}
.bl_flow_items {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 8rem;
}
.bl_flow_items:nth-child(odd) {
  flex-direction: row-reverse;
}
.bl_flow_items img {
  width: 400px;
}
.bl_flow_body {
  max-width: 600px;
}
.h3_heading {
  font-size: 24px;
}
.bl_flow_txt {
  margin-top: 1rem;
  line-height: 1.8;
}
#contact {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.bl_contacts {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 創業融資サポート */
#lead {
  padding-top: 15rem;
}
.bl_lead_txt {
  max-width: 840px;
  margin: 0 auto;
  margin-top: 3rem;
  text-align: left;
}

#reason {
  padding-top: 15rem;
}
#reason .bl_flex_wrap {
  margin-top: 5rem;
}

/* クラウド会計サポート */
.hp_txt_left {
  text-align: left;
}

/* 代表メッセージ */
#message {
  padding-top: 15rem;
}
#message .bl_flex {
  justify-content: space-evenly;
  align-items: center;
  margin-top: 5rem;
}
#message .bl_flex .bl_flex_item {
  width: 35%;
}

/* 事務所概要表 */
#overview {
  padding-top: 15rem;
}
.bl_info_table {
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  margin-top: 3rem;
  width: 900px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.bl_info_table dt {
  background-color: #fff;
}
.bl_info_table dt,
.bl_info_table dd {
  padding: 3rem;
  box-sizing: border-box;
  border-bottom: 1px solid #969696;
}
.bl_info_table dt {
  width: 30%;
  text-align: left;
  font-weight: bold;
}
.bl_info_table dd {
  width: 70%;
}

#map {
  padding-top: 5rem;
}
iframe {
  width: 100%;
}

/* 料金表 */
#price {
  padding-top: 15rem;
}

@media (max-width: 1024px) {
  .bl_flex_item:nth-child(2),
  .bl_flex_item:nth-child(3) {
    margin-left: 15px;
  }
}

@media (max-width: 600px) {
  .bl_service_items {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 5rem;
  }
  #problem {
    padding-top: 6rem;
  }
  #todo {
    padding-top: 6rem;
  }
  .bl_todo_items {
    flex-direction: column;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .bl_todo_item img {
    max-width: 100%;
  }
  .bl_polygon_box {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .bl_flex {
    flex-direction: column;
  }
  .bl_flex_item:nth-child(2),
  .bl_flex_item:nth-child(3) {
    margin-left: 0px;
    margin-top: 2rem;
  }
  #change {
    padding-top: 8rem;
  }
  .bl_change_h2 h2 {
    text-align: left !important;
  }
  #flow {
    padding-top: 8rem;
  }
  .bl_flow_items {
    display: flex;
    flex-direction: column !important;
    margin-top: 5rem;
  }
  .bl_flow_body {
    margin-top: 1rem;
  }
  #contact {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .bl_contacts {
    flex-direction: column;
  }

  /* about */
  #lead {
    padding-top: 8rem;
  }
  #reason {
    padding-top: 8rem;
  }
  #message {
    padding-top: 8rem;
  }
  #message .bl_flex .bl_flex_item {
    width: 100%;
    margin-bottom: 3rem;
  }
  .bl_info_table dt {
    text-align: left;
    line-height: 1.6;
  }
  .bl_info_table dd {
    text-align: left;
    line-height: 1.6;
  }
  .bl_info_table dd:nth-of-type(3),
  .bl_info_table dd:nth-of-type(4) {
    text-align: left;
  }
  .bl_info_table dt,
  .bl_info_table dd {
    padding: 0.8rem;
  }

  /* cloud */
#reason .ly_inner .bl_flex_wrap:nth-child(3) {
    margin-top: 2rem;
  }

  /* price */
  #price {
    padding-top: 6rem;
}
}