@charset 'UTF-8';

/* cmp_pagehd */
#about .cmp_pagehd {
  background-image: linear-gradient(to bottom, rgb(42, 99, 189, 0.7) 0%, rgb(42, 99, 189, 0.7) 100%), url(../images/bg_about_hd.webp);
  background-position: 50% 0, 50% 0.8rem;
}

/* section */
#about > section {
  padding: 2.9rem 0;
}
#about > section:first-of-type {
  margin-top: 8.6rem;
  padding-top: 5.8rem;
}
#about > section:last-of-type {
  padding-bottom: 5.8rem;
}
#about section h2 {
  padding: 0.5em 0;
  margin: 0 0 0.4rem 0;
  position: relative;
  font-family: var(--NotoSansJP);
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: rgb(0, 61, 128);
}
#about section h2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0.4rem;
  background-color: rgb(35, 24, 21, 0.3);
  border-left: 28.5rem solid rgb(0, 61, 128);
}
#about section .desc {
  padding: 2.8em 0;
  font-size: max(1.6rem, var(--min-font-size));
  line-height: 2.48;
  letter-spacing: 0.05em;
}
#about section .desc p {
  margin: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  letter-spacing: 0.1em;
}
#about section .desc p span {
  display: block;
  font-feature-settings: normal;
}
@media screen and (min-width: 768px) {
  #about section .desc p span {
    display: inline-block;
  }
}

/* cmp_button */
#about .cmp_button {
  padding: 5.4rem 0;
}
@media screen and (min-width: 768px) {
  #about .cmp_button {
    padding-bottom: 0;
  }
}