.map-btn-office,.map-btn-txt,.office-map{cursor: pointer;}
.map-btn-txt{ font-family: "Noto Sans JP", YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif; font-size: 14px;}
.map-btn-office.hover,.map-btn-round.hover{ fill: #000;}
.map-btn-line.hover{stroke:#000}
.office-map.hover:not(:has(.office-map-bg)),
.office-map.hover .office-map-bg{fill:#5A86BE}


.office-map.hover:has(.oblique-line) .office-map-bg{fill:#B3CC54}
.office-map.hover:has(.dot-cover) .office-map-bg{fill:#E99D26}
.office-map.tokyo-map.hover{fill:#D56361;}


.map-btn-office,.map-btn-round,.office-map{ transition: fill 0.3s;}
.map-btn-line{transition: stroke 0.3s ease;}

.aboutus-office_prefLabel{white-space: nowrap;}
.aboutus-office_map iframe{width: 100%!important; aspect-ratio:60/45}

.office-map{ display: block;}
.oblique-line,.dot-cover{mix-blend-mode: overlay; isolation: isolate;}
.oblique-line,.dot-cover,.oblique-line,path[class$="-outline"]{pointer-events: none;}

@media (min-width: 769px) {
.st-box01{margin-bottom: 100px;}
#office-maps{max-width: 100%; height: auto;}
.aboutus-office_item { padding-top: 100px; margin-top: -100px;}
}
@media (max-width: 768.98px){
.aboutus-office_head{position: relative;}
.aboutus-office_head::before{
  content: "";
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/assets/image/icon/icn-accordion_open01.svg");
  background-size: contain;
  width: 28px;
  height: 28px;
}
.aboutus-office_head.is-active::before {
  background-image: url("/assets/image/icon/icn-accordion_close01.svg");
}
.aboutus-office_prefWrap{padding-top: 0.6em}
.aboutus-office_pref{ margin-right: 44px;}
}