@charset "UTF-8";
/* %算出に使用 */
/* ===============================
  会社概要
=============================== */
.company__mv {
  background: url(../img/company_mv.jpg) no-repeat center center/cover;
}

.company-info {
  padding: 2.8% 0 7%;
}

.company-info__list {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px dashed #000;
  margin-top: 7.3%;
  position: relative;
}
.company-info__list::before {
  content: "";
  position: absolute;
  background: url(../img/company1.jpg) no-repeat center center/100%;
  aspect-ratio: 1920/1467;
  transform: translate(0%, -50%);
  right: -14.9350649351%;
  width: 32%;
  top: 38%;
}
.company-info__list::after {
  content: "";
  position: absolute;
  background: url(../img/company2.jpg) no-repeat center center/100%;
  aspect-ratio: 1920/1467;
  transform: translate(0%, -50%);
  right: -14.9350649351%;
  width: 32%;
  top: 78%;
}
.company-info__list dt, .company-info__list dd {
  font-size: 1.1464968153vw;
  font-weight: 200;
  line-height: 2.7777777778;
  border-bottom: 1px dashed #000;
  padding: 1.5em 0;
}
.company-info__list dt {
  width: 21.2%;
  padding-left: 1.1em;
}
.company-info__list dd {
  letter-spacing: 0.08em;
  width: 78.8%;
}
@media (max-width: 767px) {
  .company-info__list {
    display: block;
  }
  .company-info__list::before, .company-info__list::after {
    display: none;
  }
  .company-info__list dt, .company-info__list dd {
    width: 100%;
    font-size: 3.2vw;
  }
  .company-info__list dt {
    border-bottom: none;
    padding: 1em 0 0;
  }
  .company-info__list dd {
    border-bottom: 1px dashed #000;
    padding: 0 0 1em;
  }
}

@media (max-width: 767px) {
  .company-img {
    margin-top: 10%;
    display: flex;
    justify-content: space-between;
  }
  .company-img img {
    width: 48%;
  }
}

.company-info__map {
  position: relative;
  margin-top: 7.5%;
}
.company-info__map #map2 {
  aspect-ratio: 1201/438;
}
@media (max-width: 767px) {
  .company-info__map #map2 {
    aspect-ratio: 1200/986;
  }
}

.company-info__map-link {
  z-index: 10;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 21.1em;
  background: #47555e;
  font-size: 1.2738853503vw;
  font-weight: 350;
  line-height: 2;
  letter-spacing: 0.12em;
  color: #fff;
  text-align: center;
  padding: 1.5em 0;
}
@media (max-width: 767px) {
  .company-info__map-link {
    font-size: 2.6666666667vw;
  }
}
/*# sourceMappingURL=company.css.map */