/* main-top-kv */
.main_top-kv {
    position: relative;
    background: url(/purchase/finance/assets/img/top/img_finance_kv_pc.webp) no-repeat center / cover;
    width: 100%;
    max-height: 916px;
    margin: 0 auto 220px;
}
.main_top-kv .main_top-kv-wrap {
    position: relative;
    width: 100%;
    max-height: 713px;
    height: calc(713/1920*100vw);
    overflow: hidden;
    margin: 0 auto;
}
.main_top-kv .main_top-kv-wrap picture {
    margin: 0 auto;
}
.main_top-kv .main_top-kv-wrap picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* タイトル全体（右センター寄せ） */
.main_top-kv-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 2;
  width: 100%;
  margin-top: 4%;
}
/* メインタイトル */
.main_top-kv-title .title {
  max-width: 1100px;
  margin: auto;
  width: 100%;
}
/* サブテキスト */
.main_top-kv-title .sub-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: min(1.8vw, 24px);
  margin: 20px 0 0;
}
.main_top-kv-title .sub-text span,
.main_top-kv-title .title span {
  display: inline-block;
  background-color: #fff;
  color: #003b7a;
  line-height: 1.3;
  padding: 5px 15px;
}

/* ナビゲーション部分 */
.main_pickup-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -170px;
  max-width: 1360px;
  /* max-height: 300px; */
  margin: 0 auto;
}
.main_pickup-wrap .pickup-list {
  display: flex;
  gap: 30px;
  justify-content: center;
}
.main_pickup-wrap .pickup-list li {
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  max-width: 426px;
  height: 100%;
}
.main_pickup-wrap .pickup-inner {
  box-sizing: border-box;
  background: #014e98;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  padding: 6% 6.5%;
}
.main_pickup-wrap .pickup-text {
  color: #fff;
  font-size: min(1.6vw, 22px);
  font-weight: bold;
  line-height: 1.3;
}
.main_pickup-wrap .pickup-text .color-txt-orange {
  color: #f39e5c;
}
.main_pickup-wrap .pickup-label {
    margin-top: 5%;
}
.main_pickup-wrap .pickup-label span {
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    font-size: min(1.2vw, 16px);
}
.main_pickup-wrap .pickup-label span:first-of-type {
  margin-right: 10px;
}
.main_pickup-wrap .pickup-btn {
    width: 100%;
    max-width: 246px;
    margin: 5% auto 0;
}
.main_pickup-wrap .pickup-btn .btn-nml {
    background: #fff;
    border: 2px solid #003b7a;
    color: #003b7a;
    /* font-size: 1.8rem; */
    font-size: min(1.6vw, 18px);
}
.main_pickup-wrap .pickup-btn a::before {
    right: 15px;
}
.main_pickup-wrap .pickup-btn .btn-nml:hover {
    background: #014e98;
    border: 2px solid #fff;
    color: #fff;
}
.main_pickup-wrap .pickup-btn .btn-nml:hover::before {
  background: url(/purchase/finance/assets/img/common/icon-arrow-w.svg) no-repeat;
}
@media screen and (min-width:769px) and (max-width:1250px) {
  .main_kv-title {
    width: calc(630/1250*100vw);
  }
}
@media (max-width: 768px) {
  .main_top-kv {
    background: url(/purchase/finance/assets/img/top/img_finance_kv_sp.webp) no-repeat;
    background-size: contain;
    max-height: 100%;
    margin: 0 auto 40px;
  }
  .main_top-kv .main_top-kv-wrap {
    position: relative;
    width: 100%;
    height: calc(422/768*100vw);
    overflow: hidden;
    margin: 0 auto;
  }
  .main_top-kv-title {
    /* max-width: calc(500/768*100vw); */
    width: calc(100% + 32px);;
    top: 62%;
  }
  
  .main_top-kv-title .sub-text,
  .main_top-kv-title .title {
      padding: 2px 4px;
      line-height: 1.3;
  }
  .main_top-kv-title .sub-text span,
  .main_top-kv-title .title span {
    display: inline-block;
    background-color: #fff;
    color: #003b7a;
    line-height: 1.3;
    padding: 2px 4px;
  }
  .main_top-kv-title .title {
    font-size: min(4.5vw, 36px);
  }
  .main_top-kv-title .sub-text {
      font-size: min(2.6vw, 20px);
      max-width: 400px;
  }

  /* ナビゲーション部分 */
  .main_pickup-wrap {
    position: static;
    width: 100%;
    margin: 30px auto 0;
  }
  .main_pickup-wrap .pickup-list {
    flex-direction: column;
    gap: 20px;
  }
  .main_pickup-wrap .pickup-list li {
    max-width: 750px;
    height: 100%;
  }
  .main_pickup-wrap .pickup-inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 6% 6.5%;
  }
  .main_pickup-wrap .pickup-text {
    font-size: min(5vw, 20px);
    line-height: 1.3;
  }
  .main_pickup-wrap .pickup-label {
      margin-top: 5%;
  }
  .main_pickup-wrap .pickup-label span {
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    /* font-size: min(1.2vw, 16px); */
  }
  .main_pickup-wrap .pickup-label span:first-of-type {
    margin-right: 10px;
  }
  .main_pickup-wrap .pickup-btn {
    width: 100%;
    max-width: 630px;
    margin: 5% auto 0;
  }
  .main_pickup-wrap .pickup-btn .btn-nml {
    background: #fff;
    border: 2px solid #003b7a;
    color: #003b7a;
    /* font-size: 1.8rem; */
    font-size: min(3.6vw, 36px);
  }
}

@media (min-width: 769px) {

}
@media (max-width: 768px) {

}

/* topix */
.topix {
  max-width: 1260px;
  margin: 0 auto;
  overflow: hidden;
}
.topix .inner-wrap {
  max-width: 1360px;
}
.topix .cmn-carousel-wrap .splide {
  padding-bottom: 70px;
}
.topix .cmn-carousel-wrap .splide__one {
  margin: auto;
}
.topix .splide__arrows {
  display: none;
}
.topix .splide:not(.is-overflow) .splide__pagination {
  display: flex;
}
@media (max-width: 768px) {
  .topix {
    margin: 0 auto 40px;
  }
  .topix .cmn-carousel-wrap {
    text-align: center;
  }
  .topix .cmn-carousel-wrap .splide {
    padding-bottom: 40px;
  }
  .topix .sp-pagination-l .cmn-carousel-pagination {
    right: 0;
  }
}

/* plans */
.plans {
  margin: 60px auto 0;
}
.plans .inner-wrap {
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 20px;
}
.plans .plans-list {
  display: flex;
  gap: 20px;
}
.plans .plans-list li {
  width: calc(100%/2);
  border: 1px solid #bcbcbc;
  padding: 10px;
}
.plans .plans-inner {
  height: 100%;
  padding: 20px 20px;
}
.plans .plans-inner.ucar {
  background: #1971d426;
}
.plans .plans-inner.contract {
  background: #f2f2f2;
}
.plans .plans-title {
  color: #000;
  font-size: 4rem;
  font-size: min(3.6vw, 40px);
  line-height: 1.4;
  text-align: center;
  padding: 10px 0 5px;
}
.plans .plans-text {
  color: #000;
  font-size: 1.6rem;
  font-size: min(1.4vw, 16px);
  line-height: 1.5;
  text-align: center;
  padding: 5px 0 10px;
}
.plans .plans-btn {
  max-width: 300px;
  margin: 20px auto 0;
}
.plans .plans-inner.contract .plans-btn {
  margin: 0 auto;
}
.plans .plans-btn .btn-nml {
  background: #fff;
  border: 2px solid #014e98;
  color: #003b7a;
  /* font-size: 1.8rem; */
  font-size: min(1.9vw, 22px);
  padding: 20px 6px;
}
.plans .plans-btn .btn-nml:hover {
  background: #014e98;
  border: 2px solid #fff;
  color: #fff;
}
.plans .plans-btn .btn-nml:hover::before {
  background: url(/purchase/finance/assets/img/common/icon-arrow-w.svg) no-repeat;
}
.plans .plans-bnr {
  text-align: center;
  max-width: 400px;
  margin: 20px auto 0;
}

@media (max-width: 768px) {
  .plans {
    margin: 50px auto 0;
  }
  .plans .inner-wrap {
    padding: 0;
  }
  .plans .plans-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .plans .plans-list li {
    width: 100%;
    border: 1px solid #bcbcbc;
    padding: 10px;
  }
  .plans .plans-title {
    font-size: min(6.2vw, 52px);
    line-height: 1.4;
    text-align: center;
    padding: 10px 0 5px;
  }
  .plans .plans-text {
    font-size: min(4vw, 32px);
    line-height: 1.5;
    text-align: center;
    padding: 5px 0 10px;
  }
  .plans .plans-inner.contract .plans-btn {
    margin: 20px auto;
  }
  .plans .plans-btn .btn-nml {
    border: 2px solid #014e98;
    font-size: min(4.5vw, 40px);
    padding: 20px 6px;
  }
  .plans .plans-bnr {
    max-width: 630px;
    margin: 20px auto 0;
  }
}

/* news-wrap */
.news .news-wrap {
  max-width: 1130px;
  margin: 0 auto;
}
.news .news-list.has-cate > li:first-child a {
  border-top: 1px solid #bcbcbc;
}
.news .news-list > li a {
  border-bottom: 1px solid #bcbcbc;
}
.news .news-wrap .cate.icon-skin-blue {
  background-color: #003b7a;
  border-radius: 0;
  color: #fff;
}
.news .panel-list {
  justify-content: center;
  max-width: 1130px;
  margin: 80px auto 0;
}
.news .news-wrap .cate.icon-skin-blue {
  background-color: #014e98;
}
@media (max-width: 768px) {
  .news .news-list a.news-link {
    padding: 16px 0!important;
  }
  .news-list.has-cate .news-link .date {
    font-size: 14px;
    font-weight: normal;
  }
  .news .news-wrap .cate.icon-skin-blue {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    vertical-align: middle;
    width: 66px;
    padding: 3px 4px;
  }
}