@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++++
 * #support_develop
 * ++++++++++++++++++++++++++++++++++++++++++++++++++ */
#support_develop div.bg {
  background: url(../img/support-develop/top_img.jpg) no-repeat center/cover;
}
#support_develop .kv .text-block{
  top: 100px;
}
.contents div.contents_title {
  margin-bottom: 10px;
}
.content {
  padding: 40px 100px;
}
.content:not(:last-of-type) {
  margin-bottom: 35px;
}
p.subtitle {
  color: #0b41a0;
}
.text_area {
  margin-bottom: 20px;
}


/* -----#number_circle ----- */
ul.number_circle {
  counter-reset: number 0;
  margin: 20px 0 40px 40px;
}
ul.number_circle li {
  position: relative;
  margin-bottom: 10px;
}
ul.number_circle li:before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  background-color: #0B429F;
  color: #ffffff;
  border-radius: 50%;
  padding: 3px 7px;
  position: absolute;
  left: -40px;
  top: -3px;
}



/* -----.dot_hyphen ----- */
ul.dot_hyphen {
  margin: 20px 0 20px 0;
}
ul.dot_hyphen p {
  margin-left: 16px;
}
ul.dot_hyphen li {
  margin-bottom: 20px;
}
ul.dot_hyphen li h4 {
  font-weight: bold;
}
ul.dot_hyphen li ul {
  margin-left: 22px;
}
ul.dot_hyphen li ul li {
  margin-bottom: 0;
}



/* -----.color_back ----- */
section.color_back {
  background-color: #F2F5FA;
  padding: 20px;
  margin-bottom: 40px;
}
section.color_back h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
section.color_back p {
  margin-bottom: 26px;
}
section.color_back .flex_between {
  display: flex;
  justify-content: space-between;
}
section.color_back .img_block {
  margin-bottom: 40px;
}



@media screen and (max-width:1219px) {
  .content {
    padding: 30px 60px;
  }
}



/* SP */
@media screen and (max-width: 767px) {
  #support_develop div.bg {
    background: url(../img/support-develop/top_img_sp.jpg) no-repeat center/cover;
  }
  #support_develop .kv .text-block{
    top: 100px;
  }
  .content {
    padding: 20px;
  }
  section.color_back .flex_between {
    display: block;
  }
  section.color_back .img_block {
    margin-bottom: 0;
  }
  section.color_back .img_block img {
    margin-bottom: 30px;
  }
}