#p_audi #ahero{height:100vh;padding:5em;background:#0c1d20;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1;border-bottom:10px solid var(--black);filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}@media screen and (max-width:550px){#p_audi #ahero{padding:2em}}#p_audi #ahero:before{background:url(/g/illust4.webp);background-size:cover;filter:blur(2px)}#p_audi #ahero:after,#p_audi #ahero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.2}#p_audi #ahero:after{background:url(/b/texture_1.png);background-size:900px;mix-blend-mode:multiply}#p_audi #ahero .sh{font-size:3.5rem;display:flex;gap:1em;line-height:1}@media screen and (max-width:1600px){#p_audi #ahero .sh{font-size:2rem;align-items:center}}@media screen and (max-width:550px){#p_audi #ahero .sh{font-size:1.4rem}}#p_audi #ahero img{max-width:400px;top:-10%;position:relative}@media screen and (max-width:1600px){#p_audi #ahero img{height:100%;width:min(100%,400px);top:0}}#p_audi #ahero .mh{font-size:7rem;color:#fff;font-family:var(--fonta);line-height:.7;font-weight:lighter}@media screen and (max-width:1600px){#p_audi #ahero .mh{font-size:4rem}}@media screen and (max-width:550px){#p_audi #ahero .mh{font-size:3rem}}#p_audi #ahero .action{display:flex;gap:1em;margin:50px 0;font-size:1.2rem}@media screen and (max-width:550px){#p_audi #ahero .action{font-size:.9rem}}@media screen and (max-width:420px){#p_audi #ahero .action{flex-wrap:wrap}}#p_audi #ahero .action .btn.sv{background:hsla(0,0%,100%,.267);color:#fff;outline-color:#fff}#p_audi #ahero .action .btn.sv img{filter:brightness(500%)}#p_audi #ahero .action .btn.sv:hover{background:#fff;color:var(--black)}#p_audi #ahero .action .btn.sv:hover img{filter:brightness(0)}#p_audi .dtri{position:relative;display:flex;justify-content:space-between;align-items:center}#p_audi .dtri .tri{width:80px;height:80px;position:absolute;background:var(--bb);top:40px}@media screen and (max-width:1280px){#p_audi .dtri .tri{scale:.5}}#p_audi .dtri .tri.l{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);left:5%}#p_audi .dtri .tri.r{-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);right:5%}#p_audi #status{border-top:20px solid var(--black);padding-top:150px;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;z-index:1}@media screen and (min-width:1024px){#p_audi #status{-webkit-clip-path:polygon(100% 0,91% 49%,100% 100%,0 100%,9% 50%,0 0);clip-path:polygon(100% 0,91% 49%,100% 100%,0 100%,9% 50%,0 0)}}#p_audi #status:before{content:"";position:absolute;top:170px;left:0;width:100%;height:230px;background:url(/g/illust1.webp);background-size:cover;background-attachment:fixed;z-index:-1;opacity:.5}@media screen and (max-width:550px){#p_audi #status:before{height:20vh}}#p_audi #status .st{margin-bottom:1em;background:var(--black);width:800px;text-align:center;color:var(--bb);padding:.25em;font-size:2rem;-webkit-clip-path:polygon(0 0,100% 0,98% 86%,100% 100%,0 100%,2% 17%);clip-path:polygon(0 0,100% 0,98% 86%,100% 100%,0 100%,2% 17%)}@media screen and (max-width:1024px){#p_audi #status .st{width:80%}}@media screen and (max-width:768px){#p_audi #status .st{font-size:1.4rem}}@media screen and (max-width:420px){#p_audi #status .st{font-size:1rem}}#p_audi #requirement{display:grid;grid-template-columns:1fr 1fr;margin:100px 0;align-items:center;position:relative;padding-bottom:100px}@media screen and (max-width:768px){#p_audi #requirement{display:flex;align-items:center;justify-content:center;flex-direction:column}}#p_audi #requirement .bg{position:absolute;top:10%;left:0;width:100%;height:100%;background:url(/b/texture_1.png);background-size:900px;z-index:-1;opacity:.2;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(0deg,white -20%,transparent);mask-image:linear-gradient(0deg,white -20%,transparent)}#p_audi #requirement .l .content{padding:10% 10% 10% 20%}@media screen and (max-width:550px){#p_audi #requirement .l .content{padding-left:10%}}#p_audi #requirement .l .content h2{font-size:5rem;line-height:.9}@media screen and (max-width:1280px){#p_audi #requirement .l .content h2{font-size:3rem}}@media screen and (max-width:420px){#p_audi #requirement .l .content h2{font-size:2rem;font-family:var(--fonta)}}#p_audi #requirement .l .content p{margin:1em 0;font-size:1.4rem;font-weight:700}@media screen and (max-width:1280px){#p_audi #requirement .l .content p{font-size:1.1rem}}@media screen and (max-width:420px){#p_audi #requirement .l .content p{font-size:.9rem}}#p_audi #requirement .r{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;gap:1em;padding:5% 20% 5% 5%}@media screen and (max-width:768px){#p_audi #requirement .r{padding-right:5%}}#p_audi #requirement .r .req{width:100%;object-fit:contain}#p_audi #requirement .r .b{transform:translateY(10%)}#p_audi #more{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2em;position:relative;background:var(--ddb);z-index:1;padding:150px}@media screen and (max-width:1024px){#p_audi #more{padding:50px 5%}}#p_audi #more:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/g/illust5.webp);background-position:bottom;z-index:-1;opacity:.8;filter:brightness(50%) blur(3px)}#p_audi #more h2{font-size:4rem;color:#fff}@media screen and (max-width:768px){#p_audi #more h2{font-size:2rem}}#p_audi #more .btn{font-size:1.4rem}