:root{ --color-brand-qc:#3db27e;--color-brand-qc-deep:#39a876;--color-brand-qc-light:#a0dfc2;}.border-gray-20{border-color:var(--color-gray-n-20);}.bg-brand{--color-brand:var(--color-brand-qc);}.text-brand{--color-brand:var(--color-brand-qc-deep);}.border-brand{--color-brand:var(--color-brand-qc-deep);}.btn-contact{--color-primary:var(--color-brand-qc);--color-primary-deep:var(--color-brand-qc-deep);--color-primary-light:var(--color-brand-qc-light);}.jn-wrapper{background-image:linear-gradient(to bottom,#e3fcf6 0,#f3fffc 10%,#fff 100%);background-size:auto 400px;background-repeat:no-repeat;}.thumbnail img{width:100%;} .hero-graphic{text-align:center;.hero-graphic-img{margin-right:-2rem;}.hero-graphic-text{align-items:center;justify-content:space-around;margin-left:clamp(32px,calc(32px + (80 - 32) * ((100vw - 985px) / (1215 - 985))),80px);.item-1,.item-2,.item-3{font-weight:bold;line-height:1;color:var(--color-brand-qc);}.item-1,.item-3{border-bottom:2px solid var(--color-brand-qc-light);background-color:var(--color-white);padding:var(--s3) calc(var(--s3) * 0.5);font-size:var(--fz24);width:fit-content;}.item-2{padding:var(--s3) calc(var(--s3) * 1.5);font-size:var(--fz32);}}} .challenges-test-target{list-style:none;margin-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;li{padding:0.5rem;text-align:center;font-weight:bold;font-size:var(--fz18);border:1px solid var(--color-gray);background-color:var(--color-white);display:flex;place-content:center;place-items:center;}} @media (min-width:768px){.qc-step>div{border-left:1px solid var(--color-gray-n-13);&:first-child{border-left:none;}}}@media screen and (max-width:767px){.qc-step>div{text-align:center;}} .usage{max-width:960px;margin-left:auto;margin-right:auto;.h-l2{margin-bottom:var(--s3);margin-top:0;}.col{margin-bottom:var(--s4);}.usage-item{height:100%;background-color:var(--color-white);border:1px solid var(--color-gray);>img{object-fit:cover;aspect-ratio:2/1;}>.h-l3{margin-top:var(--s3);margin-bottom:var(--s2);margin-left:var(--s4);}&>ul{margin-left:var(--s3);margin-bottom:var(--s3);font-weight:500;}}}@media screen and (max-width:767.98px){.usage{.usage-item{.h-l3{margin-left:var(--s3);margin-bottom:var(--s3);}&>ul{margin-left:var(--s3);padding-left:0;list-style:none;}}}}