.p-office-content01 {
  margin-top: calc(100vw / 375 * 60);
}

.p-office-content01__inner {
  padding: 0 calc(100vw / 375 * 20);
}

.p-office-content01__inner__left__item {
  margin-top: calc(100vw / 375 * 40);
}

.p-office-content01__inner__left__item__heading {
  padding-bottom: calc(100vw / 375 * 20);
  border-bottom: 2px solid #2F6DA1;
}

.p-office-content01__inner__left__item__heading__text {
  font-weight: 400;
  font-size: calc(100vw / 375 * 22);
  line-height: 1.58;
}

.p-office-content01__inner__left__item__list__item {
  margin-top: calc(100vw / 375 * 20);
  padding-bottom: calc(100vw / 375 * 20);
  border-bottom: 1px solid #D6D6D6;
}

.p-office-content01__inner__left__item__list__item__title {
  font-weight: 500;
  font-size: calc(100vw / 375 * 18);
  line-height: 2;
  color: #0E6DA6;
}

.p-office-content01__inner__left__item__list__item__description {
  margin-top: calc(100vw / 375 * 10);
  line-height: 1.875;
}

.p-office-content01__inner__right {
  display: none;
}



.p-office-content01__container__button {
  margin-top: calc(100vw / 375 * 20);
  display: flex;
  justify-content: center;
}

.p-office-content01__container__button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100vw / 375 * 250);
  height: calc(100vw / 375 * 55);
  background: #0E6DA6;
  position: relative;
}

.p-office-content01__container__button__link::after {
  content: "";
  display: block;
  width: calc(100vw / 375 * 24);
  height: calc(100vw / 375 * 24);
  background-image: url("../img/company/office/mapIcon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: calc(100vw / 375 * 30);
  transform: translateY(-50%);
}

.p-office-content01__container__button__link__text {
  color: #ffffff;
}


@media print,
(min-width: 768px) {
  .p-office-content01 {
    margin-top: calc(100vw / 1600 * 139);
  }

  .p-office-content01__inner {
    padding: 0;
    width: calc(100vw / 1600 * 1160);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  .p-office-content01__inner__left {
    width: calc(100vw / 1600 * 862);
  }

  .p-office-content01__inner__left__item {
    margin-top: calc(100vw / 1600 * 80);
  }

  .p-office-content01__inner__left__item:first-of-type {
    margin-top: 0;
  }

  .p-office-content01__inner__left__item__heading {
    padding-bottom: calc(100vw / 1600 * 35);
    border-bottom: 1px solid #2F6DA1;
  }

  .p-office-content01__inner__left__item__heading__text {
    font-size: calc(100vw / 1600 * 24);
  }

  .p-office-content01__inner__left__item__list__item {
    margin-top: calc(100vw / 1600 * 51);
    padding-bottom: calc(100vw / 1600 * 51);
    display: flex;
  }

  .p-office-content01__inner__left__item__list__item__title {
    font-size: calc(100vw / 1600 * 20);
    line-height: calc(100vw / 1600 * 30);
    width: calc(100vw / 1600 * 280);
    flex-shrink: 0;
  }

  .p-office-content01__inner__left__item__list__item__description {
    margin-top: 0;
    width: calc(100vw / 1600 * 412);
  }

  .p-office-content01__inner__right {
    display: block;
    width: calc(100vw / 1600 * 266);
    position: relative;
  }

  .p-office-content01__inner__right__list__item {
    height: calc(100vw / 1600 * 70);
    border-bottom: 1px solid #D6D6D6;
  }

  .p-office-content01__inner__right__list__item__link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 calc(100vw / 1600 * 20);
    position: relative;
    transition: 0.3s;
  }

  .p-office-content01__inner__right__list__item__link::before,
  .p-office-content01__inner__right__list__item__link::after {
    content: "";
    display: block;
    width: calc(100vw / 1600 * 13);
    height: calc(100vw / 1600 * 8);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: calc(100vw / 1600 * 20);
    transform: translateY(-50%);
  }

  .p-office-content01__inner__right__list__item__link::before {
    background-image: url("../img/company/office/arrowIcon01.svg");
  }

  .p-office-content01__inner__right__list__item__link::after {
    background-image: url("../img/company/office/arrowIcon02.svg");
    opacity: 0;
  }

  .p-office-content01__inner__right__list__item__link__text {
    font-size: calc(100vw / 1600 * 20);
  }

  .p-office-content01__inner__right__list__item__link:hover {
    opacity: 0.7;
  }

  .p-office-content01__inner__right__list__item.is-active {
    border-bottom: 1px solid #2F6DA1;
    background: rgba(243, 242, 248, 0.7);
  }

  .p-office-content01__inner__right__list__item.is-active .p-office-content01__inner__right__list__item__link::after {
    opacity: 1;
  }

  .p-office-content01__inner__right__list.float {
    position: fixed;
    top: calc(100vw / 1600 * 200);
    width: calc(100vw / 1600 * 266);
  }

  .p-office-content01__inner__right__list.float.fixed {
    position: absolute;
    top: auto;
    bottom: 0;
  }

  .p-office-content01__container__button {
    margin-top: 0;
    justify-content: flex-start;
    z-index: 99;
  }

  .p-office-content01__container__button__link {
    width: calc(100vw / 1600 * 144);
    height: calc(100vw / 1600 * 40);
    margin-left: calc(100vw / 1600 * 24);
    padding-right: calc(100vw / 1600 * 12);
    transition: 0.3s;
  }

  .p-office-content01__container__button__link::after {
    width: calc(100vw / 1600 * 16);
    height: calc(100vw / 1600 * 28);
    right: calc(100vw / 1600 * 12);
  }

  .p-office-content01__container__button__link:hover {
    opacity: 0.7;
  }
}

.p-office-content02 {
  margin-top: calc(100vw / 375 * 60);
  padding-bottom: calc(100vw / 375 * 60);
}

.p-office-content02__inner {
  padding: 0 calc(100vw / 375 * 20);
}

.p-office-content02__inner__list__item {
  padding-bottom: calc(100vw / 375 * 40);
  position: relative;
}

.p-office-content02__inner__list__item::after {
  content: "";
  display: block;
  width: calc(100vw / 375 * 150);
  height: 0;
  border-bottom: 1px solid #D6D6D6;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
}

.p-office-content02__inner__list__item:last-of-type {
  padding-bottom: 0;
}

.p-office-content02__inner__list__item:last-of-type::after {
  content: none;
}

.p-office-content02__inner__list__item + .p-office-content02__inner__list__item {
  margin-top: calc(100vw / 375 * 40);
}

.p-office-content02__inner__list__item__heading {
  font-weight: 500;
  font-size: calc(100vw / 375 * 20);
  line-height: 1.67;
  text-align: center;
}

.p-office-content02__inner__list__item__heading02 {
  font-weight: 500;
  font-size: calc(100vw / 375 * 16);
  line-height: 1.75;
  margin-top: calc(100vw / 375 * 10);
  padding-left: calc(100vw / 375 * 40);
}

.p-office-content02__inner__list__item__tel {
  margin-top: calc(100vw / 375 * 5);
}

.p-office-content02__inner__list__item__tel__link {
  display: flex;
  align-items: center;
}

.p-office-content02__inner__list__item__tel__link__img {
  width: calc(100vw / 375 * 28);
  flex-shrink: 0;
  margin-right: calc(100vw / 375 * 10);
}

.p-office-content02__inner__list__item__tel__link__text {
  flex-grow: 1;
  font-family: 'Abel', sans-serif;
  font-size: calc(100vw / 375 * 36);
  line-height: 1.275;
  letter-spacing: 0.053em;
  color: #0E6DA6;
}

.p-office-content02__inner__list__item__fax {
  font-family: 'Abel', sans-serif;
  font-size: calc(100vw / 375 * 18);
  line-height: 1.3;
  letter-spacing: 0.053em;
  margin-top: calc(100vw / 375 * 5);
  padding-left: calc(100vw / 375 * 40);
}

.p-office-content02__inner__list__item__mail {
  font-family: 'Abel', sans-serif;
  font-size: calc(100vw / 375 * 18);
  line-height: 1.3;
  letter-spacing: 0.053em;
  margin-top: calc(100vw / 375 * 5);
  padding-left: calc(100vw / 375 * 40);
}

@media print,
(min-width: 768px) {
  .p-office-content02 {
    margin-top: calc(100vw / 1600 * 150);
    padding-bottom: calc(100vw / 1600 * 162);
  }

  .p-office-content02__inner {
    padding: 0;
  }

  .p-office-content02__inner__list {
    display: flex;
    justify-content: center;
  }

  .p-office-content02__inner__list__item {
    padding: 0 calc(100vw / 1600 * 24) 0 calc(100vw / 1600 * 32);
    width: calc(100vw / 1600 * 414);
  }

  .p-office-content02__inner__list__item::after {
    width: 0;
    height: calc(100vw / 1600 * 128);
    border-bottom: none;
    border-right: 1px solid #D6D6D6;
    bottom: 50%;
    right: 0;
    transform: translateY(50%);
  }

  .p-office-content02__inner__list__item + .p-office-content02__inner__list__item {
    margin-top: 0;
  }

  .p-office-content02__inner__list__item__heading {
    font-size: calc(100vw / 1600 * 24);
  }

  .p-office-content02__inner__list__item__heading02 {
    font-size: calc(100vw / 1600 * 20);
    margin-top: calc(100vw / 1600 * 29);
    padding-left: calc(100vw / 1600 * 58);
  }

  .p-office-content02__inner__list__item__tel {
    margin-top: calc(100vw / 1600 * 6);
  }

  .p-office-content02__inner__list__item__tel__link__img {
    width: calc(100vw / 1600 * 44);
    margin-right: calc(100vw / 1600 * 13);
  }

  .p-office-content02__inner__list__item__tel__link__text {
    font-size: calc(100vw / 1600 * 40);
  }

  .p-office-content02__inner__list__item__fax {
    font-size: calc(100vw / 1600 * 18);
    margin-top: calc(100vw / 1600 * 4);
    padding-left: calc(100vw / 1600 * 58);
  }

  .p-office-content02__inner__list__item__mail {
    font-size: calc(100vw / 1600 * 18);
    margin-top: calc(100vw / 1600 * 4);
    padding-left: calc(100vw / 1600 * 58);
  }

  .p-office-content02__inner__list__item__mail__link {
    transition: 0.3s;
  }

  .p-office-content02__inner__list__item__mail__link:hover {
    opacity: 0.7;
  }
}

.p-office-mainVisual {
  height: calc(100vw / 375 * 320);
  padding-top: calc(100vw / 375 * 20);
  background-image: url("../img/company/office/mainImg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.p-office-mainVisual__inner {
  padding: 0 calc(100vw / 375 * 20);
}

.p-office-mainVisual__inner__heading {
  display: flex;
  flex-direction: column;
}

.p-office-mainVisual__inner__heading__text01 {
  font-family: 'Abel', sans-serif;
  font-weight: 400;
  font-size: calc(100vw / 375 * 30);
  line-height: 1.34;
  letter-spacing: 0.053em;
  color: #ffffff;
}

.p-office-mainVisual__inner__heading__text02 {
  font-weight: 500;
  font-size: calc(100vw / 375 * 20);
  color: #ffffff;
}

@media print,
(min-width: 768px) {
  .p-office-mainVisual {
    height: calc(100vw / 1600 * 672);
    padding-top: calc(100vw / 1600 * 148);
  }

  .p-office-mainVisual__inner {
    padding: 0;
    width: calc(100vw / 1600 * 1160);
    margin: 0 auto;
  }

  .p-office-mainVisual__inner__heading__text01 {
    font-size: calc(100vw / 1600 * 50);
  }

  .p-office-mainVisual__inner__heading__text02 {
    font-size: calc(100vw / 1600 * 30);
    margin-top: calc(100vw / 1600 * 5);
  }
}