@charset "UTF-8";

.existing-customer .cv-btn-wrap a.cv-btn.blue{
  background: rgba(42, 83, 166, 1);
  background: linear-gradient(120deg, rgba(42, 83, 166, 1) 10%, rgba(1, 38, 153, 1) 95%);
}
.existing-customer .cv-btn-wrap a.cv-btn.blue::after{
  background: url(/service/accumulation/existing-customer/assets/img/250313_4914_icon_window01.png) center center no-repeat;
  background-size: contain;
}
.existing-customer .c-start-now .option_banners{
  margin: 20px 0;
  justify-content: space-evenly;
}
.existing-customer .benefits_item{
  max-width: 100%;
}
.existing-customer .tel_block{
  display: flex;
  justify-content: space-between;
}
.existing-customer .c-benefits .benefits_area li .benefits_wrap{
  position: relative;
}
.existing-customer .c-benefits.-w-arrow .benefits_area li:not(:last-child) .benefits_wrap:after{
  position: absolute;
  content: "";
  width: 86px;
  height: 24px;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  background: url(/service/accumulation/assets/img/investment_ico-arrow.png) no-repeat;
  background-size: 100% 100%;
  transform: translateY(100%);
}

@media screen and (max-width: 767px) {
  .existing-customer .-left-sp{
    text-align: left;
  }
  .existing-customer .c-start-now .option_banners{
    padding: 0 4%;
  }
  .existing-customer .benefits_area > li:nth-child(odd){
    margin-left: 0;
    border-radius: 0;
  }
  .existing-customer .benefits_area > li:nth-child(even){
    margin-right: 0;
    border-radius: 0;
  }
  .existing-customer .c-benefits.-w-arrow .benefits_area li:not(:last-child) .benefits_wrap:after{
    position: absolute;
    content: "";
    width: 86px;
    height: 24px;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
    background: url(/service/accumulation/assets/img/investment_ico-arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: translateY(100%);
  }
  .existing-customer .benefits_area > li .benefits_wrap .benefits_ttl{
    width: 136px;
    border-top-left-radius: 0;
    padding-left: 0;
  }
  .existing-customer .tel_block{
    display: block;
    padding: 0 4%;
  }
  .existing-customer .tel_block img:not(:first-of-type){
    margin-bottom: 15px;
  }
  .existing-customer .benefits_area > li:nth-child(even) .benefits_wrap .benefits_ttl-txt{
    padding-left: 4%;
  }
}