/* 電話アイコン */
.header-default .header-utils a.tel-link::before {
  content: "\f095"; /* fa-phone */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 7px;
}
/* 協力会社 → ユーザーアイコン例 */
.header-default .header-utils a.partner-link::before {
  content: "";
    width: 9px;
    height: 16px;
    display: inline-block;
    background: url(/images/common/key_mark.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 7px;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: -1.5em;
    top: 0;
    bottom: 0;
    left: 0;
}
.offices {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 横に4列 */
  gap: 20px; /* 要素間の余白 */
}

.office {
  color: white; /* 文字色（例: 白） */
  font-size: 15px;
    line-height: normal;
}
.office strong {
  font-size: 17px; /* 事務所名を少し強調 */
  font-weight: bold;
  margin-bottom: 4px;
}
/* 1200px以下 → 3列 */
@media (max-width: 1200px) {
  .offices {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 900px以下 → 2列 */
@media (max-width: 900px) {
  .offices {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 600px以下 → 1列 */
@media (max-width: 600px) {
  .offices {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
    .header-default .header-utils a::before {
        background: none;
    }
}