/* ================================================

  p-jimusyo-tool-development.css

  ================================================ */

/* mv */
/* ------------------------------------------- */
.tool-development_mv {
  background: url(../img/tool-development/bg_mv_tool-development_pc.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .tool-development_mv {
    background: url(../img/tool-development/bg_mv_tool-development_sp.jpg) 100%/cover no-repeat;
  }
  /* .tool-development_mv .child-mv_inner {
    display: flex;
    padding-top: 16px;
    padding-bottom: 76px;
  } */
}
@media screen and (max-width: 600px) {
  .tool-development_mv .child-mv_inner {
    display: flex;
  }
}


/* breadcrumb */
/* ------------------------------------------- */
/* デフォルトのパンクズを非表示 */
.breadcrumb {
  display: none;
}


/* tooldev */
/* ------------------------------------------- */

/* .tooldev {
} */

.tooldev_intro {
  margin-top: 80px;
}
.intro_txt {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .tooldev_intro {
    margin-top: 23px;
  }
  .intro_txt {
    margin-top: 30px;
  }
  .intro_txt.cu-center {
    text-align: left;
  }
}


.tooldev_example {
  margin-top: 100px;
}
.example_list {
  display: flex;
  justify-content: center;
  gap: 36px 23px;
  background: #e1f4f7;
  padding: 56px 64px 46px;
  border-radius: 10px;
}
.example_item {
  display: flex;
  flex-direction: column;
}
.example_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  max-width: 256px;
  padding: 25px;
  border-radius: 10px;
}
.example_icon img {
  width: 130px;
  height: auto;
}
.example_ttl {
  margin-top: 28px;
  flex: 1 1 auto;
}
.example_txt {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .tooldev_example {
    margin-top: 21px;
  }
  .example_list {
    flex-wrap: wrap;
    padding: 30px 26px 36px;
  }
  .example_icon {
    max-width: unset;
    padding: 30px;
  }
  .example_ttl {
    margin-top: 12px;
  }
}


.tooldev_guide {
  margin-top: 80px;
  margin-bottom: 85px;
}
.guide_btn.p-jirei_btn {
  margin-top: 45px;
}
.guide_btn .cc-btn {
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .tooldev_guide {
    margin-top: 24px;
  }
  .guide_txt {
    max-width: 290px;
    margin: auto;
  }
  .guide_btn.p-jirei_btn {
    max-width: 290px;
    margin: 30px auto 0;
  }
}