@charset "UTF-8";
:root {
  --color-accent-01: #8eb947;
  --text-color-main: #000;
  --color-white: #fff;
  --color-black-01: #333;
  --color-gray-01: #a8a8a8;
  --color-gray-02: #707070;
  --color-gray-03: #ededed;
  --color-gray-04: #8b8b8b;
  --color-gray-05: #aaa;
  --color-blue-01: #006195;
  --color-blue-02: #f4ffff;
  --color-blue-03: #37b9ef;
  --color-green-02: #f4fde8;
  --color-yellow-01: #fcf7c2;
  --color-yellow-02: #ffe624;
  --color-yellow-03: #ffe625;
  --color-pink-01: #e470a5;
  --color-pink-02: #df5695;
  --color-brown-01: #946449;
  --color-purple-01: #81207b;
}

/*----------------------------------
 ページ内共通
----------------------------------*/
.page-office footer {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

.page-office .copyright {
  -webkit-margin-before: 27.2vw;
          margin-block-start: 27.2vw;
}
@media (width >= 600px) {
  .page-office .copyright {
    -webkit-margin-before: 19.53125vw;
            margin-block-start: 19.53125vw;
  }
}
@media (width >= 1025px) {
  .page-office .copyright {
    -webkit-margin-before: 150px;
            margin-block-start: 150px;
  }
}

/*----------------------------------
 事業所情報
----------------------------------*/
.office {
  -webkit-padding-before: 9.8666666667vw;
          padding-block-start: 9.8666666667vw;
  border-top: 1px solid var(--color-gray-05);
}
@media (width >= 600px) {
  .office {
    -webkit-padding-before: 9.6354166667vw;
            padding-block-start: 9.6354166667vw;
  }
}
@media (width >= 1025px) {
  .office {
    -webkit-padding-before: 74px;
            padding-block-start: 74px;
  }
}

.office__area {
  -webkit-margin-before: 9.6vw;
          margin-block-start: 9.6vw;
}
@media (width >= 600px) {
  .office__area {
    -webkit-margin-before: 7.8125vw;
            margin-block-start: 7.8125vw;
  }
}
@media (width >= 1025px) {
  .office__area {
    -webkit-margin-before: 60px;
            margin-block-start: 60px;
  }
}
.office__area:nth-of-type(n + 3) {
  -webkit-margin-before: 12.2666666667vw;
          margin-block-start: 12.2666666667vw;
  -webkit-padding-before: 9.3333333333vw;
          padding-block-start: 9.3333333333vw;
  border-top: 1px solid var(--color-gray-05);
}
@media (width >= 600px) {
  .office__area:nth-of-type(n + 3) {
    -webkit-margin-before: 7.8125vw;
            margin-block-start: 7.8125vw;
    -webkit-padding-before: 7.2916666667vw;
            padding-block-start: 7.2916666667vw;
  }
}
@media (width >= 1025px) {
  .office__area:nth-of-type(n + 3) {
    -webkit-margin-before: 60px;
            margin-block-start: 60px;
    -webkit-padding-before: 56px;
            padding-block-start: 56px;
  }
}

.office__list {
  -webkit-margin-before: 8.2666666667vw;
          margin-block-start: 8.2666666667vw;
}
@media (width >= 600px) {
  .office__list {
    -webkit-margin-before: 4.9479166667vw;
            margin-block-start: 4.9479166667vw;
  }
}
@media (width >= 1025px) {
  .office__list {
    -webkit-margin-before: 38px;
            margin-block-start: 38px;
  }
}

@media (width >= 600px) {
  .office__list .l-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 12%;
  }
}

@media (width >= 600px) {
  .office__group {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 440px;
  }
}
.office__group:nth-child(n+2) {
  -webkit-margin-before: 9.3333333333vw;
          margin-block-start: 9.3333333333vw;
}
@media (width >= 600px) {
  .office__group:nth-child(n+2) {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}

.office__group .c-content__title {
  -webkit-margin-after: 3.2vw;
          margin-block-end: 3.2vw;
}
@media (width >= 600px) {
  .office__group .c-content__title {
    -webkit-margin-after: 1.5625vw;
            margin-block-end: 1.5625vw;
  }
}
@media (width >= 1025px) {
  .office__group .c-content__title {
    -webkit-margin-after: 12px;
            margin-block-end: 12px;
  }
}

.office__title--sub {
  -webkit-margin-after: 1.8666666667vw;
          margin-block-end: 1.8666666667vw;
  font-weight: bold;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  color: var(--color-accent-01);
}
@media (width >= 600px) {
  .office__title--sub {
    -webkit-margin-after: 0.9114583333vw;
            margin-block-end: 0.9114583333vw;
    font-size: 2.0833333333vw;
  }
}
@media (width >= 1025px) {
  .office__title--sub {
    -webkit-margin-after: 7px;
            margin-block-end: 7px;
    font-size: 16px;
  }
}

.office__list-image {
  -webkit-margin-after: 4.5333333333vw;
          margin-block-end: 4.5333333333vw;
  padding: 1.6vw;
  background-color: var(--color-white);
  -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
          box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
}
@media (width >= 600px) {
  .office__list-image {
    -webkit-margin-after: 2.2135416667vw;
            margin-block-end: 2.2135416667vw;
    padding: 0.9114583333vw;
    -webkit-box-shadow: 0 0.390625vw 0.78125vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.390625vw 0.78125vw rgba(0, 0, 0, 0.16);
  }
}
@media (width >= 1025px) {
  .office__list-image {
    -webkit-margin-after: 17px;
            margin-block-end: 17px;
    padding: 7px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.office__list-image img {
  width: 100%;
}

.office__box:nth-of-type(n + 2) {
  -webkit-margin-before: 5.6vw;
          margin-block-start: 5.6vw;
}
@media (width >= 600px) {
  .office__box:nth-of-type(n + 2) {
    -webkit-margin-before: 2.734375vw;
            margin-block-start: 2.734375vw;
  }
}
@media (width >= 1025px) {
  .office__box:nth-of-type(n + 2) {
    -webkit-margin-before: 21px;
            margin-block-start: 21px;
  }
}