@charset "UTF-8";
/**************************************************
* ページ: COMPANY
**************************************************/
.company__header {
  background: url(../img/hedaer_company.webp) no-repeat center center/cover;
}

/*------------------------------
vision
------------------------------*/
.vision {
  border-bottom: min(50px, 2.6041666667vw) solid #FD790E;
  padding: 100px 0;
}

.vision__wrapper {
  display: flex;
  align-items: center;
  margin-top: 1.5%;
  position: relative;
}
@media (max-width: 767px) {
  .vision__wrapper {
    flex-direction: column;
  }
}

.vision__image {
  width: 53%;
}
@media (max-width: 767px) {
  .vision__image {
    width: 100%;
    max-width: 200px;
  }
}

.vision__content {
  width: 70%;
  background: rgba(255, 255, 255, 0.7);
  padding: 5.5%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
}
@media (min-width: 768px) {
  .vision__content {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    max-width: 690px;
  }
}
@media (max-width: 767px) {
  .vision__content {
    width: 100%;
    margin-top: -30px;
    padding: 20px 10px;
  }
}

.vision__heading {
  font-size: min(2.4rem, 2.0833333333vw);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .vision__heading {
    font-size: 1.6rem;
  }
}

.vision__messgae {
  margin-top: 2em;
  font-size: min(1.6rem, 1.8229166667vw);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .vision__messgae {
    font-size: 1.2rem;
  }
}

/*------------------------------
overview
------------------------------*/
.overview {
  padding: min(150px, 7.8125vw) 0;
  background-image: linear-gradient(to right, #DEDEDE 2px, transparent 2px);
  background-size: 5.22% 100%;
}

.overview__info {
  margin-top: 30px;
}

.overview__item {
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  padding: 1.4em 2%;
  border-left: 8px solid #FD790E;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.1;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
}
.overview__item:nth-child(n+2) {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .overview__item {
    font-size: 1.2rem;
    padding: 14px;
  }
}

.overview__label {
  width: 190px;
}
@media (max-width: 767px) {
  .overview__label {
    width: 80px;
  }
}

.overview__content {
  width: calc(100% - 190px);
}
@media (max-width: 767px) {
  .overview__content {
    width: calc(100% - 80px);
  }
}
/*# sourceMappingURL=company.css.map */