@charset "UTF-8";
/* %算出に使用 */
/* ===============================
  パートナー
=============================== */
.partner__mv {
  background: url(../img/partner_mv.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .partner__mv {
    background: url(../img/partner_mv_sp.jpg) no-repeat center center/cover;
  }
}

/*------------------------------
service
------------------------------*/
.service {
  margin: 0 auto;
  padding: 2% 0 17.4%;
  position: relative;
}
@media (max-width: 767px) {
  .service {
    padding: 9.3333333333vw 0 34.6%;
  }
}

.service__content {
  width: 45.5833333333%;
}
@media (max-width: 767px) {
  .service__content {
    width: 100%;
  }
}

.service__title {
  font-size: 3.1847133758vw;
  font-weight: 400;
  line-height: 1.26;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.07em;
}
@media (max-width: 767px) {
  .service__title {
    font-size: 8.8vw;
    letter-spacing: 0.065em;
  }
}

.service__heading {
  margin-top: 9%;
  font-size: 1.9108280255vw;
  font-weight: 200;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .service__heading {
    margin-top: 2%;
    font-size: 5.6vw;
  }
}

.service__message {
  margin-top: 6%;
  font-size: 1.1464968153vw;
  font-weight: 200;
  line-height: 2.8;
}
@media (max-width: 767px) {
  .service__message {
    font-size: 3.2vw;
    margin-top: 4%;
  }
}

@media (min-width: 768px) {
  .service__image {
    position: absolute;
    right: 0;
    top: 3.1847133758vw;
    width: 46.6%;
  }
}
@media (max-width: 767px) {
  .service__image {
    width: calc(100% + 6.5vw);
    margin-left: 0;
    margin-top: 11%;
    padding-left: 1%;
  }
}

/*------------------------------
relation
------------------------------*/
.relation {
  padding: 15.2866242038vw 0 9.2%;
  position: relative;
}
.relation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #e9e6de;
  width: 88.3%;
  height: 100%;
}
@media (max-width: 767px) {
  .relation {
    padding: 21.3333333333vw 0 24%;
    background: #e9e6de;
  }
  .relation::before {
    display: none;
  }
}

.relation__image {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-54%);
  width: 81.8%;
}
@media (max-width: 767px) {
  .relation__image {
    width: 100%;
  }
}

.relation__map {
  position: relative;
  transform: translate(-3%, 0%) scale(0.95);
}
@media (max-width: 767px) {
  .relation__map {
    transform: translate(-4%, 0%) scale(0.95);
    transform: translate(-50%, 0%) scale(1);
    margin-top: -14%;
    width: 119%;
    margin-left: 50%;
    margin-bottom: 0;
  }
  .relation__map img {
    aspect-ratio: 1125/2630;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
  }
}
/*# sourceMappingURL=partner.css.map */