@charset "UTF-8";

/*--3連画像--*/
#image_loan + div.composite_box01 .inner_item_img img{
    object-fit: contain;
}

/*--お問い合わせはこちら--*/
#contact_loan + section .parts_contact{
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top:1.5rem;
}

#contact_loan + section .parts_contact .tel{
   display: flex;
   align-items: center;
    font-size: 2.5rem;
}

#contact_loan + section .parts_contact .tel svg{
  width: 22px;
    height: 22px;
    margin-right: 5px;
    fill: var(--i_txt_color);
}

#contact_loan + section .parts_contact .tel a{
    pointer-events: none;
    text-decoration: none;
    color: inherit;
}

#contact_loan + section .parts_contact .contact .contents_btn01.block_button_1{
  padding-top:0;
}


@media screen and (max-width:768px){
  #contact_loan + section .parts_contact .tel a{
    pointer-events:auto;
  }

  #contact_loan + section .parts_contact{
    gap: 2rem;
    flex-direction: column;
    align-items: center;
  }
}


/*--4連カード--*/
#card_loan + section .list{
  display: flex;
  justify-content: center;
}

#card_loan + section .list .list-item{
  width:calc(100% / 4);
  padding: 2rem;
  box-sizing: border-box;
  text-align: center;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#card_loan + section .list .list-item:first-of-type{
  border-left: 1px solid #ddd;
}

#card_loan + section .list .list-item .title{
  font-weight:bold;
  margin-bottom: 1rem;
  font-size:2rem;
}

#card_loan + section .list .image{
  aspect-ratio:1;
  position:relative;
}

#card_loan + section .list .image{
  aspect-ratio:1;
  position:relative;
  max-width: 80px;
  margin: 0 auto;
}

#card_loan + section .list .image img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: center;
}

@media screen and (max-width:768px){
  #card_loan + section .list .list-item{
    border-right: none;
    border-top: none;
    border-bottom: none;
  }

  #card_loan + section .list .list-item:first-of-type{
    border-left: none;
  }

  #card_loan + section .list{
    flex-wrap: wrap;
  }

  #card_loan + section .list .list-item{
    padding: 2rem 0;
    width:calc(100% / 2);
  }

  #card_loan + section .list .list-item:nth-of-type(1){
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
  }

  #card_loan + section .list .list-item:nth-of-type(2){
      border-bottom: 1px solid #ddd;
  }

  #card_loan + section .list .list-item:nth-of-type(3){
      border-right: 1px solid #ddd;
  }

  #card_loan + section .list .list-item:nth-of-type(4){
  }



}