/*==================================================

** aboutus
==================================================*/
#aboutusMission {
  margin-top: 120px;
  background: var(--color-gradient-bl-gn2-alpha80);
  padding-block: 120px;
}
#aboutusMission .h2 {
  margin-top: 0;
}
#aboutusMission .h2 .jp, #aboutusMission .h2 .en {
  color: #fff;
}
#aboutusMission .h2 .jp {
  font-size: 1.6rem;
  margin-top: 4px;
}
#aboutusMission .h2 .en {
  font-size: 3.6rem;
  margin-top: 0;
}
#aboutusMission .missionsec {
  padding: 64px 5.7142857143%;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}
#aboutusMission .missionsec .h3 {
  font-size: 2.4rem;
  color: var(--color-bl1);
  margin-top: 0;
}
#aboutusMission .missionsec .h3 + p {
  margin-top: 40px;
}

#aboutusMessage {
  padding-block: 120px;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#aboutusMessage:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: url(../img/aboutus/aboutus_message_bg_pc.webp) no-repeat center center/cover;
}
#aboutusMessage .h2 {
  margin-top: 0;
}
#aboutusMessage .h2 .jp {
  font-size: 1.6rem;
  margin-top: 4px;
}
#aboutusMessage .h2 .en {
  font-size: 3.6rem;
  margin-top: 0;
}
#aboutusMessage .msg-ttl {
  text-align: center;
  gap: 16px;
}
#aboutusMessage .msg-ttl-txt1 {
  font-size: 3.2rem;
  color: #fff;
}
#aboutusMessage .msg-ttl-txt1 .bg {
  background: var(--color-gradient-bl-gn1-alpha80);
  padding-inline: 5px;
}
#aboutusMessage .msg-ttl-txt2 {
  font-size: 1.8rem;
}
#aboutusMessage .msg-detail {
  margin-top: 64px;
  grid-template-columns: 1fr 360px;
  justify-content: space-between;
  gap: 48px 4.2857142857%;
}
#aboutusMessage .msg-detail .separate {
  margin-top: 32px;
}
#aboutusMessage .msg-detail .pht {
  border-radius: 8px;
  overflow: hidden;
}
#aboutusMessage .msg-detail .sign {
  margin-top: 16px;
  font-weight: 600;
  line-height: 1.5;
}
#aboutusMessage .msg-detail .sign-role {
  font-size: 1.6rem;
}
#aboutusMessage .msg-detail .sign-name {
  font-size: 2.4rem;
}

#aboutusGroup {
  margin-top: 120px;
}
#aboutusGroup .h2 .jp {
  font-size: 1.6rem;
  margin-top: 4px;
}
#aboutusGroup .h2 .en {
  font-size: 3.6rem;
  margin-top: 0;
}
#aboutusGroup .bn {
  margin-top: 40px;
}
#aboutusGroup .bn-a {
  display: block;
  max-width: 500px;
  margin-inline: auto;
  padding: 23px 0;
  border: 1px solid var(--color-gy-d);
  border-radius: 8px;
  box-shadow: var(--shadow);
}
#aboutusGroup .bn-a:hover {
  border: 1px solid var(--color-lbl1);
  opacity: 1;
}
#aboutusGroup .bn-img {
  max-width: 56.6265060241%;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  #aboutusMission {
    margin-top: 96px;
    padding-block: 96px;
  }
  #aboutusMission .h2 .en {
    font-size: 2.8rem;
  }
  #aboutusMission .missionsec {
    padding: 48px 6.4%;
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
  }
  #aboutusMessage {
    padding-block: 96px;
  }
  #aboutusMessage:before {
    background-image: url(../img/aboutus/aboutus_message_bg_sp.webp);
  }
  #aboutusMessage .h2 .en {
    font-size: 2.8rem;
  }
  #aboutusMessage .msg-ttl-txt1 {
    font-size: 2.4rem;
  }
  #aboutusMessage .msg-ttl-txt2 {
    font-size: 1.8rem;
  }
  #aboutusMessage .msg-detail {
    margin-top: 48px;
    grid-template-columns: 1fr;
  }
  #aboutusMessage .msg-detail .phtbox {
    width: 81.6326530612%;
    margin-inline: auto;
  }
  #aboutusMessage .msg-detail .sign-role {
    font-size: 1.4rem;
  }
  #aboutusMessage .msg-detail .sign-name {
    font-size: 2.2rem;
  }
  #aboutusGroup {
    margin-top: 96px;
  }
  #aboutusGroup .h2 {
    margin-top: 0;
  }
  #aboutusGroup .h2 .en {
    font-size: 2.8rem;
  }
}