/* 「現在地から当院までの案内をGoogle Mapsで確認する」ボタン（2026-11-14）
   白地＋Googleの4色の枠＋ピンのロゴ＋濃いグレー文字。Googleマップの見た目に寄せる。 */
.cta.new-tab-link.new-tab-map-link{
  gap:12px;padding:10px 18px;min-height:60px;border:3px solid transparent;border-radius:10px;
  color:#3c4043;font-weight:700;line-height:1.35;white-space:normal;box-shadow:0 1px 3px rgba(60,64,67,.25);
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,#4285f4 0 34%,#ea4335 34% 100%) top/100% 50% no-repeat border-box,
    linear-gradient(90deg,#4285f4 0 34%,#fbbc04 34% 67%,#34a853 67% 100%) bottom/100% 50% no-repeat border-box;
}
.cta.new-tab-link.new-tab-map-link:hover{
  color:#202124;translate:none;box-shadow:0 2px 6px rgba(60,64,67,.3);
  background:
    linear-gradient(#f8f9fa,#f8f9fa) padding-box,
    linear-gradient(90deg,#4285f4 0 34%,#ea4335 34% 100%) top/100% 50% no-repeat border-box,
    linear-gradient(90deg,#4285f4 0 34%,#fbbc04 34% 67%,#34a853 67% 100%) bottom/100% 50% no-repeat border-box;
}
.cta.new-tab-map-link:focus-visible{outline:3px solid #1a73e8;outline-offset:3px}
.cta.new-tab-map-link .new-tab-label{white-space:normal;text-align:center}
.cta.new-tab-map-link .new-tab-existing-arrow{display:none}
.cta.new-tab-map-link .new-tab-tail{margin-left:6px;color:#5f6368}
.gmaps-text > span{display:inline-block;white-space:nowrap}
.gmaps-logo{flex:none;display:block;width:22px;height:auto}
@media (max-width:767px){
  .cta.new-tab-link.new-tab-map-link{gap:10px;padding:8px 12px;font-size:14px}
  .gmaps-logo{width:20px}
}
.access-routes .cta.new-tab-map-link{width:100%;max-width:600px;margin:16px auto 8px}