#about .business_area {
  margin: 0 5% 10% 5%;
  display: grid;
  align-items: normal;
  grid-template-columns: repeat(2, 1fr);
  gap: 2% 5%;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (max-width: 767px) {
  #about .business_area {
    margin: 0 5% 30% 5%;
    grid-template-columns: repeat(1, 1fr);
    gap: 1%;
  }
}
#about .business_area .detail_unit img {
  width: 100%;
}
#about .business_area .detail_unit .business_name_unit {
  display: flex;
  justify-content: start;
  align-items: baseline;
  margin-bottom: 3%;
}
#about .business_area .detail_unit .business_name_unit .number {
  width: 15%;
  margin-top: -5%;
  margin-right: 3%;
}
#about .business_area .detail_unit .business_name_unit .number img {
  width: 100%;
}
#about .business_area .detail_unit .business_name_unit .name {
  color: #073A75;
  font-size: clamp(18px, 2.1vw, 35px);
  font-weight: 700;
}
#about .data_area {
  margin: -2% 5% 15% 5%;
  display: grid;
  align-items: normal;
  grid-template-columns: repeat(3, 1fr);
  gap: 10% 5%;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (max-width: 767px) {
  #about .data_area {
    margin: 0 5% 20% 5%;
    grid-template-columns: repeat(2, 1fr);
    gap: 3%;
  }
}
#about .data_area .detail_unit img {
  width: 100%;
}
#about .message_area {
  margin-bottom: 10%;
}
#about .message_area .background-container {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 450px;
}
@media screen and (max-width: 767px) {
  #about .message_area .background-container {
    height: 70vh;
    min-height: 600px;
  }
}
@media screen and (max-width: 450px) {
  #about .message_area .background-container {
    height: 35vh;
    min-height: 285px;
  }
}
#about .message_area .background-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#about .message_area .txt_area {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 3% 5%;
  background: linear-gradient(90deg, rgba(8, 0, 89, 0.9) 0%, rgba(0, 112, 201, 0.9) 100%);
  border-radius: 20px;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #about .message_area .txt_area {
    width: 90%;
    padding: 5% 2%;
  }
}
#about .message_area .txt_area .ttl {
  font-size: clamp(25px, 3.5vw, 60px);
  font-weight: 300;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #about .message_area .txt_area .ttl {
    font-size: 25px;
  }
}
#about .message_area .txt_area .txt {
  font-size: clamp(25px, 3.5vw, 40px);
  line-height: 2em;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #about .message_area .txt_area .txt {
    font-size: 18px;
    line-height: 1.6em;
  }
}
#about .message_area .txt_area .txt_sub {
  font-size: clamp(16px, 2.5vw, 30px);
  font-weight: 400;
  line-height: 2em;
}
@media screen and (max-width: 767px) {
  #about .message_area .txt_area .txt_sub {
    font-size: 16px;
    line-height: 1.6em;
  }
}/*# sourceMappingURL=about.css.map */