@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@300;400;500;600;700&Barlow&display=swap");
.page_intro {
  padding-bottom: 60px;
}

.point {
  padding: 60px 0;
  background-color: #f6f7f9;
}
.point .c_feature {
  justify-content: center;
}

.service {
  position: relative;
  padding: 60px 0;
}
.service__content {
  margin-bottom: 40px;
}
.service__content .c_title_sec {
  margin-bottom: 12px;
}
.service__content .service__text {
  margin-bottom: 20px;
}
.service__content_02 {
  margin-bottom: 0;
}
.service .c_frame .c_title_sec {
  margin-bottom: 25px;
  text-align: center;
}
.service .c_frame__item {
  display: block;
  margin-bottom: 30px;
}
.service .c_frame__item_image {
  width: 100%;
}
.service .c_frame__item_box {
  padding-top: 17px;
}
.service .c_frame__item:last-child {
  margin-bottom: 0;
}
.service .c_frame .c_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
}

.development {
  position: relative;
  padding: 60px 0;
  background-color: #f6f7f9;
}
.development__text {
  margin-bottom: 30px;
}
.development__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 30px 20px;
}
.development__item_image {
  margin-bottom: 15px;
}
.development__item_text {
  word-break: break-word;
  line-height: 1.7;
}
.development__item_link {
  transition: all 0.5s;
}
.development .c_btn {
  font-weight: 400;
}
@media screen and (min-width: 768px){
  .point .c_feature__item:nth-child(1) .c_feature__item_title {
    margin-top: 26px;
  }
  .point .c_feature__item:nth-child(2) .c_feature__item_title {
    margin-top: 30px;
  }
  .service .c_frame__list {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }
  .service .c_frame__item {
    margin-bottom: 0;
  }
  .development__text {
    margin-bottom: 75px;
    text-align: center;
  }
  .development__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 992px){
  .page_intro {
    padding: 68px 0 64px;
  }
  .page_intro__image {
    top: 55px;
  }
  .page_intro__content {
    min-height: 506px;
    padding-top: 0;
  }
  .page_intro::before {
    bottom: -84px;
  }
  .point {
    padding: 90px 0 95px;
  }
  .point .c_title {
    margin-bottom: 75px;
  }
  .point .c_feature__item_info {
    padding-bottom: 25px;
  }
  .service {
    padding: 112px 0 80px;
  }
  .service__content {
    margin-bottom: 80px;
  }
  .service__content .service__text {
    margin-bottom: 35px;
  }
  .service__content_02 .c_frame .c_title_sec {
    margin-bottom: 30px !important;
  }
  .service .c_frame {
    padding: 60px 40px 56px;
  }
  .service .c_frame .c_title_sec {
    margin-bottom: 35px;
  }
  .service .c_frame .c_list {
    gap: 12px 10px;
    max-width: 566px;
    margin: 0 auto;
  }
  .development {
    padding: 88px 0 160px;
  }
  .development .c_title {
    margin-bottom: 22px;
  }
  .development__item_image {
    margin-bottom: 40px;
  }
  .development__item_link:hover {
    opacity: 0.7;
  }
  .development .c_btn {
    min-height: 72px;
  }
}
/*# sourceMappingURL=maps/systems-selling-development.css.map */