@charset "shift_jis";
/* Updated 2021/09/28.T */

/*----------------------
parts
----------------------*/
.bg01 {
  background: #c3db76;
}
.bg02 {
  background: #e2efbc;
}
.bg03 {
  background: #f5f9e6;
}
.bg04 {
  background: #fff!important;
}
[class*="ico-"].card-tile01 > .inner {
  position: relative;
}
[class*="ico-"].card-tile01 > .inner::before {
  content: "";
  display: block;
  position: relative;
  top: auto;
  left: auto;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
}
.ico-reason.card-tile01 > .inner::before {
  background: url(/kojin/jutaku_loan/simulation/imgs/index_ico_11.svg) 0 0/100% auto no-repeat;
}
.ico-method.card-tile01 > .inner::before {
  width: 48px;
  background: url(/kojin/jutaku_loan/simulation/imgs/index_ico_12.svg) 0 0/100% auto no-repeat;
}
.ico-flow.card-tile01 > .inner::before {
  background: url(/kojin/jutaku_loan/simulation/imgs/index_ico_13.svg) 0 0/90% auto no-repeat;
}
.pt14 {
  padding-top: 14px!important;
}
/*----------------------
sim-linkArea
----------------------*/
.sim-linkArea {
  display: flex;
}
.sim-linkArea .sim-linkBox {
  max-width: 400px;
  width: 100%;
}
.sim-linkArea .sim-linkBox .ttl-area {
  padding-bottom: 24px;
}
.sim-linkArea .sim-linkBox .ttl-area .ttl {
  font-size: 28px;
  font-weight: bold;
  color: #004831;
  text-align: center;
}
.sim-linkArea .sim-linkBox .cont-area {
  padding: 24px;
}
.sim-linkArea .sim-linkBox .link-box .item:not(:first-child) {
  margin-top: 16px;
}
.sim-linkArea .sim-linkBox .link-box .item .card-tile01 {
  padding: 22px 29px 15px 21px;
}
.sim-linkArea .sim-linkBox .link-box .item .inner .text .ttl-blk {
  display: flex;
}
.sim-linkArea .sim-linkBox .link-box .item .inner .text .ttl-blk .ico01 {
  width: 55px;
  padding-top: 9px;
  padding-left: 14px;
}
.sim-linkArea .sim-linkBox .link-box .item .inner .text .ttl-blk .ttl-txt {
  margin-left: 21px;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
.sim-linkArea .sim-linkBox .link-box .item .inner .text .txt-blk {
  margin-top: 13px;
  text-align: left;
}
.sim-linkArea .sim-linkBox .link-box .item .inner .text .txt-blk .txt01 {
  font-size: 14px;
}

/*----------------------
sec05
----------------------*/
.sec05.card-section01 {
  margin-top: 95px;
}
.sec05.card-section01 .list-normal01.-wide02 > *:not(:first-child) {
  margin-top: 30px;
}
.sec05.card-section01 .card-normal03 > .inner > .header {
  padding: 24px 26px;
}
/*----------------------
sec06
----------------------*/
.sec06 a.card-tile01:not([href$="pdf"]):not([class*="fn-blank"])::after {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sim-linkArea .sim-linkBox .ttl-area .ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .content-block01 {
    padding: 0;
  }
  .title-heading02:not(.-noBorder) > .title > .inner {
    font-size: 2.3rem;;
  }
  ._spp {
   padding: 0 4.8vw!important;
  }
  .pt14 {
    padding-top: 0!important;
  }
  .spp-adjust {
    padding-top: 19px!important;
    padding-bottom: 23px!important;
  }
  [class*="ico-"].card-tile01 > .inner::before {
    position: absolute;
    top: 50%;
    width: 44px;
    margin-top: -20px;
    margin-bottom: 0;
  }
  .ico-reason.card-tile01 .inner::before {
    left: -67px;
  }
  .ico-method.card-tile01 .inner::before {
    left: -65px;
    margin-top: -17px;
  }
  .ico-flow.card-tile01 .inner::before {
    width: 40px;
    left: -61px;
  }
  .sec06 .glyph-faq01.card-tile01 > .inner::before {
    position: absolute;
    top: 50%;
    left: -67px;
    margin-top: -20px;
  }

  /*----------------------
  sim-linkArea
  ----------------------*/
  .sim-linkArea {
    display: block;
  }
  .sim-linkArea .sim-linkBox {
    max-width: none;
  }
  .sim-linkArea .sim-linkBox .ttl-area {
    padding: 0 18px 22px;
  }
  .sim-linkArea .sim-linkBox .ttl-area .ttl {
    font-size: 24px;
  }
  .sim-linkArea .sim-linkBox .cont-area {
    padding: 24px 18px 40px;
  }
  .sim-linkArea .sim-linkBox .link-box .item:not(:first-child) {
    margin-top: 24px;
  }
  .sim-linkArea .sim-linkBox .link-box .item .card-tile01 {
    padding: 22px 25px 15px 21px;
  }
  .sim-linkArea .sim-linkBox .link-box .item .inner .text .ttl-blk .ico01 {
    width: 55px;
    padding-top: 9px;
    padding-left: 14px;
  }
  .sim-linkArea .sim-linkBox .link-box .item .inner .text .ttl-blk .ttl-txt {
    margin-left: 19px;
    letter-spacing: 0px;
  }
  .sim-linkArea .sim-linkBox .link-box .item .inner .text .txt-blk {
    margin-top: 13px;
  }
  .sec02 {
    margin-top: 48px;
  }
  .sec03 {
    margin-top: 46px;
  }

  /*----------------------
  sec05
  ----------------------*/
  .sec05.card-section01 {
    margin-right: 0;
    margin-left: 0;
  }
  .sec05.card-section01 > .inner {
    padding: 25px 4.8vw 63px!important;
  }
  .sec05.card-section01 .card-normal03 > .inner > .header {
    padding: 19px 20px 25px 22px;
  }
  .sec05.card-section01 > .inner > .body:not(:first-child) {
    margin-top: 24px;
  }
  .sec05.card-section01 .list-normal01.-wide02 > *:not(:first-child) {
    margin-top: 26px;
  }

  /*----------------------
  sec06
  ----------------------*/
  .sec06 .card-tile01 {
    padding: 10px 10px 10px 95px;
  }
  .sec06 .card-tile01 > .inner > .text {
    text-align: left;
  }
  .sec06 [class*="column-layoutB"].-narrow02 > *{
    margin-top: 24px;
  }
  .sec06 [class*="column-layoutB"].-spColumn1 > *:nth-child(-n+1) {
    margin-top: 0;
  }
}