@charset "UTF-8";
/* ===============================
  事務所概要
=============================== */
/*------------------------------
company
------------------------------*/
.company {
  position: relative;
  padding: clamp(0px, 340 * var(--rate-vw), 340px * var(--cap)) 0 clamp(0px, 290 * var(--rate-vw), 290px * var(--cap));
  background: url(../img/bg09.webp) no-repeat center center/cover, #fff;
  margin-top: calc(clamp(0px, 300 * var(--rate-vw), 300px * var(--cap)) * -1);
}
.company::before {
  content: "";
  position: absolute;
  background: url(../img/dec07.webp) no-repeat center center/100%;
  aspect-ratio: 1734/1916;
  transform: translate(0%, 13%);
  width: 60%;
  max-width: 864px;
  left: 0%;
  bottom: 0;
}
@media (max-width: 767px) {
  .company {
    margin-top: calc(clamp(0px, 82 * var(--rate-vw), 82px * var(--cap)) * -1);
    background: url(../img/bg09.webp) repeat-y center center/600% auto, #fff;
    padding-top: clamp(0px, 120 * var(--rate-vw), 120px * var(--cap));
    padding-bottom: 0;
  }
}

.company__content {
  position: relative;
  width: calc(900 / 1070 * 100%);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .company__content {
    width: 100%;
  }
}

.company__heading {
  font-size: clamp(0px, 48 * var(--rate-fz), 48px * var(--cap));
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .company__heading {
    font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
  }
}

.company__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 400;
  line-height: 1.4;
  width: 80%;
  margin: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap)) auto 0;
}
.company__info dt:nth-of-type(n + 2),
.company__info dd:nth-of-type(n + 2) {
  margin-top: 5%;
}
.company__info dt {
  width: 28%;
  padding-left: clamp(0px, 100 * var(--rate-vw), 100px * var(--cap));
}
.company__info dd {
  width: 58.3%;
  line-height: 1.6;
}
.company__info .company__info__text01 {
  line-height: 1.85;
}
@media (max-width: 767px) {
  .company__info {
    display: block;
    width: 100%;
    line-height: 1;
  }
  .company__info dt,
.company__info dd {
    width: 100%;
    padding-left: 0;
  }
  .company__info dt:nth-of-type(n + 2) {
    margin-top: 12%;
  }
  .company__info dt:nth-of-type(3) {
   
  }
  .company__info dd {
    margin-top: clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
  }
  .company__info dd:nth-of-type(n + 2) {
    margin-top: clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
  }
  .company__info .company__info__text01 {
    line-height: 2.22;
    font-size: clamp(0px, 14 * var(--rate-vw), 14px * var(--cap));
  }
}

/*------------------------------
access
------------------------------*/
.access {
  position: relative;
  padding: clamp(0px, 180 * var(--rate-vw), 180px * var(--cap)) 0 clamp(0px, 390 * var(--rate-vw), 390px * var(--cap));
  margin-top: calc(clamp(0px, 300 * var(--rate-vw), 300px * var(--cap)) * -1);
  background: url(../img/bg03.webp) repeat center center/cover;
}
@media (max-width: 767px) {
  .access {
    -webkit-clip-path: unset;
            clip-path: unset;
    margin-top: calc(clamp(0px, 80 * var(--rate-vw), 80px * var(--cap)) * -1);
    background: url(../img/bg09.webp) repeat-y center center/600% auto, #fff;
    padding-top: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap));
    padding-bottom: clamp(0px, 200 * var(--rate-vw), 200px * var(--cap));
  }
  .access::before {
    content: "";
    position: absolute;
    background: url(../img/bg.webp) no-repeat center bottom/cover;
    aspect-ratio: 490/140;
    width: 100%;
    left: 0%;
    bottom: 0%;
    -webkit-clip-path: polygon(0% 0%, 100% clamp(0px, 80 * var(--rate-vw), 80px * var(--cap)), 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% clamp(0px, 80 * var(--rate-vw), 80px * var(--cap)), 100% 100%, 0% 100%);
  }
}

.access__content {
  width: calc(900 / 1070 * 100%);
  margin: 0 auto;
  margin-top: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
  position: relative;
}
@media (max-width: 767px) {
  .access__content {
    width: 100%;
  }
}

.access__title {
  font-size: clamp(0px, 48 * var(--rate-fz), 48px * var(--cap));
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .access__title {
    font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
  }
}

.access__list {
  margin-top: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap));
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 96 * var(--rate-vw), 96px * var(--cap)) 0;
}

.access__item {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .access__item {
    flex-direction: column;
    gap: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap)) 0;
  }
}

.access__map {
  width: 39%;
  aspect-ratio: 1/1;
}
.access__map iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .access__map {
    width: 100%;
  }
}

.access__body {
  width: 56.6%;
}
@media (max-width: 767px) {
  .access__body {
    width: 103%;
  }
}

.access__office {
  font-size: clamp(0px, 24 * var(--rate-fz), 24px * var(--cap));
  font-weight: 600;
  line-height: 1.2;
}

.accesss__info {
  margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 500;
  line-height: 1.4;
}

/*------------------------------
cta
------------------------------*/
.cta--about {
  position: relative;
  margin-top: calc(clamp(0px, 300 * var(--rate-vw), 300px * var(--cap)) * -1);
  background: url(../img/bg.webp) no-repeat center center/100%;
  padding-top: clamp(0px, 870 * var(--rate-vw), 870px * var(--cap));
}
.cta--about::before {
  transform: translate(-129%, 52%);
}
.cta--about::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  height: calc(100% - clamp(0px, 390 * var(--rate-vw), 390px * var(--cap)));
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: 0%;
}
.cta--about > * {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .cta--about {
    display: none;
  }
}
/*# sourceMappingURL=about-us.css.map */