@media only screen and (max-width: 767px) {
   .txt br {
      display: none;
   }
}

#key {
   background: url("../img/loan_lease/key.jpg") no-repeat center/cover;
}

#sec1 {
   position: relative;
}

@media only screen and (max-width: 767px) {
   #sec1 {
      background: url("../img/loan_lease/sec1-deco.png") no-repeat top right/50% auto;
      padding: 15vw 0;
   }

   #sec1:before {
      content: '';
      width: 100%;
      height: 120%;
      background: url("../img/loan_lease/sec1-bg.jpg") no-repeat center bottom/cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
   }

   #sec1 .box {
      background: url("../img/shared/bg-pattern-03.jpg") repeat center top;
      box-shadow: 0 0 13px rgba(0, 0, 0, 0.18);
      box-sizing: border-box;
      position: relative;
      margin-top: 8vw;
      padding: 6vw 4vw;
   }

   #sec1 .box:before {
      content: '';
      width: 100%;
      height: 10px;
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      position: absolute;
      top: 0;
      left: 0;
   }

   #sec1 .box ul {
      font-weight: 500;
      font-size: 4vw;
      letter-spacing: 0.14em;
      line-height: 2;
   }

   #sec1 .box ul li {
      background: url("../img/loan_lease/icon-check.png") no-repeat top 3.6vw left/4vw auto;
      border-bottom: 1px solid rgba(37, 54, 65, 0.23);
      padding-left: 5vw;
   }

   #sec1 .box ul li strong {
      font-weight: 700;
   }

   #sec1 .box ul li:nth-child(1) strong {
      font-size: 5vw;
   }

   #sec1 .box ul li:nth-child(1) small {
      font-size: 4vw;
   }

   #sec1 .box ul li:nth-child(2) strong {
      font-size: 5.2vw;
   }

   #sec1 .box ul li:nth-child(2) small {
      font-size: 4vw;
   }

   #sec1 .box ul li:nth-child(3) strong {
      font-size: 4vw;
   }

   #sec1 .box ul li:nth-child(3) b {
      font-size: 5.2vw;
   }

   #sec1 .note {
      padding-top: 4vw;
   }

   #sec1 .txt {
      padding-top: 6vw;
   }

   #sec1 .button {
      padding-top: 8vw;
   }

   #sec1 .button a {
      font-size: 4.5vw;
      padding-right: 4vw;
   }

   #sec1 .button a i {
      background: url("../img/loan_lease/sec1-icon.png") no-repeat center/5vw auto;
      width: 6vw;
      height: 6vw;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      margin-right: 1vw;
      padding-right: 2vw;
   }

   #sec1 .button a:after {
      right: 3vw;
   }
}

@media only screen and (min-width: 768px) {
   #sec1 {
      background: url("../img/loan_lease/sec1-deco.png") no-repeat top right;
      padding: 144px 0 125px;
   }

   #sec1:before {
      content: '';
      width: 100%;
      height: 1085px;
      background: url("../img/loan_lease/sec1-bg.jpg") no-repeat center bottom/cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
   }

   #sec1 .wrap {
      width: 1035px;
   }

   #sec1 .box {
      width: 314px;
      background: url("../img/shared/bg-pattern-03.jpg") repeat center top;
      box-shadow: 0 0 13px rgba(0, 0, 0, 0.18);
      box-sizing: border-box;
      position: absolute;
      top: 73px;
      right: 0;
      padding: 58px 0 55px;
   }

   #sec1 .box:before {
      content: '';
      width: 100%;
      height: 10px;
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      position: absolute;
      top: 0;
      left: 0;
   }

   #sec1 .box ul {
      width: 195px;
      height: 435px;
      font-weight: 500;
      font-size: 24px;
      letter-spacing: 0.14em;
      line-height: 63px;
      margin: 0 auto;
   }

   #sec1 .box ul li {
      background: url("../img/loan_lease/icon-check.png") no-repeat center top;
      border-left: 1px solid rgba(37, 54, 65, 0.23);
      padding-top: 37px;
   }

   #sec1 .box ul li strong {
      font-weight: 700;
   }

   #sec1 .box ul li:nth-child(1) strong {
      font-size: 30px;
   }

   #sec1 .box ul li:nth-child(1) small {
      font-size: 25px;
   }

   #sec1 .box ul li:nth-child(2) strong {
      font-size: 32px;
   }

   #sec1 .box ul li:nth-child(2) small {
      font-size: 25px;
   }

   #sec1 .box ul li:nth-child(3) strong {
      font-size: 25px;
   }

   #sec1 .box ul li:nth-child(3) b {
      font-size: 34px;
   }

   #sec1 .note {
      width: 298px;
      font-size: 15px;
      line-height: 28px;
      position: absolute;
      top: 630px;
      right: 0;
   }

   #sec1 .txt {
      width: 657px;
      padding-top: 53px;
   }

   #sec1 .button {
      padding-top: 48px;
   }

   #sec1 .button a {
      width: 500px;
   }

   #sec1 .button a i {
      background: url("../img/loan_lease/sec1-icon.png") no-repeat center top/30px auto;
      width: 30px;
      height: 16px;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      margin-right: 10px;
      padding-right: 10px;
   }
}

#sec2 {
   position: relative;
}

#sec2 .wrap {
   background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
   color: #fff;
   z-index: 1;
}

#sec2 .wrap:before {
   content: '';
   border: 1px solid rgba(255, 255, 255, 0.61);
   position: absolute;
}

@media only screen and (max-width: 767px) {
   #sec2 {
      padding: 0 4vw;
   }

   #sec2:before {
      content: '';
      width: 100%;
      height: 60vw;
      background: #e5e4e2;
      position: absolute;
      bottom: 0vw;
      left: 0;
      transform: skewY(18deg);
   }

   #sec2 .wrap {
      padding: 8vw 6vw;
   }

   #sec2 .wrap:before {
      top: 2vw;
      right: 2vw;
      bottom: 2vw;
      left: 2vw;
   }

   #sec2 h2 {
      display: inline-block;
      font-weight: 500;
      font-size: 4.8vw;
      line-height: 1.5;
      letter-spacing: 0.14em;
      position: relative;
      padding: 0 4vw 4vw;
   }

   #sec2 h2:before,
   #sec2 h2:after {
      content: '';
      display: inline-block;
      width: 0;
      height: 16vw;
      border-left: 2px solid #fff;
      vertical-align: bottom;
      position: absolute;
      bottom: 0;
   }

   #sec2 h2:before {
      transform: rotate(-35deg);
      left: 0;
   }

   #sec2 h2:after {
      transform: rotate(35deg);
      right: 0;
   }

   #sec2 h2 strong {
      font-weight: 700;
      font-size: 8vw;
      font-style: italic;
   }

   #sec2 figure {
      margin: 0 -4vw;
      padding-top: 2vw;
   }

   #sec2 h3 {
      font-weight: 500;
      font-size: 4.8vw;
      line-height: 1.5;
      letter-spacing: 0.14em;
      padding-top: 8vw;
   }

   #sec2 h3 strong {
      font-size: 8vw;
   }

   #sec2 .txt {
      border-bottom: 1px solid rgba(255, 255, 255, 0.26);
      padding: 6vw 0;
   }
}

@media only screen and (min-width: 768px) {
   #sec2:before {
      content: '';
      width: 100%;
      height: 500px;
      background: #e5e4e2;
      position: absolute;
      bottom: 7vw;
      left: 0;
      transform: skewY(18deg);
   }

   #sec2 .wrap {
      width: 100%;
      max-width: 1140px;
      padding: 124px 0 114px;
   }

   #sec2 .wrap:before {
      top: 13px;
      right: 13px;
      bottom: 13px;
      left: 13px;
   }

   #sec2 h2 {
      font-weight: 500;
      font-size: 36px;
      line-height: 76px;
      letter-spacing: 0.14em;
   }

   #sec2 h2:before,
   #sec2 h2:after {
      content: '';
      display: inline-block;
      width: 0;
      height: 60px;
      border-left: 2px solid #fff;
      vertical-align: bottom;
      position: relative;
      bottom: -10px;
   }

   #sec2 h2:before {
      transform: rotate(-35deg);
      margin-right: 15px;
   }

   #sec2 h2:after {
      transform: rotate(35deg);
      margin-left: 15px;
   }

   #sec2 h2 strong {
      font-weight: 700;
      font-size: 58px;
      font-style: italic;
   }

   #sec2 figure {
      padding-top: 32px;
   }

   #sec2 h3 {
      font-weight: 500;
      font-size: 36px;
      line-height: 64px;
      letter-spacing: 0.1em;
      padding-top: 20px;
   }

   #sec2 h3 strong {
      font-weight: 700;
      font-style: italic;
      font-size: 48px;
   }

   #sec2 .txt {
      max-width: 942px;
      margin: 0 auto;
      padding: 20px 0 44px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.26);
   }
}

#sec3 {
   position: relative;
}

@media only screen and (max-width: 767px) {
   #sec3 {
      background: url("../img/loan_lease/sec3-deco.png") no-repeat center bottom/100% auto;
      padding: 15vw 0;
   }

   #sec3:before {
      content: '';
      width: 100%;
      padding-top: 100%;
      background: url("../img/loan_lease/sec3-bg-img.png") no-repeat top right/cover;
      position: absolute;
      top: -15vw;
      left: 0;
   }

   #sec3 h2 {
      font-weight: 500;
      font-size: 5vw;
      line-height: 1.5;
      letter-spacing: 0.14em;
      position: relative;
      z-index: 1;
   }

   #sec3 h2 span {
      font-weight: 400;
      font-style: italic;
      font-size: 20vw;
      letter-spacing: 0.11em;
      line-height: 1;
      position: absolute;
      bottom: -3vw;
      left: 10vw;
      opacity: 0.11;
      z-index: -1;
   }

   #sec3 h2 strong {
      font-weight: 700;
      font-size: 8vw;
      padding-right: 1vw;
   }

   #sec3 .box-1 {
      padding: 12vw 0;
   }

   #sec3 .box-1 .item {
      position: relative;
      padding: 0 0 8vw 25vw;
   }

   #sec3 .box-1 .item+.item {
      margin-top: 8vw;
   }

   #sec3 .box-1 .item:not(:last-child):before {
      content: '';
      width: 3vw;
      background: url("../img/shared/bg-pattern-02.jpg") repeat center top;
      position: absolute;
      top: 0;
      bottom: -8vw;
      left: 8.5vw;
   }

   #sec3 .box-1 .item:not(:last-child):after {
      content: '';
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 100px;
      background: linear-gradient(to right, #5e6b73 1px, transparent 1px);
      background-size: 5px 5px;
   }

   #sec3 .box-1 .no {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 20vw;
      height: 20vw;
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      color: #fff;
      border-radius: 50%;
      font-size: 4vw;
      line-height: 1;
      letter-spacing: 0.08em;
      position: relative;
      filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.61));
      position: absolute;
      top: 0;
      left: 0;
   }

   #sec3 .box-1 .no:after {
      content: '';
      width: 4vw;
      height: 3vw;
      background: url("../img/loan_lease/sec4-arrow.png") no-repeat center top/cover;
      position: absolute;
      top: 95%;
      left: 50%;
      transform: translateX(-50%);
   }

   #sec3 .box-1 .no .num {
      display: block;
      font-size: 8vw;
   }

   #sec3 .box-1 .no.last:after {
      width: 22vw;
      height: 22vw;
      border: 1px solid #124664;
      background: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
   }

   #sec3 .box-1 h3 {
      font-weight: 700;
      font-size: 6vw;
      line-height: 1.5;
      letter-spacing: 0.14em;
   }

   #sec3 .box-1 .txt {
      padding-top: 4vw;
   }

   #sec3 .box-1 figure {
      padding-top: 4vw;
   }

   #sec3 .box-1 figure img {
      border-radius: 10px;
   }

   #sec3 .box-2 {
      background: url("../img/loan_lease/sec3-photo-5.jpg") no-repeat center/cover;
      color: #fff;
      padding: 10vw 5vw;
   }

   #sec3 .box-2 h3 {
      background: url("../img/loan_lease/sec3-icon.png") no-repeat center top/20vw auto;
      font-weight: 700;
      font-size: 7vw;
      line-height: 1;
      letter-spacing: 0.1em;
      text-align: center;
      padding-top: 24vw;
      padding-bottom: 6vw;
   }

   #sec3 .box-2 .txt {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      padding-top: 6vw;
   }

   #sec3 .box-2 .txt p+p {
      padding-top: 4vw;
   }
}

@media only screen and (min-width: 768px) {
   #sec3 {
      background: url("../img/loan_lease/sec3-deco.png") no-repeat center bottom/100% auto;
      padding: 193px 0 170px;
   }

   #sec3:before {
      content: '';
      width: 100%;
      height: 100%;
      background: url("../img/loan_lease/sec3-bg-img.png") no-repeat top right;
      position: absolute;
      top: -205px;
      left: 0;
   }

   #sec3 h2 {
      font-weight: 500;
      font-size: 38px;
      line-height: 45px;
      letter-spacing: 0.14em;
      position: relative;
      z-index: 1;
      padding-left: 20px;
   }

   #sec3 h2 span {
      font-weight: 400;
      font-style: italic;
      font-size: 148px;
      letter-spacing: 0.11em;
      line-height: 1;
      position: absolute;
      bottom: -32px;
      left: 110px;
      opacity: 0.11;
      z-index: -1;
   }

   #sec3 h2 strong {
      font-weight: 700;
      font-size: 56px;
      padding-right: 5px;
   }

   #sec3 .box-1 {
      padding: 74px 30px 40px 16px;
   }

   #sec3 .box-1 .item {
      display: grid;
      grid-template-columns: 92px 1fr 291px;
      align-items: flex-start;
      gap: 0 20px;
      position: relative;
      padding-bottom: 43px;
   }

   #sec3 .box-1 .item+.item {
      padding-top: 37px;
   }

   #sec3 .box-1 .item:not(:last-child):before {
      content: '';
      width: 14px;
      background: url("../img/shared/bg-pattern-02.jpg") repeat center top;
      position: absolute;
      top: 50px;
      bottom: -50px;
      left: 38px;
   }

   #sec3 .box-1 .item:not(:last-child):after {
      content: '';
      width: 100000px;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 100px;
      background: linear-gradient(to right, #5e6b73 1px, transparent 1px);
      background-size: 5px 5px;
   }

   #sec3 .box-1 .no {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 92px;
      height: 92px;
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      color: #fff;
      border-radius: 50%;
      line-height: 30px;
      letter-spacing: 0.08em;
      position: relative;
      filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.61));
      margin-top: 12px;
   }

   #sec3 .box-1 .no:after {
      content: '';
      width: 25px;
      height: 17px;
      background: url("../img/loan_lease/sec4-arrow.png") no-repeat center top/cover;
      position: absolute;
      top: 95%;
      left: 50%;
      transform: translateX(-50%);
   }

   #sec3 .box-1 .no .num {
      display: block;
      font-size: 39px;
   }

   #sec3 .box-1 .no.last:after {
      width: 102px;
      height: 102px;
      border: 1px solid #124664;
      background: transparent;
      top: -6px;
      left: -6px;
      transform: translateX(0);
      border-radius: 50%;
   }

   #sec3 .box-1 h3 {
      font-weight: 700;
      font-size: 25px;
      line-height: 45px;
      letter-spacing: 0.14em;
   }

   #sec3 .box-1 .txt {
      padding-top: 13px;
   }

   #sec3 .box-1 figure img {
      border-radius: 14px;
   }

   #sec3 .box-2 {
      display: grid;
      grid-template-columns: 435px 1fr;
      background: url("../img/loan_lease/sec3-photo-5.jpg") no-repeat center/cover;
      color: #fff;
      padding: 50px 40px 53px 0;
   }

   #sec3 .box-2 h3 {
      background: url("../img/loan_lease/sec3-icon.png") no-repeat center top;
      font-weight: 700;
      font-size: 40px;
      line-height: 36px;
      letter-spacing: 0.1em;
      text-align: center;
      margin-top: 50px;
      padding-top: 130px;
   }

   #sec3 .box-2 .txt {
      width: 462px;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      padding-left: 40px;
   }

   #sec3 .box-2 .txt p+p {
      padding-top: 10px;
   }
}

#sec4 {
   background-color: #e5e4e2;
   position: relative;
}

@media only screen and (max-width: 767px) {
   #sec4 {
      padding: 15vw 0 0;
   }

   #sec4:before {
      content: '';
      width: 100%;
      height: 160vw;
      background: url("../img/loan_lease/sec4-bg-img.png") no-repeat center bottom/cover;
      position: absolute;
      top: 95%;
      left: 0;
      z-index: -1;
   }

   #sec4 h2 {
      display: flex;
      justify-content: center;
      gap: 1px;
      font-weight: 500;
      font-size: 8vw;
      line-height: 1.5;
      letter-spacing: 0;
      text-align: center;
   }

   #sec4 h2 span {
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      color: #fff;
      width: 12vw;
   }

   #sec4 .search {
      padding-top: 6vw;
   }

   #sec4 .search h3 {
      background: url("../img/loan_lease/sec4-icon.png") no-repeat top 1.7vw left/4.5vw auto;
      font-weight: 700;
      font-size: 5vw;
      line-height: 1.5;
      letter-spacing: 0.14em;
      border-bottom: 1px solid;
      padding: 0 0 2vw 6vw;
   }

   #sec4 .search .button {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 4vw;
      padding-top: 4vw;
   }

   #sec4 .search .button a {
      width: 100%;
      height: 12vw;
      border: 1px solid;
      color: #253641;
      background: transparent;
	  line-height: 1;
   }

   #sec4 .search .button a:after {
      background-image: url("../img/shared/btn-arrow-1.png");
      right: 4vw;
   }

   #sec4 .list-car {
      padding-top: 8vw;
   }

   #sec4 .btn-all {
      padding-top: 8vw;
   }
}

@media only screen and (min-width: 768px) {
   #sec4 {
      padding: 118px 0 0;
   }

   #sec4:before {
      content: '';
      width: 100%;
      height: 1252px;
      background: url("../img/loan_lease/sec4-bg-img.png") no-repeat center bottom/cover;
      position: absolute;
      top: calc(100% - 180px);
      left: 0;
      z-index: -1;
   }

   #sec4 h2 {
      display: flex;
      justify-content: center;
      gap: 1px;
      font-weight: 500;
      font-size: 60px;
      line-height: 72px;
      letter-spacing: 0;
      text-align: center;
   }

   #sec4 h2 span {
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      color: #fff;
      width: 67px;
   }

   #sec4 .search {
      padding-top: 45px;
   }

   #sec4 .search h3 {
      background: url("../img/loan_lease/sec4-icon.png") no-repeat top 10px left 9px/29px auto;
      font-weight: 700;
      font-size: 25px;
      line-height: 45px;
      letter-spacing: 0.14em;
      border-bottom: 1px solid;
      padding: 0 0 10px 46px;
   }

   #sec4 .search .button {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      padding-top: 33px;
   }

   #sec4 .search .button a {
      width: 100%;
      height: 58px;
      font-size: 17px;
      border: 1px solid;
      color: #253641;
      background: transparent;
   }

   #sec4 .search .button a:after {
      background-image: url("../img/shared/btn-arrow-1.png");
      right: 27px;
   }

   #sec4 .list-car {
      padding-top: 67px;
   }

   #sec4 .btn-all {
      padding-top: 53px;
   }
}

#sec5 {
   position: relative;
}

@media only screen and (max-width: 767px) {
   #sec5 {
      background: url("../img/loan_lease/sec4-deco.png") no-repeat center top/100% auto;
      padding: 40vw 0 15vw;
   }

   #sec5 .wrap {
      padding-right: 0;
   }

   #sec5 h2 {
      color: #134765;
      font-weight: 400;
      font-style: italic;
      font-size: 12vw;
      letter-spacing: 0.08em;
      line-height: 1;
   }

   #sec5 h2 small {
      font-size: 8vw;
   }

   #sec5 .tabs-switch {
      padding-top: 6vw;
   }

   #sec5 .tab-link {
      display: flex;
      flex-wrap: wrap;
      gap: 2vw;
      font-weight: 500;
      font-size: 4vw;
      line-height: 1.5;
      letter-spacing: 0.14em;
   }

   #sec5 .tab-link li {
      width: 44.5vw;
      background: repeat center top;
      border-radius: 5px 5px 0 0;
      border: 1px solid #134865;
      border-bottom: 0;
      transition: all 0.3s;
      position: relative;
      padding: 3vw 0;
      text-align: center;
   }

   #sec5 .tab-link li:after {
      content: '';
      width: 18px;
      height: 18px;
      background: url("../img/shared/btn-arrow.png") no-repeat center top/cover;
      position: absolute;
      bottom: -11px;
      left: calc(50% - 9px);
      transform: rotate(90deg);
      transition: all 0.3s;
      opacity: 0;
   }

   #sec5 .tab-link li.active {
      background-image: url("../img/shared/bg-pattern-01.jpg");
      color: #fff;
   }

   #sec5 .tab-link li.active:after {
      opacity: 1;
   }

   #sec5 .tab-content {
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      color: #fff;
      padding: 8vw 4vw;
   }

   #sec5 .list-qa .item:not(:last-child) {
      padding-bottom: 8vw;
   }

   #sec5 .list-qa .txt-q {
      background: url("../img/shared/bg-pattern-02.jpg") repeat center top;
      font-weight: 700;
      font-size: 4vw;
      line-height: 1.5;
      color: #253641;
      position: relative;
      padding: 2.5vw 4vw 2vw 10vw;
   }

   #sec5 .list-qa .txt-q:before {
      content: 'Q.';
      font-family: "Roboto", sans-serif;
      color: #134765;
      font-weight: 400;
      font-style: italic;
      font-size: 6vw;
      line-height: 1;
      letter-spacing: 0.08em;
      position: absolute;
      top: 2vw;
      left: 2vw;
   }

   #sec5 .list-qa .txt-a {
      text-align: justify;
      padding: 4vw 0 0 10vw;
   }
}

@media only screen and (min-width: 768px) {
   #sec5 {
      background: url("../img/loan_lease/sec4-deco.png") no-repeat center top/100% auto;
      padding: 330px 0 130px;
   }

   #sec5 .wrap {
      width: calc(50% + 500px);
      margin-right: 0;
   }

   #sec5 h2 {
      color: #134765;
      font-weight: 400;
      font-style: italic;
      font-size: 80px;
      letter-spacing: 0.08em;
      line-height: 80px;
      padding-left: 30px;
   }

   #sec5 h2 small {
      font-size: 63px;
   }

   #sec5 .tabs-switch {
      padding-top: 28px;
   }

   #sec5 .tab-link {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      font-weight: 500;
      font-size: 20px;
      line-height: 45px;
      letter-spacing: 0.14em;
   }

   #sec5 .tab-link li {
      width: 332px;
      background: repeat center top;
      border-radius: 5px 5px 0 0;
      border: 1px solid #134865;
      border-bottom: 0;
      transition: all 0.3s;
      position: relative;
      padding: 10px 0;
      text-align: center;
   }

   #sec5 .tab-link li:after {
      content: '';
      width: 18px;
      height: 18px;
      background: url("../img/shared/btn-arrow.png") no-repeat center top/cover;
      position: absolute;
      bottom: -11px;
      left: calc(50% - 9px);
      transform: rotate(90deg);
      transition: all 0.3s;
      opacity: 0;
   }

   #sec5 .tab-link li:hover,
   #sec5 .tab-link li.active {
      background-image: url("../img/shared/bg-pattern-01.jpg");
      color: #fff;
   }

   #sec5 .tab-link li:hover:after,
   #sec5 .tab-link li.active:after {
      opacity: 1;
   }

   #sec5 .tab-content {
      background: url("../img/shared/bg-pattern-01.jpg") repeat center top;
      color: #fff;
      padding: 80px 35px 87px;
   }

   #sec5 .tab-content-item {
      max-width: 930px;
   }

   #sec5 .list-qa .item:not(:last-child) {
      padding-bottom: 40px;
   }

   #sec5 .list-qa .txt-q {
      background: url("../img/shared/bg-pattern-02.jpg") repeat center top;
      font-weight: 700;
      font-size: 18px;
      line-height: 35px;
      color: #253641;
      position: relative;
      padding: 13px 20px 13px 50px;
   }

   #sec5 .list-qa .txt-q:before {
      content: 'Q.';
      font-family: "Roboto", sans-serif;
      color: #134765;
      font-weight: 400;
      font-style: italic;
      font-size: 30px;
      line-height: 1;
      letter-spacing: 0.08em;
      position: absolute;
      top: 16px;
      left: 13px;
   }

   #sec5 .list-qa .txt-a {
      text-align: justify;
      padding: 21px 0 0 50px;
   }
}