@charset "shift_jis";
/* Updated 2024/11/19.T */
/* Updated 2022/01/17.T */

/* ---------------------------------
parts
--------------------------------- */
._mt17 {
  margin-top: 17px!important;
}
._mt18 {
  margin-top: 18px!important;
}
._mt19 {
  margin-top: 19px!important;
}
._mt20 {
  margin-top: 20px!important;
}
._mt29 {
  margin-top: 29px!important;
}
._mt70 {
  margin-top: 70px!important;
}
.od01 {
  order: 1!important;
}
.od02 {
  order: 2!important;
}
.t-fl {
  display: flex;
  justify-content: space-between;
}
.lock-item {
  position: relative;
  margin-top: 10px;
  padding-left: 2em;
}
.lock-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 25px;
  background: url(/kojin/cardloan/user/imgs/index_ico_02.svg) no-repeat;
  background-size: 100% 100%;
}
[class*="sec0"] section>.title-heading03 {
  margin-top: 81px;
}
[class*="sec0"] .title-heading03 {
  margin-bottom: 30px;
}

/* ---------------------------------
sec02
--------------------------------- */
.sec02 .inr-sec02 .img {
  max-width: 706px;
  width: 100%;
  margin: 40px auto 0;
}

/* ---------------------------------
sec03
--------------------------------- */
.sec03 .img-block01 .img {
  margin-left: 108px;
}
.sec03 .img-block01 .text {
  max-width: 600px;
  width: 100%;
  padding: 0;
}
.sec03 .img-block01 .text .text-block01 .btn-list01 {
  margin-top: 34px;
}

@media screen and (max-width: 767px) {

  /* ---------------------------------
  parts
  --------------------------------- */
  ._sp-mt11 {
    margin-top: 11px!important;
  }
  ._sp-mt15 {
    margin-top: 15px!important;
  }
  ._sp-mt18 {
    margin-top: 18px!important;
  }
  ._sp-mt19 {
    margin-top: 19px!important;
  }
  ._sp-mt20 {
    margin-top: 20px!important;
  }
  ._sp-mt25 {
    margin-top: 25px!important;
  }
  ._sp-mt30 {
    margin-top: 30px!important;
  }
  .t-fl {
    display: block;
  }
  [class*="sec0"] section>.title-heading03 {
    margin-top: 60px;
  }
  .lock-item {
    margin-top: 21px;
  }

  /* ---------------------------------
  sec02
  --------------------------------- */
  .sec02 .inr-sec02 .img {
    max-width: 100%;
  }

  /* ---------------------------------
  sec03
  --------------------------------- */
  .sec03 .img-block01 .img {
    margin-left: 0;
  }
  .sec03 .img-block01 .text .text-block01 .btn-list01 {
    margin-top: 46px;
  }
}

/******************************
video_preparing
******************************/

.video_preparing {
  position: relative;
}
.video_preparing::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 540px;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.video_preparing > .txt {
  display: block;
  width: 100%;
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}