/* ページタイトル */
.solution_head--main {
  text-align: center;
}
.page_title {
  text-align: center;
}
.solution_nav--item {
  max-width: calc(25% - 15px);
  width: 100%;
  height: 60px;
  @media screen and (max-width: 767px) {
    max-width: calc(50% - 6px);
    height: auto;
  }
}

/* コンテンツ */
.sensing_flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sensing_flex--txt {
  max-width: calc(100% - 435px);
  width: 100%;
  @media screen and (max-width: 767px) {
    max-width: 100%;
  }
}
.flex_box.column02 {
  max-width: 792px;
  width: 100%;
  margin: 2em auto 0;
  figure {
    width: 100%;
    margin-bottom: 10px;
  }
  img {
    margin-inline: auto;
  }
}
.flex_box.column02 li {
  max-width: calc(50% - 10px);
  width: 100%;
  @media screen and (max-width: 767px) {
    max-width: 100%;
  }
}
.field_list {
  max-width: 1024px;
  width: 100%;
  margin: 2em auto 0;
}
.field_name {
  font-size: var(--font-20);
  color: var(--main-color);
  font-weight: bold;
  padding: 0.75em 0;
}
.sensing_bg {
  width: 100%;
  padding: var(--space-65) 5%;
  background: url(../img/bg_img01.webp) no-repeat center / cover;
}
.sensing_bg--inner {
  max-width: 1024px;
  width: 100%;
  padding: var(--space-45);
  background: #fff;
  margin-inline: auto;
}
.sensing_bg--inner .main_txt {
  padding-bottom: 2em;
}
.sensing_solutions {
  max-width: var(--width-1200);
  width: 90%;
  margin: var(--space-65) auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.sensing_solutions li {
  padding: var(--space-45);
  display: flex;
  flex-direction: row;
  gap: 20px 30px;
  @media screen and (max-width: 767px) {
    flex-wrap: wrap;
  }
}
.sensing_solutions--txt {
  max-width: calc(100% - 378px);
  width: 100%;
  @media screen and (max-width: 767px) {
    max-width: 100%;
  }
}
.main_solutions {
  max-width: 846px;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-45);
  margin: var(--space-65) auto;
}
.main_solutions--item {
  max-width: 398px;
  width: 100%;
}
.main_solutio--name {
  font-size: var(--font-18);
  font-weight: bold;
  padding: 1em 0;
}
.main_solutio--txt {
  color: var(--main-color);
  padding-bottom: 1.5em;
}
.box_btn {
  height: auto;
}
.solution_column {
  display: flex;
  gap: 20px;
}
.solution_column--item {
  max-width: 328px;
  width: 100%;
}
.solution_column--item a {
  display: block;
  width: 100%;
  height: 100%;
}
.related_solution {
  display: none;
}
.sensing_solutions--title {
  padding-bottom: 0.5em;
  font-size: var(--font-24);
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  gap: 0.5em;
  span {
    white-space: nowrap;
    color: var(--sub-color);
  }
}
@media screen and (max-width: 767px) {
  .field_list .field_item {
    max-width: 328px;
    margin-inline: auto;
  }
}