/*------------------------
  page-title
------------------------*/
.page-title-wrap {
  background: url(../images/about/bg-about.webp) no-repeat center/cover;
}
.page-title-wrap .page-title {
  color: #FFF;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.page-title-wrap .page-title .en {
  font-size: 2.625rem;
}
@media screen and (max-width: 768px) {
  .page-title-wrap .page-title .en {
    font-size: 1.875rem;
  }
}

/*------------------------
  cta
------------------------*/
.cta.common {
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .cta.common {
    margin-top: 2.5rem;
  }
}

/*------------------------
  about
------------------------*/
.about-sec p + p {
  margin-top: 1.5em;
}
.about-sec p a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .about-sec p.heading-medium {
    font-size: 1.125rem;
  }
}
.about-sec .about-sns {
  gap: 1.875rem;
  margin-top: 1.25rem;
}
.about-sec .about-sns a {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/8;
  color: #FFF;
  margin-top: 0.9375rem;
  width: 20rem;
}
.about-sec .about-sns a h4 {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.about-sec .about-sns a:hover h4 {
  opacity: 0.7;
}
.about-sec .about-sns .about-sns-x a {
  background-color: #000;
}
.about-sec .about-sns .about-sns-ig a {
  background: url(../images/about/bg-ig.webp) no-repeat center/cover;
}