@charset "UTF-8";
/* Zurich fire footer: extracted from the user-provided source JSON.
   Source: https://www.zurich.co.jp/fire/
   Captured: 2026-10-14T10:55:26.471Z
   HTML: original .l-subnav and <footer>; one unique ID added to each.
   CSS: original matched rules, order, breakpoints and values preserved,
        except private font/custom-property aliases and rebased font URLs.
   No global reset, body/html styling, JavaScript, or asset binaries.
*/

@font-face {
  font-family: ZrhFireFooterNotoSansJP;
  font-style: normal;
  font-weight: 350 700;
  src: url(/-/Media/jpz/zrh/fire/font/NotoSansJP-VariableFont_wght-woff2.woff2) format("woff2"),url(/-/Media/jpz/zrh/fire/font/NotoSansJP-VariableFont_wght-ttf.ttf) format("truetype");
  font-display: swap;
}

#zrh-fire-footer {
  --zrh-fire-footer-mh--line-height--md: 1.5;
  --zrh-fire-footer-z-ct-hover: var(--zrh-fire-footer-zc-blue-light);
  --zrh-fire-footer-z-link--color--hover: var(--zrh-fire-footer-zc-blue-mid);
  --zrh-fire-footer-z-sans: "ZrhFireFooterNotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif !important;
  --zrh-fire-footer-zc-blue-light: #91BFE3;
  --zrh-fire-footer-zc-blue-mid: #5495CF;
  --zrh-fire-footer-zc-blue-zurich: #2167AE;
}

/* Local guard: preserve HTML element defaults while removing host author styles.
   This is NOT all:initial. Every selector below is confined to this footer. */
#zrh-fire-footer,
#zrh-fire-footer *,
#zrh-fire-footer::before,
#zrh-fire-footer::after,
#zrh-fire-footer *::before,
#zrh-fire-footer *::after {
  all: revert;
}

/* Inherited baseline from the captured document (html/body).
   16px is the original root size; the footer's design rules use px, not rem. */
#zrh-fire-footer {
  font-family: var(--zrh-fire-footer-z-sans);
  font-size: 16px;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-optical-sizing: auto;
  font-kerning: auto;
  font-size-adjust: none;
  font-synthesis: weight style small-caps;
  line-height: var(--zrh-fire-footer-mh--line-height--md);
  letter-spacing: normal;
  word-spacing: 0px;
  text-align: start;
  text-align-last: auto;
  text-indent: 0px;
  text-transform: none;
  text-shadow: none;
  text-decoration: none;
  text-overflow: clip;
  text-emphasis: none;
  text-underline-offset: auto;
  text-underline-position: auto;
  white-space: normal;
  text-wrap: wrap;
  word-break: normal;
  overflow-wrap: normal;
  line-break: auto;
  hyphens: manual;
  tab-size: 8;
  direction: ltr;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  color-scheme: normal;
  visibility: visible;
  cursor: auto;
  pointer-events: auto;
  user-select: auto;
  list-style: disc outside none;
  text-size-adjust: auto;
  -webkit-text-size-adjust: auto;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0 currentColor;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);
}

/* Source rules in the original cascade order. */

#zrh-fire-footer * img {
  width: 100%;
  height: auto;
}

#zrh-fire-footer.l-footer {
  display: block;
  color: #fff;
}

#zrh-fire-footer .l-footer__inner {
  padding: 40px 30px;
  margin-right: auto;
  margin-left: auto;
}

#zrh-fire-footer.l-footer .l-footer__sec {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  grid-auto-flow: unset;
  grid-auto-columns: unset;
  width: 100%;
}

#zrh-fire-footer.l-footer .l-footer__sec+.l-footer__sec {
  margin-top: 40px;
}

#zrh-fire-footer.l-footer .l-footer__sec>div {
  width: 100%;
  font-weight: 350;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  margin: 0 0 24px;
}

#zrh-fire-footer.l-footer .l-footer__sec>div a {
  text-decoration: none;
  color: inherit;
  transition: all .2s ease;
}

@media (min-width: 768px) {
  #zrh-fire-footer .l-footer__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 73px 39px;
  }

  #zrh-fire-footer.l-footer .l-footer__sec {
    max-width: 60%;
  }

  #zrh-fire-footer.l-footer .l-footer__sec+.l-footer__sec {
    margin-top: 0;
  }

  #zrh-fire-footer.l-footer .l-footer__sec:nth-child(1) {
    max-width: calc(100% - 240px);
  }

  #zrh-fire-footer.l-footer .l-footer__sec:nth-child(2) {
    max-width: 240px;
  }
}

@media (min-width: 992px) {
  #zrh-fire-footer .l-footer__inner {
    max-width: 1190px;
    padding: 33px 40px;
  }

  #zrh-fire-footer.l-footer .l-footer__sec {
    flex-direction: row;
  }

  #zrh-fire-footer.l-footer .l-footer__sec>div {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-footer.l-footer .l-footer__sec:nth-child(1) {
    max-width: calc(100% - 380px);
  }

  #zrh-fire-footer.l-footer .l-footer__sec:nth-child(2) {
    max-width: 380px;
  }
}

@media (hover: hover) and (pointer: fine) {
  #zrh-fire-footer.l-footer>div a:hover {
    opacity: .7;
    text-decoration: underline;
  }
}

#zrh-fire-footer .l-footer-list {
  width: 100%;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

#zrh-fire-footer .l-footer-list:nth-of-type(2) {
  margin-top: 12px;
}

#zrh-fire-footer .l-footer-list:nth-of-type(3) {
  margin-top: 32px;
}

#zrh-fire-footer .l-footer-list li+li {
  margin-top: 10px;
}

#zrh-fire-footer .l-footer-list li a {
  width: fit-content;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  padding: 0;
  text-wrap: unset;
  text-decoration: none;
  color: #fff;
}

@media (min-width: 768px) {
  #zrh-fire-footer .l-footer-list:nth-of-type(3) {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  #zrh-fire-footer .l-footer-list {
    width: 213px;
    margin-right: 30px;
  }

  #zrh-fire-footer .l-footer-list:nth-of-type(n) {
    margin-top: 0;
  }

  #zrh-fire-footer .l-footer-list:last-of-type {
    margin-right: 0;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  #zrh-fire-footer .l-footer-list:nth-of-type(2) {
    width: 160px;
  }
}

@media (hover: hover) and (pointer: fine) {
  #zrh-fire-footer .l-footer-list li a {
    transition: color .2s ease;
  }

  #zrh-fire-footer .l-footer-list li a:hover {
    color: var(--zrh-fire-footer-z-ct-hover);
  }
}

#zrh-fire-footer .l-footer-sns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: -8px auto 0;
  width: 100%;
}

#zrh-fire-footer .l-footer-sns li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #fff;
}

#zrh-fire-footer .l-footer-sns li a.is-facebook {
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/facebook--w.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/facebook--w.svg);
}

#zrh-fire-footer .l-footer-sns li a.is-twitter {
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/twitter--w.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/twitter--w.svg);
}

#zrh-fire-footer .l-footer-sns li a.is-instagram {
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/instagram--w.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/instagram--w.svg);
}

#zrh-fire-footer .l-footer-sns li a.is-tiktok {
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/tiktok--w.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/tiktok--w.svg);
}

#zrh-fire-footer .l-footer-sns li a.is-youtube {
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/youtube--w.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/social/youtube--w.svg);
}

#zrh-fire-footer .l-footer-sns li a.is-gm {
  background: none;
  border-radius: 50%;
}

#zrh-fire-footer .l-footer-sns li a.is-gm img {
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  border-radius: 50%;
}

@media (min-width: 768px) {
  #zrh-fire-footer .l-footer-sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  #zrh-fire-footer .l-footer-sns li {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  #zrh-fire-footer .l-footer-sns {
    margin-top: -13px;
  }
}

@media (hover: hover) and (pointer: fine) {
  #zrh-fire-footer .l-footer-sns li a {
    transition: all .2s ease;
  }

  #zrh-fire-footer .l-footer-sns li a:hover {
    background: var(--zrh-fire-footer-z-link--color--hover);
  }

  #zrh-fire-footer .l-footer-sns li a.is-gm:hover {
    background: none;
    opacity: .7;
  }
}

#zrh-fire-footer .l-footer-nav {
  width: 100%;
  margin-top: 25px;
}

#zrh-fire-footer .l-footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  list-style: none;
  padding: 0;
  margin: 0 -10px -16px;
}

#zrh-fire-footer .l-footer-nav ul li {
  margin: 0 5px 12px;
  line-height: 1.4;
}

#zrh-fire-footer .l-footer-nav ul li a,
#zrh-fire-footer .l-footer-nav ul li span {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  #zrh-fire-footer .l-footer-nav {
    order: 3;
    margin-top: 40px;
  }

  #zrh-fire-footer .l-footer-nav ul {
    margin: 0;
    justify-content: space-between;
  }

  #zrh-fire-footer .l-footer-nav ul li {
    margin: 0;
  }

  #zrh-fire-footer .l-footer-nav ul li a,
  #zrh-fire-footer .l-footer-nav ul li span {
    font-weight: 500;
  }
}

@media (min-width: 992px) {
  #zrh-fire-footer .l-footer-nav {
    max-width: 380px;
    margin: 10px 0 0 auto;
  }

  #zrh-fire-footer .l-footer-nav ul {
    margin: 0 -24px -8px 0;
    justify-content: flex-start;
  }

  #zrh-fire-footer .l-footer-nav ul li {
    margin: 0 24px 8px 0;
  }

  #zrh-fire-footer .l-footer-nav ul li:nth-child(3) {
    margin-right: 40px;
  }

  #zrh-fire-footer .l-footer-nav ul li:last-child {
    margin-right: 0;
  }
}

@media (hover: hover) and (pointer: fine) {
  #zrh-fire-footer .l-footer-nav li a {
    transition: color .2s ease;
  }

  #zrh-fire-footer .l-footer-nav li a:hover {
    color: var(--zrh-fire-footer-z-ct-hover);
  }
}

#zrh-fire-footer.u-bg-blue-zurich {
  background-color: var(--zrh-fire-footer-zc-blue-zurich);
}

#zrh-fire-footer, #zrh-fire-footer * {
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

#zrh-fire-footer, #zrh-fire-footer * {
  font-family: var(--zrh-fire-footer-z-sans);
}

/* Added .l-subnav block from the same captured source.
   No new wrapper, no rewritten links, no JavaScript added.
   Mobile toggle display still depends on the original toggle handler. */

#zrh-fire-subnav {
  --zrh-fire-subnav-mh--line-height--md: 1.5;
  --zrh-fire-subnav-z-sans: "ZrhFireFooterNotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif !important;
  --zrh-fire-subnav-zc-blue-dark: #23366F;
  --zrh-fire-subnav-zc-blue-zurich: #2167AE;
  --zrh-fire-subnav-zc-dove: #DDE4E3;
}

/* Local reset only. Normal original rules below restore source styling. */
#zrh-fire-subnav,
#zrh-fire-subnav *,
#zrh-fire-subnav::before,
#zrh-fire-subnav::after,
#zrh-fire-subnav *::before,
#zrh-fire-subnav *::after {
  all: revert;
}

/* Inherited baseline from the captured document (html/body).
   16px is the original root size; the footer's design rules use px, not rem. */
#zrh-fire-subnav {
  color: #23366f;
  font-family: var(--zrh-fire-subnav-z-sans);
  font-size: 16px;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-optical-sizing: auto;
  font-kerning: auto;
  font-size-adjust: none;
  font-synthesis: weight style small-caps;
  line-height: var(--zrh-fire-subnav-mh--line-height--md);
  letter-spacing: normal;
  word-spacing: 0px;
  text-align: start;
  text-align-last: auto;
  text-indent: 0px;
  text-transform: none;
  text-shadow: none;
  text-decoration: none;
  text-overflow: clip;
  text-emphasis: none;
  text-underline-offset: auto;
  text-underline-position: auto;
  white-space: normal;
  text-wrap: wrap;
  word-break: normal;
  overflow-wrap: normal;
  line-break: auto;
  hyphens: manual;
  tab-size: 8;
  direction: ltr;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  color-scheme: normal;
  visibility: visible;
  cursor: auto;
  pointer-events: auto;
  user-select: auto;
  list-style: disc outside none;
  text-size-adjust: auto;
  -webkit-text-size-adjust: auto;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0 currentColor;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);
}



/* Subnav source rules in original cascade order. */

#zrh-fire-subnav * p {
  margin: 0;
}

#zrh-fire-subnav.l-subnav {
  background: var(--zrh-fire-subnav-zc-dove);
  padding-block: 48px;
}

#zrh-fire-subnav .l-subnav__inner {
  padding-inline: 30px;
}

@media (min-width: 768px) {
  #zrh-fire-subnav.l-subnav {
    padding-block: 64px 40px;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav__inner {
    padding-inline: 20px;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav.l-subnav {
    padding-block: 64px 48px;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav__inner {
    max-width: 1420px;
    padding-inline: 40px;
    margin: 0 auto;
  }
}

#zrh-fire-subnav .l-subnav-sec__head {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1.5;
  position: relative;
  font-weight: 500;
}

#zrh-fire-subnav .l-subnav-sec__head.is-active {
  color: var(--zrh-fire-subnav-zc-blue-zurich);
}

#zrh-fire-subnav .l-subnav-sec__head.is-active:after {
  transform: translateY(-50%) rotate(-90deg);
}

#zrh-fire-subnav .l-subnav-sec__head:not(:hover) {
  color: var(--zrh-fire-subnav-zc-blue-dark);
}

#zrh-fire-subnav .l-subnav-sec__head:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  color: currentColor;
  vertical-align: middle;
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/arrow-right--o.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/arrow-right--o.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%) rotate(90deg);
  width: 16px;
  height: 16px;
  transition: all .2s ease;
}

#zrh-fire-subnav .l-subnav-sec__head span.is-ico {
  margin-right: 11px;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: currentColor;
}

#zrh-fire-subnav .l-subnav-sec__head span.is-ico.is-home {
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/builiding-home--o.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/builiding-home--o.svg);
}

#zrh-fire-subnav .l-subnav-sec__con {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 36px;
  padding-top: 15px;
  list-style: none;
}

#zrh-fire-subnav .l-subnav-sec__con>li+li {
  margin-top: 9px;
}

#zrh-fire-subnav .l-subnav-sec__con>li a {
  text-decoration: none;
  line-height: 1.5;
  font-weight: 400;
  font-size: 18px;
  transition: color .2s ease;
  cursor: pointer;
}

#zrh-fire-subnav .l-subnav-sec__con>li a:not(:hover) {
  color: var(--zrh-fire-subnav-zc-blue-dark) !important;
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec {
    border: 0;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec::-webkit-scrollbar {
    width: 5px;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec::-webkit-scrollbar-track {
    display: none;
    background-color: #fff;
    border-radius: 1000px;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec:last-child {
    border: 0;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec__head {
    font-weight: 500;
    margin: 0;
    pointer-events: none;
    align-items: flex-start;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec__head:after {
    content: none;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec__head span.is-ico {
    margin: 3px 8px 0 0;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec__con {
    display: block !important;
    padding-left: 33px;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-sec__con>li+li {
    margin-top: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2 {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    gap: 0 50px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) {
    grid-area: 1/1/11/2;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(2) {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2 {
    display: grid !important;
    grid-template-columns: 19% 23% 21.5% 28.5%;
    grid-template-areas: "item1 item1 item2 item5" "item1 item1 item3 item6" "item1 item1 item3 item7" "item1 item1 item3 item8" "item1 item1 item3 item9" "item1 item1 item3 item10" "item1 item1 item3 item11" "item1 item1 item3 ." "item1 item1 item4 ." "item1 item1 . ." "item1 item1 . ." "item1 item1 . .";
    gap: 0 2.985%;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li+li {
    margin-top: 6px;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) {
    grid-area: item1;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con {
    display: grid !important;
    gap: 8px 7.1186%;
    padding-left: 15px;
    grid-template-areas: "item2 item11" "item3 item12" "item4 item13" "item5 item14" "item6 item15" "item7 ." "item8 ." "item9 ." "item10 .";
    grid-auto-columns: 45.6% 54.4%;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:not(.is-parent) {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(1) {
    grid-area: item1;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(2) {
    grid-area: item2;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(3) {
    grid-area: item3;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(4) {
    grid-area: item4;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(5) {
    grid-area: item5;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(6) {
    grid-area: item6;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(7) {
    grid-area: item7;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(8) {
    grid-area: item8;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(9) {
    grid-area: item9;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(10) {
    grid-area: item10;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(11) {
    grid-area: item11;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(12) {
    grid-area: item12;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(13) {
    grid-area: item13;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(14) {
    grid-area: item14;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(1) .l-subnav-children__con>li:nth-child(15) {
    grid-area: item15;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(2) {
    grid-area: item2;
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(3) {
    grid-area: item3;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(4) {
    grid-area: item4;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(5) {
    grid-area: item5;
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(6) {
    grid-area: item6;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(7) {
    grid-area: item7;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(8) {
    grid-area: item8;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(9) {
    grid-area: item9;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(10) {
    grid-area: item10;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-sec__con.is-col2>li:nth-child(11) {
    grid-area: item11;
  }
}

@media (hover: hover) and (pointer: fine) {
  #zrh-fire-subnav .l-subnav-sec__con li a:hover {
    color: var(--zrh-fire-subnav-zc-blue-zurich);
  }
}

#zrh-fire-subnav .l-subnav-children {
  display: grid;
}

#zrh-fire-subnav .l-subnav-children__btn {
  position: relative;
  text-decoration: none;
  line-height: 1.5;
  font-weight: 400;
  font-size: 18px;
  cursor: pointer;
}

#zrh-fire-subnav .l-subnav-children__btn.is-active:after {
  transform: translateY(-50%) rotate(-90deg);
}

#zrh-fire-subnav .l-subnav-children__btn:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  color: currentColor;
  vertical-align: middle;
  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/arrow-right--o.svg);
  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/arrow-right--o.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%) rotate(90deg);
  width: 16px;
  height: 16px;
  transition: all .2s ease;
}

#zrh-fire-subnav .l-subnav-children__con {
  list-style: none;
  padding: 8px 10px 0 1em;
}

#zrh-fire-subnav .l-subnav-children__con>li+li {
  margin-top: 8px;
}

#zrh-fire-subnav .l-subnav-children__con>li a {
  display: block;
  white-space: wrap;
  width: fit-content;
  text-align: left;
  line-height: 1.5;
  font-size: 16px;
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-children li:not(.is-parent) {
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-children li:not(.is-parent) a {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-children__con {
    display: grid !important;
    gap: 8px 30px;
    padding: 9px 10px 0 1em;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-children__con>li:not(.is-parent) {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .l-subnav-children__con>li a {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-children {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1200px) {
  #zrh-fire-subnav .l-subnav-children__con {
    gap: 8px 30px;
  }
}

#zrh-fire-subnav .js-c-toggle-trigger {
  cursor: pointer;
}

#zrh-fire-subnav .js-c-toggle-content {
  display: none;
}

@media (max-width: 767px) {
  #zrh-fire-subnav .u-hidden-md-down {
    display: none;
  }
}

@media (min-width: 768px) {
  #zrh-fire-subnav .u-hidden-md-up {
    display: none;
  }
}

#zrh-fire-subnav, #zrh-fire-subnav * {
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

#zrh-fire-subnav, #zrh-fire-subnav * {
  font-family: var(--zrh-fire-subnav-z-sans);
}

/* Automotive layout overrides, restored contractor category. */
/* Car link content for the existing l-subnav component.
   Load AFTER zurich-footer-with-subnav.css.
   All rules are limited to the existing subnav ID; the blue footer is untouched.
   Font, color, outer padding, icons and breakpoints come from the base CSS.
   The original fire-only nth-child grid requires the layout overrides below.
*/

/* The source title is a real link, not just the original fire text label. */
#zrh-fire-subnav.l-subnav .l-subnav-sec__head > a {
  display: block;
  color: inherit;
  font: inherit;
  text-decoration: none;
  pointer-events: auto;
}

/* Allow longer car labels to wrap within their own grid track. */
#zrh-fire-subnav.l-subnav .l-subnav-sec__con > li,
#zrh-fire-subnav.l-subnav .l-subnav-children,
#zrh-fire-subnav.l-subnav .l-subnav-children__con > li {
  min-width: 0;
}

/* A third level exists in the supplied content. Reuse l-subnav markup. */
#zrh-fire-subnav.l-subnav .l-subnav-children__con .l-subnav-children__con {
  margin: 0;
  padding: 8px 0 0 1em;
}

#zrh-fire-subnav.l-subnav .l-subnav-children__con .l-subnav-children__head {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

/* The original reset exposes UA link styling for hover.
   Keep the same subnav link color and transition conventions. */
@media (hover: hover) and (pointer: fine) {
  #zrh-fire-subnav.l-subnav .l-subnav-sec__head > a:hover {
    color: var(--zrh-fire-subnav-zc-blue-zurich);
  }
}

@media (max-width: 767px) {
  #zrh-fire-subnav.l-subnav .l-subnav-children__btn {
    padding-right: 34px;
  }
}

@media (min-width: 768px) {
  /* Discard the fire menu's item1...item15 assignments, including the
     special first category's two-column child layout. */
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 {
    display: grid !important;
    grid-template-areas: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-auto-rows: auto;
    gap: 32px 50px;
    align-items: start;
  }

  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(n) {
    grid-area: auto;
    margin-top: 0;
  }

  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(n) .l-subnav-children__con {
    grid-template-areas: none;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 8px 30px;
  }

  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(n) .l-subnav-children__con > li:nth-child(n) {
    grid-area: auto;
  }

  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(n) > .l-subnav-children > .l-subnav-children__con {
    padding: 9px 10px 0 1em;
  }

  #zrh-fire-subnav.l-subnav .l-subnav-children__con .l-subnav-children__head {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  /* Keep the supplied column grouping without adding HTML column wrappers:
     1 features | 2 cover | 3 consideration, policyholders, FAQ, contact | 4 guide.
     The original proportions are normalized to leave room for the gap. */
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 {
    grid-template-columns: minmax(0, 19fr) minmax(0, 23fr) minmax(0, 21.5fr) minmax(0, 28.5fr);
    grid-template-areas:
      "feature cover consider guide"
      "feature cover contractor guide"
      "feature cover faq guide"
      "feature cover contact guide";
    gap: 24px 2.985%;
  }

  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(1) { grid-area: feature; }
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(2) { grid-area: cover; }
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(3) { grid-area: consider; }
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(4) { grid-area: contractor; }
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(5) { grid-area: faq; }
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(6) { grid-area: contact; }
  #zrh-fire-subnav.l-subnav .l-subnav-sec__con.is-col2 > li:nth-child(7) { grid-area: guide; }
}


/* Keep the optional contract-confirmation modal closed until its original JS opens it. */
[data-modal="myModal-contract_confirmation"].modal:not(.modal-open) { display: none; }