@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap";#loan{--header-color: #351c4f;--pink-color: #d9308a;--section-bg-color: #f4f3ef;--blue-block-color: #7afafa;--input-border-color: #999;--header2-color: #121154;font-size:16px}#loan>header{background-position:60vw;background-repeat:no-repeat;background-size:auto;padding:100px 0 140px}#loan>header>div{grid-template-areas:"header two-percent";grid-template-rows:auto;grid-template-columns:1fr 600px;grid-auto-columns:1fr}#loan h1{grid-area:header;font-size:54px;font-weight:800;line-height:1.2;background-image:linear-gradient(195deg,#d9308a,#351c4f);-webkit-background-clip:text;background-clip:text;text-transform:uppercase;-webkit-text-fill-color:transparent}#loan .text-border{display:inline-block;font-size:90%;white-space:nowrap;border:1px solid #000;border-radius:9px;padding:2px 9px;text-transform:uppercase;font-weight:800}#loan h1 .text-border{border:1px solid #000;border-radius:9px;padding:2px 9px}#loan .two-percent{grid-area:two-percent}#loan .two-percent>div{will-change:transform;transform:translateZ(0) scaleZ(1) rotateX(-.0012deg) rotateY(.0012deg) rotate(0) skew(0);transform-style:preserve-3d}#loan .two-percent>div>div:nth-of-type(2){text-transform:uppercase}#loan .section{padding:108px 5vw;box-sizing:border-box}#loan .section>div{max-width:1300px;margin:auto;background-color:var(--box-bg-color)}#loan .header-text{color:var(--header-color);font-size:48px;font-weight:700;line-height:1.1;text-transform:none}#loan .teaser{background-color:var(--header-color)}#loan .teaser h2{font-size:46px;line-height:1.2;font-weight:800;text-transform:uppercase;color:var(--header-color)}#loan .teaser ul{line-height:1.7;margin-bottom:10px;font-size:100%}#loan .teaser ul li{line-break:strict}#loan .black-button{display:flex;position:relative;padding:15px 30px;grid-column-gap:20px;grid-row-gap:20px;background-color:#000;font-size:16px;border:0;justify-content:center;align-items:center;color:#fff;cursor:pointer}#loan .black-button.sending{background-color:#999}#loan .black-button:hover{opacity:.75}#loan .choices h2{font-size:48px;line-height:1.2;font-weight:600;color:var(--header-color)}#loan .choices h2 span{text-transform:uppercase;font-weight:800}#loan .choices .blocks{position:relative;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:52px}#loan .choices .block{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1;align-items:flex-start;min-height:230px;padding:23px 23px 35px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#f4f3ef78;border:2px solid #fff;border-radius:10px;outline:1px solid #ccc;outline-offset:0;font-size:20px;line-height:1.1;z-index:10;transition:.5s all}#loan .choices .block:nth-of-type(2){z-index:11}#loan .choices .block:hover{transform:scale3d(1.13,1.13,1)}#loan .blue{background-color:var(--blue-block-color);border-radius:10px;position:absolute}#loan .preferential,#loan .loan-amount,#loan .loan-amount2,#loan .example{background-color:var(--section-bg-color)}#loan .preferential>div,#loan .example>div{display:flex;flex-wrap:nowrap;flex-direction:row;max-width:1168px;margin:auto;background-color:transparent;gap:1rem;line-height:1.5}#loan .preferential>div>div:first-of-type{width:60%;padding-right:1rem}#loan .preferential>div>div:last-of-type{position:relative;display:flex;gap:3rem;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:40%}#loan .preferential img{display:block;width:205px;height:379px;border-radius:20px}#loan .preferential .blue{width:270px;height:130px;bottom:-7%;left:auto;right:28px;z-index:10}#loan .info-box{position:absolute;box-sizing:border-box;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#fff6;border:1px solid #fff;border-radius:8px;box-shadow:0 4px 17px #0000002e;z-index:20;line-height:1.2}#loan .preferential .age{bottom:-3%;left:auto;right:10px;max-width:280px;font-size:14px;text-align:center}#loan .preferential .age span{font-size:40px;font-weight:400;line-height:1}#loan .preferential .age span strong{font-size:40px;font-weight:700}#loan .question{font-size:18px;line-height:1.5}#loan .question>div>div{margin-top:4rem;margin-bottom:2rem;column-count:3}#loan .loan-amount img{max-height:373px}#loan .loan-amount .blue{position:absolute;bottom:-12%;left:0;width:320px;height:200px;background-color:var(--blue-block-color);border-radius:10px;z-index:10}#loan .info-box .t1{font-size:24px;font-weight:bolder}#loan .info-box .tl{padding-top:22px;font-size:12px}#loan .info-box .ta1{font-size:37px}#loan .info-box .ta2{font-size:37px;font-weight:bolder}#loan .example>div{min-height:466px}#loan .example>div>div:first-of-type{width:57%;box-sizing:border-box;padding-right:1rem}#loan .example>div>div:last-of-type{position:relative;width:43%;height:466px}#loan .example .img{width:600px;overflow:hidden}#loan .example img{position:absolute;left:5rem;border-radius:20px;max-width:600px}#loan .example .explanation{font-size:14px;line-height:1.5}#loan .example .blue{width:320px;height:200px;bottom:-12%;left:-2%}#loan .example .info-box{width:100%;max-width:370px;min-height:390px;bottom:-10%}#loan .example .info-box dl{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:.2rem}#loan .example .info-box dl dt{width:70%;white-space:nowrap}#loan .example .info-box dl dd{font-weight:bolder;white-space:nowrap}#loan .example .info-box dl .detail{border-radius:unset;font-weight:800;font-size:20px}#loan .what-next form{max-width:560px;margin:4rem auto}#loan .what-next form label{display:block;margin-bottom:.5rem}#loan .what-next form label:first-letter{text-transform:uppercase}#loan .what-next .submit{width:100%;text-align:center}#loan .what-next .black-button{margin:auto}#loan #history .ribbon{background:linear-gradient(138deg,#fff 45.68%,#f0f0f0 45.69%,#f3f3f3 62.7%,#fff 62.71%)}@media(max-width:1680px){#loan .example{overflow:hidden}}@media(max-width:1126px){#loan>header{background-image:unset!important;padding:3rem 1rem}#loan>header>div{max-width:600px;width:100%;grid-template-areas:"two-percent" "header";grid-template-rows:repeat(2,auto);grid-template-columns:auto}#loan .header-text,#loan h1{color:var(--header2-color);background-image:unset;-webkit-text-fill-color:unset;text-transform:unset}#loan .two-percent{width:90vw;max-width:600px}}@media(max-width:992px){#loan .header-text{font-size:36px}#loan .preferential>div,#loan .loan-amount>div,#loan .loan-amount2>div,#loan .example>div{flex-direction:column}#loan .loan-amount2>div>div:first-of-type{order:2}#loan .loan-amount2>div>div:last-of-type{order:1}#loan .example>div>div:first-of-type{width:unset}#loan .section>div>div{width:100%;max-width:768px;margin-left:auto;margin-right:auto}#loan .question>div>div{column-count:2}#loan .preferential{overflow:hidden}#loan .preferential>div>div:first-of-type{width:100%;padding-right:unset}#loan .preferential>div>div:last-of-type{width:100%}#loan .preferential img:first-of-type{margin-top:30px}#loan .preferential .age{left:50%;right:unset;transform:translate(-50%);width:300px}#loan .preferential .blue{left:50%;right:unset;transform:translate(calc(-50% - 20px))}#loan .projects h2{max-width:768px;margin:auto auto 2rem}#loan .example>div>div:last-of-type{width:100%;height:600px}#loan .example .img{max-width:100%;width:100%}#loan .example img{left:50%;transform:translate(-50%)}#loan .example .info-box,#loan .example .blue{left:50%;bottom:0;transform:translate(-50%)}#loan .example .blue{height:350px;bottom:-20px;transform:translate(calc(-50% - 30px))}}@media(max-width:850px){#loan .section{padding:5rem 3rem;overflow:hidden}#loan .black-button{text-align:left;line-height:1.2}#loan .text-border{display:inline;white-space:unset;border:unset;padding:unset}#loan header .text-border{font-size:30px;font-weight:700}#loan h1{font-weight:700;font-size:40px}#loan .two-percent>div{text-align:right}#loan .teaser h2{display:block;font-size:36px;border:unset;white-space:unset}#loan .teaser>div{padding:2rem}#loan .question>div>div{column-count:1}#loan .choices h2{font-size:36px}#loan .choices h2 .text-border{border:0 none;white-space:unset;font-weight:800;padding:0}}@media(max-width:450px){#loan .choices .blocks{flex-direction:column}}@media(max-width:420px){#loan h1{font-size:36px}#loan header .text-border{font-size:26px}#loan .header-text{font-size:32px}}
