@charset "UTF-8";

.office-about {
  width: 100%;
  padding: var(--sp-spacing-40) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width: 961px) {
  .office-about {
    padding: var(--sp-spacing-24) 0 var(--sp-spacing-64)
  }
}

.office-about:has(.office-about__slider-inner) .office-about__hero {
  padding-bottom: var(--sp-spacing-32)
}

@media (min-width: 961px) {
  .office-about:has(.office-about__slider-inner) .office-about__hero {
    padding-bottom: var(--sp-spacing-40)
  }
}

.office-about__head {
  padding-bottom: var(--sp-spacing-20);
  font-size: 32px;
  line-height: 125%;
  font-weight: 600
}

@media (min-width: 961px) {
  .office-about__head {
    padding-bottom: var(--sp-spacing-24);
    font-size: 40px;
    line-height: 100%;
    font-weight: 600
  }
}

.office-about__sub-head-inner {
  width: 100%;
  padding: var(--sp-spacing-40) 0 var(--sp-spacing-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--sp-spacing-10)
}

@media (min-width: 961px) {
  .office-about__sub-head-inner {
    padding: var(--sp-spacing-40) 0 var(--sp-spacing-24)
  }
}

.office-about__sub-head {
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

@media (min-width: 961px) {
  .office-about__sub-head {
    font-size: 32px;
    line-height: 125%;
    font-weight: 600
  }
}

.office-about__hero {
  width: 100%;
  height: auto;
  aspect-ratio: 32/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.office-about__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__slider-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 var(--sp-spacing-8);
  position: relative
}

@media (min-width: 961px) {
  .office-about__slider-inner {
    padding: 0 var(--sp-spacing-8);
    display: grid;
    grid-template-columns: 32px auto 32px;
    gap: 0 var(--sp-spacing-20)
  }
}

@media (min-width: 961px) {
  .office-about__slider-inner:has(.office-about__slider.-is-slider-none) .slide-button {
    display: none
  }
}

.office-about__slider-inner:has(.office-about__slider.-is-slider-none) .office-about__slider-pagination {
  display: none
}

@media (min-width: 961px) {
  .office-about__slider-inner:has(.office-about__slider.-is-slider) .slide-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.office-about__slider-inner .slide-button {
  display: none
}

@media (min-width: 961px) {
  .office-about__slider-inner .slide-button {
    position: relative
  }
}

.office-about__slider-inner .slide-pagination {
  bottom: 0
}

.office-about__slider {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: var(--rd-radius-Lv2)
}

@media (min-width: 961px) {
  .office-about__slider {
    grid-column: 2/3
  }
}

.office-about__slider.-is-slider-none {
  border-radius: 0
}

.office-about__slider.-is-slider-none .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

.office-about__slider.-is-slider-none .swiper-wrapper .swiper-slide {
  border-radius: var(--rd-radius-Lv2);
  overflow: hidden
}

.office-about__slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.office-about__slider .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  aspect-ratio: 32/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.office-about__slider .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__slider-pagination {
  width: 100%;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column: 1/4
}

@media (min-width: 961px) {
  .office-about__slider-pagination {
    height: 40px
  }
}

.office-about__slider-link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (min-width: 961px) {
  .office-about__slider-link:hover {
    opacity: .7
  }
}

.office-about__contact-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-32)
}

@media (min-width: 961px) {
  .office-about__contact-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: var(--sp-spacing-64)
  }
}

.office-about__contact-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-8)
}

@media (min-width: 961px) {
  .office-about__contact-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.office-about__contact-read {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.office-about__contact-link {
  width: 100%;
  padding: var(--sp-spacing-16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-8);
  border-radius: var(--rd-radius-Lv1);
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-white)
}

@media (min-width: 961px) {
  .office-about__contact-link:hover {
    opacity: .7
  }
}

.office-about__contact-link:before {
  content: "";
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.office-about__contact-link.-whatsapp {
  background: var(--clr-whatsapp)
}

.office-about__contact-link.-whatsapp:before {
  background: url(/html/template/default/assets/img/icon_whatsapp-white.svg) no-repeat center/contain
}

.office-about__contact-link.-facebook {
  background: var(--clr-facebook)
}

.office-about__contact-link.-facebook:before {
  background: url(/html/template/default/assets/img/icon_facebook-white.svg) no-repeat center/contain
}

.office-about__popular-car-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-24)
}

@media (min-width: 961px) {
  .office-about__popular-car-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--sp-spacing-40) var(--sp-spacing-24)
  }
}

.office-about__arrival-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-24)
}

@media (min-width: 961px) {
  .office-about__arrival-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--sp-spacing-12)
  }
}

.office-about__choose-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16);
  counter-reset: choose-block
}

@media (min-width: 961px) {
  .office-about__choose-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-spacing-24)
  }
}

.office-about__choose-item {
  width: 100%;
  padding: var(--sp-spacing-8) var(--sp-spacing-16) var(--sp-spacing-16);
  display: grid;
  grid-template-columns: auto 80px;
  border: 1px solid var(--clr-border-middlegray);
  border-radius: var(--rd-radius-Lv1)
}

.office-about__choose-item:before {
  content: counter(choose-block, decimal-leading-zero);
  counter-increment: choose-block;
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600;
  color: var(--clr-text-placeholder)
}

.office-about__choose-head {
  grid-column: 1/2;
  grid-row: 2/3;
  padding-bottom: var(--sp-spacing-4);
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.office-about__choose-read {
  grid-column: 1/2;
  grid-row: 3/4;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.office-about__choose-icon {
  grid-column: 2/3;
  grid-row: 1/4
}

.office-about__choose-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.office-about__ports {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40)
}

@media (min-width: 961px) {
  .office-about__ports {
    display: grid;
    grid-template-columns: 540px auto
  }
}

@media (min-width: 961px) {
  .office-about__ports.-no-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.office-about__ports-image {
  width: 100%;
  height: auto
}

@media (min-width: 961px) {
  .office-about__ports-image {
    grid-column: 1/2
  }
}

.office-about__ports-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

@media (min-width: 961px) {
  .office-about__ports-inner {
    grid-column: 2/3;
    gap: var(--sp-spacing-32)
  }
}

.office-about__ports-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-4)
}

.office-about__ports-head {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.office-about__ports-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.office-about__ports-item {
  color: var(--clr-text-sub);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.office-about__ports-item span {
  color: var(--clr-text-red)
}

.office-about__ports-note {
  padding-top: var(--sp-spacing-4);
  color: var(--clr-text-sub);
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.office-about__ports-note b {
  font-weight: 500
}

.office-about__iframe {
  width: 100%;
  height: 300px;
  padding-top: var(--sp-spacing-40)
}

.office-about__iframe iframe {
  width: 100%;
  height: 100%
}

.office-about__iframe video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__gallery-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-24)
}

@media (min-width: 961px) {
  .office-about__gallery-list.-zimbabwe {
    grid-template-columns: repeat(2, 1fr)
  }
}

.office-about__gallery-list.-zimbabwe .office-about__gallery-item {
  aspect-ratio: 15/7
}

@media (min-width: 961px) {
  .office-about__gallery-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
  }
}

.office-about__gallery-item {
  width: 100%;
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.office-about__gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__single-image {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.office-about__single-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__scheme-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.office-about__scheme-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--sp-spacing-16) var(--sp-spacing-0);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--sp-spacing-10);
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.office-about__scheme-item span {
  color: var(--clr-text-red)
}

.office-about__scheme-item b {
  font-weight: 500
}

.office-about__scheme-item a {
  color: var(--clr-text-red);
  text-decoration: underline;
  text-decoration-color: transparent
}

@media (min-width: 961px) {
  .office-about__scheme-item a:hover {
    text-decoration-color: var(--clr-text-red)
  }
}

.office-about__scheme-head {
  font-size: 24px;
  line-height: 150%;
  font-weight: 400
}

.office-about__scheme-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__scheme-content-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: section
}

.office-about__scheme-content-list:is(ul) li:before {
  content: "・"
}

.office-about__scheme-content-list:is(ol) li:before {
  content: counter(section) ".";
  counter-increment: section
}

.office-about__scheme-content-item {
  padding-left: var(--sp-spacing-24);
  position: relative
}

.office-about__scheme-content-item:before {
  position: absolute;
  right: calc(100% - var(--sp-spacing-20));
  top: 0
}

.office-about__scheme-table {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-8)
}

.office-about__scheme-table-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10);
  overflow-x: auto
}

.office-about__scheme-table-content::-webkit-scrollbar {
  height: 6px
}

.office-about__scheme-table-content::-webkit-scrollbar-thumb {
  width: 50px;
  background: var(--clr-border-darkgray);
  border-radius: var(--rd-radius-full)
}

.office-about__scheme-table-content::-webkit-scrollbar-track {
  background: var(--clr-bg-palegray)
}

.office-about__scheme-table-content table {
  display: table;
  border-collapse: collapse;
  white-space: nowrap;
  table-layout: fixed
}

.office-about__scheme-table-content table tr th, .office-about__scheme-table-content table tr td {
  padding: var(--sp-spacing-10);
  border: 1px solid var(--clr-border-darkgray);
  vertical-align: middle
}

.office-about__scheme-table-content table tr th {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 500;
  background: var(--clr-bg-palegray)
}

.office-about__scheme-table-content table tr td {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.office-about__scheme-table-content table tr td span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.office-about__scheme-table-content table tr td span:has(input) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-10)
}

.office-about__scheme-table-content table tr td p.-red {
  color: var(--clr-text-red)
}

.office-about__scheme-table-title {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__scheme-table-title span {
  color: var(--clr-text-red)
}

.office-about__regulation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-24)
}

.office-about__regulation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--sp-spacing-16) var(--sp-spacing-24);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10);
  border-radius: var(--rd-radius-Lv1);
  border: 1px solid var(--clr-border-middlegray);
  background: var(--clr-bg-white)
}

.office-about__regulation-title {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.office-about__regulation-content {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.office-about__regulation-content a {
  color: var(--clr-text-red)
}

.office-about__article-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

.office-about__article-section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

.office-about__article-head {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400
}

.office-about__article-read {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

@media (min-width: 961px) {
  .office-about__article-read.-image {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: var(--sp-spacing-12)
  }
}

.office-about__article-read span {
  color: var(--clr-text-red)
}

.office-about__article-read b {
  font-weight: 500
}

.office-about__article-read small {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.office-about__article-read a {
  color: var(--clr-text-red);
  text-decoration: underline;
  text-decoration-color: transparent
}

@media (min-width: 961px) {
  .office-about__article-read a:hover {
    text-decoration-color: var(--clr-text-red)
  }
}

.office-about__article-image-flow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-32)
}

@media (min-width: 961px) {
  .office-about__article-image-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--sp-spacing-24)
  }
}

.office-about__article-image-flow figure {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-16)
}

.office-about__article-image-flow figure.-arrow img {
  rotate: 90deg
}

@media (min-width: 961px) {
  .office-about__article-image-flow figure.-arrow img {
    rotate: 0deg
  }
}

.office-about__article-image-flow figure img {
  width: revert-layer;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__article-image-flow figure figcaption {
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__article-read-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.office-about__article-read-image figure {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-10)
}

.office-about__article-read-image figure img {
  width: revert-layer;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__article-read-image figure figcaption {
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__article-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: article-list
}

.office-about__article-list.-number li:before {
  content: counter(article-list) ")";
  counter-increment: article-list
}

.office-about__article-list.-dash li:before {
  content: "-";
  right: calc(100% - var(--sp-spacing-12))
}

.office-about__article-item {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  padding-left: var(--sp-spacing-20);
  position: relative
}

.office-about__article-item:before {
  content: "・";
  position: absolute;
  right: calc(100% - var(--sp-spacing-16));
  top: 0
}

.office-about__article-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.office-about__article-image img {
  width: revert-layer;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.office-about__article-links {
  width: 100%;
  padding-top: var(--sp-spacing-12);
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: var(--sp-spacing-24)
}

@media (min-width: 961px) {
  .office-about__article-links {
    gap: var(--sp-spacing-16) var(--sp-spacing-32)
  }

  .office-about__article-links:has(.button:last-child:nth-child(2n)) {
    grid-template-columns: repeat(2, 1fr)
  }

  .office-about__article-links .button {
    max-width: 480px
  }
}

.office-about__team-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-24)
}

@media (min-width: 961px) {
  .office-about__team-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
  }
}

.office-about__team-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-8)
}

.office-about__team-image {
  width: 100%;
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.office-about__team-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__team-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-4)
}

.office-about__team-head {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.office-about__team-read {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.office-about__social-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--sp-spacing-40);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.office-about__social-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.office-about__social-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  padding-left: var(--sp-spacing-40);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 12px;
  line-height: 150%;
  font-weight: 400
}

.office-about__social-link:before {
  content: "";
  width: 32px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  z-index: 0;
  opacity: 1
}

.office-about__social-link:after {
  content: "";
  width: 32px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  z-index: 1;
  opacity: 0
}

.office-about__social-link.-instagram:before {
  background: url(/html/template/default/assets/img/icon_instagram.svg) no-repeat center/contain
}

.office-about__social-link.-instagram:after {
  background: url(/html/template/default/assets/img/icon_instagram-color.webp) no-repeat center/contain
}

.office-about__social-link.-facebook:before {
  background: url(/html/template/default/assets/img/icon_facebook.svg) no-repeat center/contain
}

.office-about__social-link.-facebook:after {
  background: url(/html/template/default/assets/img/icon_facebook-color.svg) no-repeat center/contain
}

@media (min-width: 961px) {
  .office-about__social-link:hover {
    color: var(--clr-text-red)
  }

  .office-about__social-link:hover:before {
    opacity: 0
  }

  .office-about__social-link:hover:after {
    opacity: 1
  }
}

.office-about__location-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40)
}

.office-about__location-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

.office-about__location-wrap {
  width: 100%;
  padding-top: var(--sp-spacing-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

@media (min-width: 961px) {
  .office-about__location-wrap {
    padding-top: var(--sp-spacing-16);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 500px));
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.office-about__location-head {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.office-about__location-details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

.office-about__location-detail {
  width: 100%;
  display: grid;
  grid-template-columns: 16px auto;
  gap: var(--sp-spacing-4);
  font-size: 12px;
  line-height: 150%;
  font-weight: 400
}

.office-about__location-detail:before {
  content: "";
  width: 16px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--clr-text-black)
}

.office-about__location-detail.-person:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_person.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_person.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-hour:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_schedule.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_schedule.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-tel:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_call.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_call.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-fax:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_fax.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_fax.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-mail:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_mail.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_mail.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-post-address:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_post-office.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_post-office.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-address:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_location-on.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_location-on.svg) no-repeat center/contain
}

.office-about__location-detail.-site:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_site.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_site.svg) no-repeat center/contain;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px
}

.office-about__location-detail.-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.office-about__location-detail.-none:before {
  content: none
}

.office-about__location-detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.office-about__location-map {
  width: 100%;
  aspect-ratio: 35/16;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .office-about__location-map {
    aspect-ratio: initial;
    height: 200px
  }
}

.office-about__location-map:before {
  content: none
}

.office-about__location-map iframe {
  width: 100%;
  height: 100%
}

.office-about__location-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .office-about__location-link:hover {
    color: var(--clr-text-red)
  }
}

.office-about__location-link-with-comment {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.office-about__location-link-with-comment a {
  margin-right: var(--sp-spacing-12)
}

@media (min-width: 961px) {
  .office-about__location-link-with-comment a:hover {
    color: var(--clr-text-red)
  }
}

.office-about__contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.office-about__contact-head {
  width: 100%;
  padding: var(--sp-spacing-40) 0 var(--sp-spacing-20);
  font-size: 24px;
  line-height: 150%;
  font-weight: 400
}

.office-about__contact-form {
  width: 100%;
  padding: var(--sp-spacing-24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-24);
  background: var(--clr-bg-palegray)
}

@media (min-width: 961px) {
  .office-about__contact-form {
    max-width: 720px
  }
}

.office-about__contact-submit {
  width: 240px
}

.office-about__table-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.office-about__table-head {
  width: 100%;
  padding: var(--sp-spacing-40) 0 var(--sp-spacing-20);
  font-size: 24px;
  line-height: 150%;
  font-weight: 400
}

.office-about__table-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-24)
}

.office-about__table-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

.office-about__table-read {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__table-read a {
  color: var(--clr-text-red);
  text-decoration: underline;
  text-decoration-color: transparent
}

@media (min-width: 961px) {
  .office-about__table-read a:hover {
    text-decoration-color: var(--clr-text-red)
  }
}

.office-about__table-read b {
  font-weight: 500
}

.office-about__table-read span {
  color: var(--clr-text-red)
}

.office-about__table-read ul, .office-about__table-read ol {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: section
}

.office-about__table-read ul:is(ul) li:before, .office-about__table-read ol:is(ul) li:before {
  content: "・"
}

.office-about__table-read ul:is(ol) li:before, .office-about__table-read ol:is(ol) li:before {
  content: counter(section) ".";
  counter-increment: section
}

.office-about__table-read ul li, .office-about__table-read ol li {
  padding-left: var(--sp-spacing-24);
  position: relative
}

.office-about__table-read ul li:before, .office-about__table-read ol li:before {
  position: absolute;
  right: calc(100% - var(--sp-spacing-20));
  top: 0
}

.office-about__table {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10);
  overflow-x: auto
}

.office-about__table::-webkit-scrollbar {
  height: 6px
}

.office-about__table::-webkit-scrollbar-thumb {
  width: 50px;
  background: var(--clr-border-darkgray);
  border-radius: var(--rd-radius-full)
}

.office-about__table::-webkit-scrollbar-track {
  background: var(--clr-bg-palegray)
}

.office-about__table table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  white-space: nowrap
}

.office-about__table th, .office-about__table td {
  padding: var(--sp-spacing-10);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  border: 1px solid var(--clr-border-darkgray)
}

.office-about__table thead tr th {
  vertical-align: middle;
  color: var(--clr-text-white);
  background: var(--clr-bg-black);
  border: 1px solid var(--clr-border-white);
  border-bottom: 1px solid var(--clr-border-darkgray)
}

.office-about__table.-double-row thead tr:last-child th {
  color: var(--clr-text-black);
  background: var(--clr-bg-middlegray);
  border: 1px solid var(--clr-border-darkgray)
}

.office-about__table.-double-row thead tr:last-child th:first-child {
  background: var(--clr-bg-palegray)
}

.office-about__table tbody tr th {
  background: var(--clr-bg-palegray)
}

.office-about__table tbody tr td span.-red {
  color: var(--clr-text-red)
}

.office-about__table tbody tr td .input {
  min-width: 160px
}

.office-about__table-caption {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__table-caption a {
  color: var(--clr-text-red);
  text-decoration: underline;
  text-decoration-color: transparent
}

@media (min-width: 961px) {
  .office-about__table-caption a:hover {
    text-decoration-color: var(--clr-text-red)
  }
}

.office-about__calc-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

.office-about__calc-note {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.office-about__calc-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .office-about__calc-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }
}

.office-about__calc-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10);
  overflow-x: auto
}

.office-about__calc-table {
  width: 150%;
  display: table;
  border-collapse: collapse;
  white-space: nowrap;
  table-layout: fixed
}

@media (min-width: 961px) {
  .office-about__calc-table {
    width: 100%
  }
}

.office-about__calc-table tr th, .office-about__calc-table tr td {
  padding: var(--sp-spacing-10);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  border: 1px solid var(--clr-border-darkgray);
  vertical-align: middle;
  white-space: normal
}

.office-about__calc-table tr th {
  width: 220px;
  font-weight: 500;
  text-align: right;
  background: var(--clr-bg-palegray)
}

.office-about__calc-table tr td {
  width: 100%
}

.office-about__calc-table tr td span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.office-about__calc-table tr td span:has(input) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-10)
}

.office-about__calc-table tr td p.-red {
  color: var(--clr-text-red)
}

.office-about__calc-table tr td .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  border-radius: var(--rd-radius-Lv1)
}

.office-about__calc-date {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: var(--sp-spacing-10)
}

.office-about__calc-hr {
  width: 150%;
  height: 1px;
  background: var(--clr-border-darkgray);
  border: none
}

@media (min-width: 961px) {
  .office-about__calc-hr {
    width: 100%
  }
}

.office-about__members-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-spacing-20)
}

@media (min-width: 961px) {
  .office-about__members-list {
    grid-template-columns: repeat(6, 1fr);
    gap: var(--sp-spacing-32) var(--sp-spacing-24)
  }
}

.office-about__members-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-8)
}

@media (min-width: 961px) {
  .office-about__members-item {
    gap: var(--sp-spacing-12)
  }
}

.office-about__members-image {
  width: 100%;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.office-about__members-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.office-about__members-block {
  width: 100%;
  margin-bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-4)
}

.office-about__members-name {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  text-align: center
}

@media (min-width: 961px) {
  .office-about__members-name {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400
  }
}

.office-about__members-position {
  font-size: 10px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-red);
  text-align: center
}

@media (min-width: 961px) {
  .office-about__members-position {
    font-size: 12px;
    line-height: 150%;
    font-weight: 400
  }
}

.office-about__site-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

.office-about__site-wrap, .office-about__site-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

.office-about__site-item {
  width: 100%;
  display: grid;
  grid-template-columns: 100px auto;
  gap: var(--sp-spacing-16)
}

.office-about__site-icon {
  width: 100%;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.office-about__site-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top
}

.office-about__site-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--sp-spacing-10)
}

.office-about__site-head {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400
}

.office-about__site-link {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  text-decoration: underline
}

@media (min-width: 961px) {
  .office-about__site-link:hover {
    color: var(--clr-text-red)
  }
}