/* ==========================================================================
   Base
   ========================================================================== */

.zds-car-category-top *,
.zds-car-category-top *::before,
.zds-car-category-top *::after {
  box-sizing: border-box;
}

.zds-car-category-top picture {
  display: block;
}


/* ==========================================================================
   Layout — Container / Grid
   ========================================================================== */

.zds-car-category-top .container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

@media (min-width: 576px)  { .zds-car-category-top .container { max-width: 540px; } }
@media (min-width: 768px)  { .zds-car-category-top .container { max-width: 720px; } }
@media (min-width: 992px)  { .zds-car-category-top .container { max-width: 960px; } }
@media (min-width: 1200px) { .zds-car-category-top .container { max-width: 1140px; } }

.zds-car-category-top .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.zds-car-category-top .row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--bs-gutter-y);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.zds-car-category-top .col-12 {
  flex: 0 0 auto;
  width: 100%;
}


/* ==========================================================================
   Typography — Headings
   ========================================================================== */

.zds-car-category-top {
  font-family: "Noto Sans JP", sans-serif !important;
}

#useful_top .zds-car-category-top h1.unq-top-hdg-lv1 {
  margin: 0 0 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: #23366f;
  letter-spacing: 0.025em;
  text-align: center;
}

@media screen and (min-width: 768px) {
#useful_top .zds-car-category-top h1.unq-top-hdg-lv1 {
    font-size: 48px;
  }
}

.zds-car-category-top .unq-top-hdg-lv2 {
  margin: 0 0 46px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #23366f;
  letter-spacing: 0.025em;
}

@media screen and (min-width: 768px) {
  .zds-car-category-top .unq-top-hdg-lv2 {
    margin-bottom: 54px;
    font-size: 32px;
  }
}


/* ==========================================================================
   Lead / Intro
   ========================================================================== */

.zds-car-category-top .f-lead-wrapper {
  margin-bottom: 56px;
}

.zds-car-category-top .f-lead {
  color: #23366f;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .zds-car-category-top .f-lead {
    font-size: 16px;
  }
}
.zds-car-category-top .f-lead.h1_under {
  font-size: 22px;
}
@media (max-width: 767px) {
  .zds-car-category-top .f-lead.h1_under {
    font-size: 20px;
  }
}

/* ==========================================================================
   Images
   ========================================================================== */

.zds-car-category-top .img-rounded {
  width: 70px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}
.zds-car-category-top div.car-category-top-wrapper.top.colored picture > img {
  height: auto;
}
.zds-car-category-top .main-image {
  width: 100px;
  height: auto;
  margin: 0 auto;
}

.zds-car-category-top .main-image-wrapper {
  margin-bottom: 2.4rem;
}


/* ==========================================================================
   Column Cards
   ========================================================================== */

/* .zds-car-category-top .column-wrapper {
  margin-bottom: 56px;
} */

.zds-car-category-top .column-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding-left: 0 !important;
  list-style: none !important;
}

.zds-car-category-top .column-list > li {
  list-style: none !important;
}

.zds-car-category-top .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 24px 16px;
  border-radius: 24px;
  background-color: #fff;
}

.zds-car-category-top .column[href] {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.07),
    0 6px 10px 0   rgba(0, 0, 0, 0.05),
    0 1px 18px 0   rgba(0, 0, 0, 0.03);
  text-decoration: none;
  transition: box-shadow 0.2s;
}

.zds-car-category-top .column[href]:hover {
  box-shadow:
    0 7px 9px -4px rgba(0, 0, 0, 0.07),
    0 14px 21px 2px rgba(0, 0, 0, 0.05),
    0 5px 26px 4px  rgba(0, 0, 0, 0.03);
}

.zds-car-category-top .column[href]:hover .column-headline {
  color: #23366f;
}

/* --- Column internals --- */

.zds-car-category-top .column-image {
  max-width: 140px;
  margin-bottom: 12px;
}

.zds-car-category-top .column-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zds-car-category-top .column-headline {
  font-family: "Noto Sans JP", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #23366f;
}

.zds-car-category-top .column-label {
  margin-bottom: 12px;
  padding: 4px 17px;
  border-radius: 24px;
  background-color: #4870c6;
  color: #fff;
  font-size: 12px;
}

.zds-car-category-top .column-link {
  position: relative;
  padding-right: 30px;
  color: var(--primary-zurich-blue, var(--brand-zurich-blue, #2167ae));
  font-size: 18px;
}

.zds-car-category-top .column-link:last-child {
  margin-top: auto;
  margin-bottom: 10px;
}

/* Arrow decoration */
.zds-car-category-top .column-link::before,
.zds-car-category-top .column-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
}

.zds-car-category-top .column-link::before {
  width: 18px;
  height: 1px;
  background-color: var(--primary-zurich-blue, var(--brand-zurich-blue, #2167ae));
}

.zds-car-category-top .column-link::after {
  width: 9px;
  height: 9px;
  transform: rotate(-45deg);
  border-right: 1px solid var(--primary-zurich-blue, var(--brand-zurich-blue, #2167ae));
  border-bottom: 1px solid var(--primary-zurich-blue, var(--brand-zurich-blue, #2167ae));
}


/* ==========================================================================
   Article
   ========================================================================== */

.zds-car-category-top .article-container ul {
  margin-bottom: 0;
  padding-left: 1rem;
}


/* ==========================================================================
   Utility Classes
   ========================================================================== */

.zds-car-category-top .gap-row-200 { row-gap: 2rem   !important; }
.zds-car-category-top .gap-row-350 { row-gap: 3.5rem !important; }
.zds-car-category-top .py-14       { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }


/* ==========================================================================
   Responsive — Mobile (< 768px)
   ========================================================================== */

@media (max-width: 767px) {

  /* Layout */
  .zds-car-category-top .container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .zds-car-category-top .row {
    margin-right: -30px;
    margin-left: -30px;
  }

  .zds-car-category-top .row > * {
    padding-right: 30px;
    padding-left: 30px;
  }

  /* Header icon */
  .zds-car-category-top [z-header-icon] {
    width: 120px;
  }

  /* Column cards */
  .zds-car-category-top .column-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .zds-car-category-top .column {
    flex-direction: row;
    padding: 20px 16px;
  }

  .zds-car-category-top .column-image {
    max-width: 72px;
    margin-right: 16px;
    margin-bottom: 0;
  }

  .zds-car-category-top .column-wrap {
    align-items: flex-start;
  }

  .zds-car-category-top .column-link {
    display: none;
  }

  /* Arrow on card itself (replaces .column-link arrow) */
  .zds-car-category-top .column[href] {
    position: relative;
    padding-right: 30px;
  }

  .zds-car-category-top .column[href]::after {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    transform: rotate(-45deg);
    border-right: 1px solid var(--primary-zurich-blue, var(--brand-zurich-blue, #2167ae));
    border-bottom: 1px solid var(--primary-zurich-blue, var(--brand-zurich-blue, #2167ae));
    content: "";
  }

  /* Utility overrides */
  .zds-car-category-top .sp-gap-row-50  { row-gap: 0.5rem !important; }
  .zds-car-category-top .sp-gap-row-250 { row-gap: 2.5rem !important; }
  .zds-car-category-top .sp-py-10       { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }


.zds-car-category-top img {
    max-height: auto;
    height: auto;
}


}



    .zds-car-category-top .car-category-top-wrapper.colored.top {
      background-color: #dde4e3;
    }
    .zds-car-category-top .car-category-top-wrapper.colored {
      background-color: #e4e9ec;
    }
    .zds-car-category-top .car-category-top-wrapper.colored.mb {
      margin-bottom: 48px;
    }     
    .zds-car-category-top .car-category-top-inner {
        padding: 3.5rem 42px;
        width: 100%;
    }


    @media (max-width: 767px) {
    .zds-car-category-top .car-category-top-inner {
        padding: 18px 4%;
        width: 100%;
    }
    }


/*! CSS Used from: https://www.zurich.co.jp/-/Media/jpz/zrh/car/useful/common_re/css_re/siteparts/style_adjust.css */
.zds-car-category-top .faq-accordion .mod-v2-faq__item{padding:10px 20px;}
.zds-car-category-top .faq-accordion .mod-v2-faq__question-btn{padding:10px 50px 10px 0px!important;}
.zds-car-category-top .faq-accordion .mod-v2-faq__question{cursor:pointer;position:relative;transition:background-color 0.3s;}
.zds-car-category-top .faq-accordion .mod-v2-faq__question::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform 0.3s;background-image:url("https://www.zurich.co.jp/-/Media/jpz/zrh/car/useful/common_re/img_re/siteparts/down-arrow.png");height:20px;width:20px;display:block;background-size:contain;}
.zds-car-category-top .faq-accordion .mod-v2-faq__question.active::after{transform:translateY(-50%) rotate(180deg);}
.zds-car-category-top .faq-accordion .mod-v2-faq__answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;display:block;padding:0!important;}
.zds-car-category-top .faq-accordion .mod-v2-faq__answer.active{max-height:1000px;}








/*! CSS Used from: https://www.zurich.co.jp/-/Media/jpz/zrh/car/consider/assets/vender/bootstrap-4/css/bootstrap-grid.min.css */
.zds-car-category-top .container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.zds-car-category-top .row{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.zds-car-category-top .col-md-4,.zds-car-category-top .col-sm-12{position:relative;width:100%;padding-right:15px;padding-left:15px;}
@media (min-width: 576px){
.zds-car-category-top .container{max-width:540px;}
.zds-car-category-top .col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media (min-width: 768px){
.zds-car-category-top .container{max-width:720px;}
.zds-car-category-top .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
}
@media (min-width: 992px){
.zds-car-category-top .container{max-width:960px;}
}
@media (min-width: 1200px){
.zds-car-category-top .container{max-width:1140px;}
}




.zds-car-category-top .text-left{text-align:left!important;}
.zds-car-category-top .text-center{text-align:center!important;}
.zds-car-category-top ul.link-list{margin:0;padding:0;}
.zds-car-category-top ul.link-list li{display:block;line-height:1;list-style-type:none;margin-left:0;}
.zds-car-category-top ul.link-list li a{color:#2167ae;font-size:16px;line-height:1.5;}
.zds-car-category-top ul.link-list li a:hover{color:#5495cf;}
.zds-car-category-top .teaser-title{font-family:ZurichSans-SemiBold,Arial,sans-serif;}
.zds-car-category-top .teaser-title{font-size:18px;margin-bottom: 20px;color: #23366f;}
@media (max-width:991px){
.zds-car-category-top .teaser-title{font-size:18px;}
}
/*! CSS Used from: https://www.zurich.co.jp/-/Media/jpz/zrh/car/consider/assets/css/style.css?20240919 */
.zds-car-category-top ul li{margin-bottom:8px;}
.zds-car-category-top .heading-h2{margin-bottom:40px;font-size:32px;}
.zds-car-category-top .teaser-title{font-size:18px;font-family:"Noto Sans JP",arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",meiryo,sans-serif;}
.zds-car-category-top .teaser--sp--horizon{max-width:100%;}
.zds-car-category-top .text-center{text-align:center!important;}
.zds-car-category-top .text-left{text-align:left!important;}
@media (max-width:767px){
.zds-car-category-top .teaser--sp--horizon{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px;text-align:left;}
.zds-car-category-top .teaser--sp--horizon .teaser-title{margin-bottom:24px;font-size:18px;text-align:left;}
.zds-car-category-top .teaser--sp--horizon .teaser-content li{font-size:16px;}
}
@media (min-width:768px){
.zds-car-category-top .teaser--sp--horizon .teaser-content .link-list{width:auto;margin-right:auto;margin-left:20px;}
}
.zds-car-category-top ul li {
    margin-bottom: 8px;
}
.zds-car-category-top .heading-h3 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.zds-car-category-top .teaser-content a {
  text-decoration: underline;
}

/* パンくず */
.zds-car-category-top-breadcrumb {
    box-sizing: content-box;
    min-height: 18px;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden;
    padding: 15px 2% 15px 2%;
}
.zds-car-category-top-breadcrumb.bottom {
    padding: 15px 20px 30px;
}

/*! CSS Used from: https://www.zurich.co.jp/-/Media/jpz/zrh/car/consider/assets/vender/bootstrap-4/css/bootstrap-grid.min.css */
.zds-car-category-top-breadcrumb .container{width:100%;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;}

/*! CSS Used from: https://www.zurich.co.jp/-/Media/jpz/zrh/zds2023/css/styles.min.css */
.zds-car-category-top-breadcrumb nav{display:block;}
.zds-car-category-top-breadcrumb ul{margin:0;padding:0;}
.zds-car-category-top-breadcrumb ul{margin-bottom:1rem;}
.zds-car-category-top-breadcrumb li{font-size:18px;line-height:1.5;}
@media (min-width:992px){
.zds-car-category-top-breadcrumb li{font-size:20px;line-height:1.5;}
}
.zds-car-category-top-breadcrumb ul{list-style:disc;}
.zds-car-category-top-breadcrumb a{font-size:1em;text-decoration:underline;}
.zds-car-category-top-breadcrumb .icon{display:inline-block;font-size:24px;height:24px;line-height:1;text-align:center;vertical-align:middle;width:24px;}
.zds-car-category-top-breadcrumb .icon:before{speak:none;font-family:ZDS;font-size:inherit;font-style:normal;font-weight:400;}
.zds-car-category-top-breadcrumb .icon--action-arrow-right_outline{line-height: 0;vertical-align:inherit;}
.zds-car-category-top-breadcrumb a{color:#23366f;cursor:pointer;text-decoration:underline;}
.zds-car-category-top-breadcrumb a{transition:all .2s;}
.zds-car-category-top-breadcrumb a:hover{color:#2167ae;text-decoration:none;}
.zds-car-category-top-breadcrumb .p-t-6{padding-top:24px;}
.zds-car-category-top-breadcrumb .breadcrumb>ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.zds-car-category-top-breadcrumb .breadcrumb li{font-family:ZurichSans-Regular,Arial,sans-serif;font-size:16px;list-style:none;margin:0 4px 0 0;padding:0;white-space:nowrap;}
.zds-car-category-top-breadcrumb .breadcrumb li:last-of-type a{color:#23366f;pointer-events:none;}
.zds-car-category-top-breadcrumb .breadcrumb li:last-of-type .icon{display:none;}
@media (min-width:992px){
.zds-car-category-top-breadcrumb .breadcrumb li:hover>*{color:#5495cf;}
}
.zds-car-category-top-breadcrumb .breadcrumb .icon{color:#2167ae;font-size:12px;height:auto;width:auto;}
.zds-car-category-top-breadcrumb .breadcrumb a{color:#2167ae;text-decoration:none;}
/*! CSS Used from: https://www.zurich.co.jp/-/Media/jpz/zrh/car/consider/assets/css/style.css?20240919 */
.zds-car-category-top-breadcrumb .breadcrumb li{margin:0 12px 0 0;font-family:"Noto Sans JP",arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",meiryo,sans-serif;}
.zds-car-category-top-breadcrumb .breadcrumb .icon{margin-left:8px;}

#contents-container {
  display: none;
}
.heading_h1.sp_pa {
  display: none;
}







/* FAQ */

.zds-car-category-top .qa_wrapper {
  margin-bottom: 48px;
}

.zds-car-category-top .qa_wrapper .c-btn01 {
  background: #2167AE;
  border-radius: 9999px;
  border: 2px solid transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  width: fit-content;
  padding: 10px 22px;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  cursor: pointer;
}

.zds-car-category-top .qa_wrapper .c-btn01 span.is-txt { flex: 1; }

@media (hover: hover) and (pointer: fine) {
  .zds-car-category-top .qa_wrapper .c-btn01 { transition: all .2s ease; }
  .zds-car-category-top .qa_wrapper .c-btn01:hover { background: #5495CF; }
}

.zds-car-category-top .qa_wrapper .c-btn01.is-center {
  margin-right: auto;
  margin-left: auto;
}

.zds-car-category-top .qa_wrapper .c-set01 {
  border-top: 1px solid #91BFE3;
  border-bottom: 1px solid #91BFE3;
}

.zds-car-category-top .qa_wrapper .c-set01 + .c-set01 { border-top: 0; }

.zds-car-category-top .qa_wrapper .c-set01__head {
  color: #2167AE;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  padding: 23px 30px 23px 0;
  margin: 0;
  transition: color .2s ease;
}

.zds-car-category-top .qa_wrapper .c-set01__head.is-active:after {
  transform: translateY(-50%) rotate(-90deg);
}

.zds-car-category-top .qa_wrapper .c-set01__head:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  transition: all .2s ease;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  vertical-align: middle;
  -webkit-mask-image: url(/-/Media/jpz/zrh/car/useful/category-top/img/arrow-right--o.svg);
  mask-image: url(/-/Media/jpz/zrh/car/useful/category-top/img/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;
  color: #2167AE;
}

.zds-car-category-top .qa_wrapper .c-set01__con { padding: 18px 0 22px; }

@media (min-width: 768px) {
  .zds-car-category-top .qa_wrapper .c-set01__head {
    padding: 24px 30px 24px 0;
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .zds-car-category-top .qa_wrapper .c-set01__head { font-size: 16px; }
  .zds-car-category-top .qa_wrapper .c-set01__con { padding: 15px 0 22px; }
}

@media (hover: hover) and (pointer: fine) {
  .zds-car-category-top .qa_wrapper .c-set01__head:hover { color: #5495CF; }
}

.zds-car-category-top .qa_wrapper .js-c-toggle-trigger { cursor: pointer; }
.zds-car-category-top .qa_wrapper .js-c-toggle-content { display: none; }

.zds-car-category-top .qa_wrapper .home-faq {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (min-width: 768px) {
  .zds-car-category-top .qa_wrapper .home-faq {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1200px) {
  .zds-car-category-top .qa_wrapper .home-faq {
    padding-top: 64px;
    padding-bottom: 38px;
  }
}

.zds-car-category-top .qa_wrapper .u-text-14-15-16 {
  font-size: 16px !important;
  color: #23366F;
}

@media (min-width: 768px) {
  .zds-car-category-top .qa_wrapper .u-text-14-15-16 { font-size: 16px !important; }
}

@media (min-width: 1200px) {
  .zds-car-category-top .qa_wrapper .u-text-14-15-16 { font-size: 16px !important; }
}

.zds-car-category-top .qa_wrapper .u-text-18-18-18 { font-size: 18px !important; }

.zds-car-category-top .qa_wrapper .u-text-30-38-40 { font-size: 30px !important; }

@media (min-width: 768px) {
  .zds-car-category-top .qa_wrapper .u-text-30-38-40 { font-size: 38px !important; }
}

@media (min-width: 1200px) {
  .zds-car-category-top .qa_wrapper .u-text-30-38-40 { font-size: 40px !important; }
}

.zds-car-category-top .qa_wrapper .u-leading-sm { line-height: 1.4; }

.zds-car-category-top .qa_wrapper .u-inner {
  padding-right: 30px;
  padding-left: 30px;
  max-width: calc(980px + 80px);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .zds-car-category-top .qa_wrapper .u-inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.zds-car-category-top .qa_wrapper .u-mt-16-16-16 { margin-top: 16px !important; }
.zds-car-category-top .qa_wrapper .u-mt-48-48-48 { margin-top: 48px !important; }
.zds-car-category-top .qa_wrapper .u-mb-48-48-48 { margin-bottom: 48px !important; }

.zds-car-category-top .qa_wrapper * {
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

.zds-car-category-top .qa_wrapper ::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.zds-car-category-top .qa_wrapper ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #DDE4E3;
  background-color: #E4E9EC;
  border-radius: 0.5rem;
}

.zds-car-category-top .qa_wrapper ::-webkit-scrollbar-thumb {
  background: #2167AE;
  border-radius: 0.5rem;
  transition: background .2s;
}

.zds-car-category-top .qa_wrapper ::-webkit-scrollbar-thumb:hover {
  background: #91BFE3;
}

.zds-car-category-top .container .row {
  margin-bottom: 48px;
}








.zds-car-category-top .heading-h3 {
    margin-bottom: 36px;
    font-size: 22px;
    line-height: 1.4;
        color: #23366f;
        font-weight: normal;
}
.zds-car-category-top .heading-h3.mt {
  margin-top: 46px;
}
@media (min-width: 768px) {
    .zds-car-category-top .heading-h3 {
        font-size: 24px;
    }
}












/* ===============================
   button (ZDS / z-button)
================================= */
.zds-car-category-top .button-wrapper {
  margin-top: 46px;
  margin-bottom: 28px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
    .zds-car-category-top .button-wrapper {
         margin-bottom: 0px;
    }
}

.zds-car-category-top a.category-top-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;              /* --zs-50 */
  height: 3.5rem;
  padding: calc(.75rem - 2px) calc(1.5rem - 2px);
  border: 2px solid transparent;
  border-radius: 28px !important;
  background-color: #2167AE !important;
  color: #FFF !important;
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    border-radius 0.2s,
    box-shadow 0.2s;
}
@media (max-width: 767px) {
.zds-car-category-top a.category-top-button {
    width: 100%;
    white-space: initial;
    padding-top: 3%;
    height: auto;
    padding-bottom: 3%;
}
}
.zds-car-category-top a.category-top-button:focus {
  outline: 2px solid #2167AE;
  outline-offset: 2px;
}

.zds-car-category-top a.category-top-button:active {
  background-color: #23366F !important;
}

.zds-car-category-top a.category-top-button:hover {
  color: #3776B6  !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ===============================
   secondary button
================================= */
.zds-car-category-top a.category-top-button {
  background-color: #fff !important;
  color: #2167AE !important;
  border-color: currentColor;
}

.zds-car-category-top a.category-top-button:active {
  color: #23366F !important;
}

/* ===============================
   icon button
================================= */
.zds-car-category-top a.category-top-button[icon] {
  flex-direction: row;
  padding-right: 1.5rem;
}

.zds-car-category-top a.category-top-button::after {
  content: "";
  display: inline-block;
  width: 1.5rem;   /* --zs-150 */
  height: 1.5rem;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-size: 1.5rem;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 1.5rem;
}

.zds-car-category-top a.category-top-button::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;

  background-color: #23366F;

  mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/arrow-right--o.svg);
  mask-repeat: no-repeat;
  mask-size: contain;

  -webkit-mask-image: url(/-/Media/jpz/zrh/zds_2025/image/i/arrow-right--o.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}