/*========================================================
Using for service page with baner.
=========================================================*/
.background-image-top {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 50px;
}

.background-image-top-sp {
  display: none;
}

.container {
  position: relative;
  background: transparent;
}

.title-container {
  height: 398px;
  padding: 120px 0 0 0;
  margin-left: 13%;
  margin-right: 20px;
}

.content {
  padding-left: 12.7%;
  padding-right: 12.7%;
  padding-bottom: 120px;
}

.title-container h2 {
  margin: 0;
  font-size: 64px;
  line-height: 115%;
  letter-spacing: 2.56px;
}

.article-header {
  margin-bottom: 40px;
}

@media screen and (max-width: 1280px) {
  .background-image-top {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 100px;
  }
  
  .background-image-top-sp {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .background-image-top {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 150px;
  }
  
  .background-image-top-sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .background-image-top {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 200px;
  }
  
  .background-image-top-sp {
    display: none;
  }
}

/* MOBILE */
@media screen and (max-width: 600px) {

  .background-image-top {
    display: none;
  }

  .background-image-top-sp {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 47px;
    display: block;
  }

  .title-container h2 {
    font-size: 52px;
    letter-spacing: 2.08px;
  }

  .content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
  }
}