/* CSS Document */
.page__sub .inner__ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gutter-2x, 16px);
  padding: 6.45rem 4.5rem 0;
  max-width: calc(1100px + var(--gutter-1x));
}
.page__sub .inner__ttl h4 {
  font-size: var(--font-size-32);
  line-height: 1.2;
  font-weight: bold;
}
.page__sub .inner__ttl .sub_ttl {
  color: var(--Mono-darkGray);
  font-size: var(--font-size-12);
  letter-spacing: 2.8px;
  line-height: 1;
  text-transform: uppercase;
}
.page__sub .inner__ttl picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page__sub .inner__intro {
  letter-spacing: 0.16px;
  line-height: 2;
}
.page__sub .box_area {
  padding: 0 var(--gutter-4x);
}

@media screen and (max-width: 768px) {
  .page__sub {
    margin-bottom: var(--gutter-8x);
  }
  .page__sub .inner__ttl {
    padding: 6.45rem 4.5rem 6.45rem;
  }
  .page__sub .inner__ttl h4 {
    text-align: center;
  }
  .page__sub .inner__ttl .sub_ttl {
    text-align: center;
  }
  .page__sub .box_area {
    padding: 0 var(--gutter-2x);
  }
}/*# sourceMappingURL=print.css.map */