.printdoor img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.printdoor:hover img {
	opacity: 0.7;
}
.pagetop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 10px;
}
.pagetop a {
  display: block;
  text-align: center;
  color: #222;
  font-size: 12px;
  text-decoration: none;
  padding: 20px 10px;
}
.pagetop a:hover {
  outline: none;
  overflow:hidden;
  display: block;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  padding: 20px 10px;
}
.pagetop a:focus {
  outline: none;
}

.img-link:hover img {
  opacity: 0.7;
  transition-duration: 0.3s;
}

#printdoor section,#index .top-index {
  margin-top: 62px;
}

/* XX-Large devices (larger desktops) */
.PD-sm {
  display: none;
}

#printdoor .pd-title {
  color: #0C2BB0;
  font-size: 1.5rem;
}

/* タイトルの調整 */
.h-concept {
  padding-left: 17.5rem;
}
.concept-title,.toku-title {
  letter-spacing: 0.1em;
}
.concept-lead {
  font-size: 1.5rem;
}

.h-toku {
  padding-left: 19rem;
}
.toku-lead {
  line-height: 2;
}

.h-melit {
  padding-left: 18.5rem;
}

.h-kinou {
  padding-left: 17.3rem;
}
.h-workflow {
  padding-left: 17rem;
}
.h-package {
  padding-left: 17.5rem;
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

  /* タイトルの位置調整 */
  .h-concept {
    padding-left: 12rem;
  }
  .concept-title,.toku-title {
    letter-spacing: 0.1em;
    font-size: 1.4rem;
  }
  .concept-lead {
    font-size: 1.2rem;
  }

  .h-toku {
    padding-left: 13.5rem;
  }
  .h-melit {
    padding-left: 12.5rem;
  }
  .h-kinou {
    padding-left: 11.5rem;
  }
  .h-workflow {
    padding-left: 11.5rem;
  }
  .h-package {
    padding-left: 12rem;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

  /* タイトルの位置調整 */
  .h-concept {
    padding-left: 7rem;
  }
  .h-toku {
    padding-left: 8.5rem;
  }
  .h-melit {
    padding-left: 8rem;
  }
  .h-kinou {
    padding-left: 7rem;
  }
  .h-workflow {
    padding-left: 6.5rem;
  }
  .h-package {
    padding-left: 7rem;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

  /* タイトルの位置調整 */
  .h-concept {
    padding-left: 4.5rem;
  }
  .h-toku {
    padding-left: 5.5rem;
  }
  .toku-title {
    font-size: 1.2rem;
  }
  .h-melit {
    padding-left: 5rem;
  }
  .h-kinou {
    padding-left: 4rem;
  }
  .h-workflow {
    padding-left: 4rem;
  }
  .h-package {
    padding-left: 4.5rem;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

  /* タイトルの位置調整 */
  .h-concept {
    padding-left: 2.5rem;
  }
  .concept-title {
    letter-spacing: 0.1em;
    font-size: 1.2rem;
  }
  .concept-lead {
    font-size: 1rem;
  }

  .h-toku {
    padding-left: 4rem;
  }
  .toku-title {
    font-size: 1rem;
    letter-spacing: 0.05em;
  }
  .h-melit {
    padding-left: 3rem;
  }
  .h-kinou {
    padding-left: 2.2rem;
  }
  .h-workflow {
    padding-left: 2rem;
  }
  .h-package {
    padding-left: 2.5rem;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .PD-lg {
    display: none;
  }

  .PD-sm {
    display: block;
  }

  /* タイトルの位置調整 */
  #printdoor .pd-title {
    font-size: 1.2rem;
  }
  .h-concept {
    padding-left: 2.5rem;
  }
  .concept-title {
    font-size: 1.1rem;
    letter-spacing: 0.05em;
  }
  .concept-lead {
    font-size: 0.9rem;
  }
  .h-toku {
    padding-left: 3.5rem;
  }
  .toku-title {
    font-size: 1rem;
    letter-spacing: 0.05em;
  }

  .h-melit {
    padding-left: 3rem;
  }
  .melit-title {
    font-size: 1rem;
  }

  .h-kinou {
    padding-left: 3rem;
  }
  .h-workflow {
    padding-left: 2rem;
  }
  .h-package {
    padding-left: 3rem;
  }
}