.bgImg{
  background: url(../image/service-3/main_bg.jpg) no-repeat center bottom;
  background-size: cover;
}
.pageTtl{
  background: url(../image/service-3/ttl_bg.png) no-repeat center bottom;
  background-size: 100%;
}
#sec2 h4{
  font-weight: 400;
}
.kakko{
  position: relative;
  display: inline-block;
  line-height: 1em;
  padding: 0 .5em;
}
.kakko::before,
.kakko::after{
  position: absolute;
  display: inline-block;
  content: "";
  top: 2px;
  width: 6px;
  height: calc(100% - 4px);
}
.kakko::before{
  border-top: solid 2px var(--blue);
  border-bottom: solid 2px var(--blue);
  border-left: solid 2px var(--blue);
  left: 0;
}
.kakko::after{
  border-top: solid 2px var(--blue);
  border-bottom: solid 2px var(--blue);
  border-right: solid 2px var(--blue);
  right: 0;
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 750px) {
  .bgImg{
    background: url(../image/service-3/main_bg_sp.jpg) no-repeat center bottom / 100%, #5f61a0;
  }
  .pageTtl{
    background: url(../image/service-3/ttl_bg_sp.png) no-repeat center bottom;
    background-size: contain;
  }
  .kakko{
    line-height: 1.5em;
    padding: 3px .5em;
  }
  .kakko::before,
  .kakko::after{
    width: 1rem;
  }
  #sec2 .img{
    width: min(70%, 400px);
  }
}