@charset "UTF-8";

.active_navi .btn_cmn::after{
  content: "";
  background: none !important;
}
.active_navi .btn_cmn:hover::before {
  opacity: 0;
}
.un_plan_icon {
    color: #5db8ff;
    border: #5db8ff solid 1px;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    padding: 4px 10px 5px;
    display: inline-block;
    vertical-align: top;
    min-width: 70px;
}
.un_plan_icon2 {
    color: #fff;
    border: #5db8ff solid 1px;
    background: #5db8ff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    padding: 2px 10px 3px;
    display: inline-block;
    vertical-align: top;
    min-width: 82px;
    font-weight: 400;
}
@media only screen and (max-width: 767px){
  .un_plan_icon {
      width: 82px;
      border-radius: 50px;
  }
}


/*h1Box*/
.h1Box_free-loan .h1Box_img {
  right: 75px;
  top: -65px;
}
@media only screen and (max-width:767px){
  .h1Box_free-loan .h1Box_img{
    width: 285px;
    margin: 0 auto -21px;
    z-index: 2;
    position: relative;
    right: 0;
    top: 0;
  }
}


/*loanBox_free-loan*/
.loanBox_free-loan {
    border: #5db8ff solid 3px;
}
@media only screen and (max-width:767px){
  .loanBox_free-loan {
    padding: 20px 10px;
  }
}


/*loan_free-loan*/
.freeloan{
  margin-top: 50px;
}
.freeloan .panelItem {
  padding: 20px;
}
.freeloan .panelItem_tit {
  margin-bottom: 20px;
}

.freeloan .panelItem_img {
  padding-top: 36%;
}
.freeloan .panelItem_img img{
  object-fit: contain;
}
.loan_free-loan {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0;
}
.loan_free-loan + .loan_free-loan {
  border-top: #ced0e5 solid 1px;
  padding: 40px 0 0;
}
.loan_free-loan_tag {
  margin-right: 10px;
}
.loan_free-loan_tag_cir,
.loan_free-loan_tag_sq {
  background: #1f9efe;
  color: #FFF;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loan_free-loan_tag_cir {
  border-radius: 100%;
  width: 60px;
  height: 60px;
}
.loan_free-loan_tag_sq {
  border-radius: 0.5em;
  width: 130px;
  height: 50px;
}
.loan_free-loan_rate {
  color: #1f9efe;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
.loan_free-loan_rate span {
  color: #5db8ff;
  font-size: 38px;
}
@media only screen and (max-width:767px){
  .loan_free-loan + .loan_free-loan {
    padding: 20px 0 0;
  }
  .loan_free-loan_tag {
    margin-right: 10px;
  }
  .loan_free-loan_tag_cir,
  .loan_free-loan_tag_sq {
    font-size: 12px;
  }
  .loan_free-loan_tag_cir {
    border-radius: 100%;
    width: 50px;
    height: 50px;
  }
  .loan_free-loan_tag_sq {
    width: 90px;
    height: 30px;
  }
  .loan_free-loan_rate {
    font-size: 14px;
  }
  .loan_free-loan_rate span {
    font-size: 26px;
  }
}


.bg_navy {
  background-color: #1f9efe !important;
}


/* stepList */
.stepList_free-loan .stepItem_main{
  margin-left: 30px;
}
.stepList_free-loan .stepItem .titSpe_point {
  background: #1f9efe;
  margin: 0 auto;
}

.stepItem_icon{
  margin: 10px auto 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}


@media only screen and (max-width:767px) {
  .stepList_free-loan .titSpe_wrap_01{
    display: flex;
  }
  .stepList_free-loan .titSpe_point {
    flex-direction: column;
    -webkit-flex-direction: column;
    min-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
  }
}