@charset "UTF-8";
.padding_plane_aboutus {
  padding-inline: 15.625vw;
}

.hero_members {
  width: 100vw;
  aspect-ratio: 1285/620;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.hero_members img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.hero_members .hero_about_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.98));
  z-index: 2;
}
.hero_members .hero_about_overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(210, 207, 121, 0.3), rgba(116, 115, 83, 0.3));
  z-index: 1;
}

.hero_about {
  position: relative;
  width: 100vw;
  aspect-ratio: 1285/460;
  display: flex;
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
}

.hero_about_content {
  position: relative;
  top: 23.4375vw;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.hero_about_content h1 {
  font-size: 5.625vw;
  font-weight: bold;
  color: white;
  margin-bottom: 1.875vw;
}
.hero_about_content .buttonContainer {
  display: flex;
  gap: 1.5625vw;
  cursor: pointer;
}
.hero_about_content .buttonContainer button {
  background-color: rgba(255, 255, 255, 0.4);
  color: black;
  border: none;
  padding: 0.625vw 1.09375vw;
  cursor: pointer;
}
.hero_about_content .buttonContainer button h6 {
  font-size: 1.09375vw;
  font-weight: bold;
  color: black;
}
.hero_about_content .buttonContainer button img {
  width: 0.78125vw;
  height: 0.78125vw;
  margin-left: 0.78125vw;
}

.our_vision {
  position: relative;
  background-color: transparent;
  padding-block: 6.25vw 3.125vw;
  z-index: 5;
}
.our_vision .our_vision_content {
  width: 68.75vw;
}
.our_vision h2 {
  font-size: clamp(28px, 3.125vw, 60px);
  font-weight: bold;
  color: black;
}
.our_vision p {
  font-size: 1.25vw;
  line-height: 2;
  margin-top: 1.875vw;
  font-weight: 400;
}
.our_vision .our_vision_quote {
  font-weight: 500;
  margin-top: 1.25vw;
}
.our_vision .our_vision_representative {
  font-size: 1.09375vw;
  font-weight: 500;
  margin-top: 1.875vw;
  text-align: right;
}

.company {
  position: relative;
  background-color: transparent;
  padding-block: 6.25vw;
  z-index: 5;
}
.company .company_content {
  width: 68.75vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
  /* 各情報項目の設定 */
}
.company .company_content .info-item {
  display: flex;
  flex-direction: row;
  align-items: center; /* ラベルとコンテンツを上下中央揃え */
  gap: 20px;
  border-bottom: 0.1px solid lightgrey; /* 黄色の下線 */
  padding: 1.25vw 0px;
}
.company .company_content {
  /* ラベル部分の設定 */
}
.company .company_content .info-label {
  background-color: #FFF7CB; /* 黄色背景 */
  padding: 10px;
  width: 8.125vw;
  text-align: center;
  border-radius: 0.78125vw;
  flex-shrink: 0; /* サイズ縮小を防ぐ */
  height: 2.8125vw; /* 一定の高さを指定 */
  display: flex;
  align-items: center; /* ラベル内の上下中央揃え */
  justify-content: center; /* ラベル内の左右中央揃え */
  align-self: flex-start;
  box-sizing: border-box;
}
.company .company_content .info-label p {
  font-size: 1.09375vw;
  font-weight: 400;
  color: #F2B705;
}
.company .company_content {
  /* コンテンツ部分の設定 */
}
.company .company_content .info-content {
  flex-grow: 1; /* 横方向に広がる */
  display: flex; /* 中央揃えのためにFlexboxを使用 */
  flex-direction: column;
}
.company .company_content .info-content p {
  display: block;
  line-height: 1.5;
}
.company .company_content .info-content p span {
  color: #F2B705;
  margin-bottom: 1.171875vw;
  line-height: 2.5;
}
.company .company_content {
  /* リンクの設定 */
}
.company .company_content .info-content a {
  color: #007bff;
  text-decoration: none;
}
.company .company_content .info-content a:hover {
  text-decoration: underline;
}
.company .company_content .company_sp_content p {
  margin-bottom: 1.25vw;
}
.company .company_content p {
  font-size: 1.25vw;
  font-weight: 400;
  margin: 0;
}
.company .company_content p span {
  font-weight: 500;
}
.company .sp_only {
  display: block;
}

@media (max-width: 394px) {
  .sp_only {
    display: none;
  }
}

/*# sourceMappingURL=aboutus.css.map */