@charset "UTF-8";

/* 国内拠点マップ
----------------------------------------------------------------------*/
.japan-office-map {
  width: 100%;
  margin: 40px auto;
}

/* PC用：ベース画像の上にテキストリンクを配置 */
.japan-office-map__pc {
  display: block;
  width: 100%;
}

.japan-office-map__inner {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  aspect-ratio: 2 / 1;
  container-type: inline-size;
}

.japan-office-map__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
}

.japan-office-map__link {
  position: absolute;
  z-index: 2;
  color: #00328d !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .2s ease;
}

.japan-office-map__inner a.-red {
  color: #cb0010 !important;
  text-decoration: none;
}
  
.japan-office-map__link a.-tokyo {
  text-decoration: none;
}

.japan-office-map__link:hover,
.japan-office-map__link:focus-visible {
  opacity: .65;
}

.japan-office-map__link.-akita       { left: 48.4%; top: 26.6%; }
.japan-office-map__link.-nagano      { left: 34.2%; top: 35.9%; }
.japan-office-map__link.-kanazawa    { left: 34.2%; top: 44.8%; }
.japan-office-map__link.-nagoya      { left: 34.2%; top: 53.5%; }
.japan-office-map__link.-fukuoka     { left: 14.7%; top: 55.6%; }
.japan-office-map__link.-osaka       { left: 32%; top: 83.0%; }
.japan-office-map__link.-sendai      { left: 71.5%; top: 39%; }
.japan-office-map__link.-saitama     { left: 69.5%; top: 52.4%; }
.japan-office-map__link.-east-kanto { left: 67.5%; top: 59.0%; }
.japan-office-map__link.-tokyo { left: 71.3%; top: 65.5%; }
.japan-office-map__link.-new-business-promotion { left: 60%; top: 71.8%; }
.japan-office-map__link.-head-office  { left:74.9%; top: 78.2%; }
.japan-office-map__link.-tokyo-tech  { left: 57.8%; top: 85%; }

/* スマホ用：拠点名入り画像＋リンク一覧 */
.japan-office-map__sp {
  display: none;
}

.japan-office-map__sp-image {
  display: block;
  width: 100%;
  height: auto;
}

.japan-office-map__sp-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.japan-office-map__sp-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 9px 8px;
  border: 1px solid #00328d;
  color: #00328d !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  background: #fff;
}

.japan-office-map__sp-list a.-red {
  color: #cb0010 !important;
  border-color: #cb0010;
}

/* 固定ヘッダー（高さ80px）を考慮したアンカー位置 */
.ttl-office[id] {
  scroll-margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .japan-office-map {
    margin: 25px auto 40px;
  }

  .japan-office-map__pc {
    display: none;
  }

  .japan-office-map__sp {
    display: block;
  }

  .ttl-office[id] {
    scroll-margin-top: 75px;
  }
  .japan-office-map__sp-list a {
      min-height: 38px;
      padding: 5px;
      font-size: 13px;
      font-weight: 500;
  }
}

@media screen and (max-width: 374px) {
  .japan-office-map__sp-list {
    grid-template-columns: 1fr;
  }
}

/* 海外拠点マップ
----------------------------------------------------------------------*/
.global-office-map {
  width: 100%;
  margin: 40px auto;
}

.global-office-map__pc {
  display: block;
  width: 100%;
}

.global-office-map__sp {
  display: none;
}

.global-office-map__inner {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  aspect-ratio: 2 / 1;
}

.global-office-map__image,
.global-office-map__sp-image {
  display: block;
  width: 100%;
  height: auto;
}

.global-office-map__link {
  position: absolute;
  z-index: 2;
  color: #00328d !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .2s ease;
}
.global-office-map__link:hover,
.global-office-map__link:focus-visible {
  opacity: .65;
}

.global-office-map__link.-europe    { left: 3.6%;  top: 46.7%; }
.global-office-map__link.-suzhou    { left: 36.3%; top: 28.0%; }
.global-office-map__link.-shenzhen  { left: 36.3%; top: 39.2%; }
.global-office-map__link.-tianjin   { left: 59.6%; top: 13.2%; }
.global-office-map__link.-shanghai  { left: 59.6%; top: 20.4%; }
.global-office-map__link.-korea     { left: 59.6%; top: 28.4%; }
.global-office-map__link.-taiwan    { left: 59.6%; top: 47.9%; }
.global-office-map__link.-hongkong  { left: 59.6%; top: 56.1%; }
.global-office-map__link.-thailand  { left: 34.6%; top: 63.0%; }
.global-office-map__link.-singapore { left: 26.0%; top: 73.9%; }
.global-office-map__link.-indonesia { left: 52.2%; top: 71.5%; }

.global-office-map__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.global-office-map__list a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 9px 8px;
  border: 1px solid #00328d;
  color: #00328d !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  background: #fff;
}

.global-office-map__list a:hover,
.global-office-map__list a:focus-visible {
  opacity: .65;
}

/* 固定ヘッダーを考慮したアンカー位置 */
.ttl-office[id] {
  scroll-margin-top: 110px;
}

@media screen and (max-width: 768px) {
  .global-office-map {
    margin: 25px auto 40px;
  }

  .global-office-map__pc {
    display: none;
  }

  .global-office-map__sp {
    display: block;
  }

  .ttl-office[id] {
    scroll-margin-top: 75px;
  }
  .global-office-map__list a {
      min-height: 38px;
      padding: 5px;
      font-size: 13px;
      font-weight: 500;
  }
}

@media screen and (max-width: 374px) {
  .global-office-map__list {
    grid-template-columns: 1fr;
  }
}