@keyframes dp-spin{to{transform:rotate(360deg)}}.dp-page{--accent:#16bed3;--blue:#0b74ff;--navy:#031e40}.dp-page .header{background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.dp-hero{min-height:850px;padding:145px 7vw 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 45%,rgba(22,190,211,.18),transparent 31%),linear-gradient(130deg,#fff 38%,#eafaff)}.dp-copy h1,.dp-faq h2,.flow-copy h2,.plan-copy h2,.protection-copy h2,.risk-head h2,.services-intro h2{margin:0;color:var(--deep);font-family:"Noto Sans JP",sans-serif;line-height:1.27;letter-spacing:-.055em;font-size:clamp(52px,6vw,86px)}.dp-faq h2,.flow-copy h2,.plan-copy h2,.protection-copy h2,.risk-head h2,.services-intro h2{font-size:clamp(40px,4.7vw,68px)}.dp-copy>p:not(.section-label){margin:28px 0 34px;color:#587087;font-size:16px}.dp-actions{display:flex;gap:16px}.dp-visual{position:relative;width:min(48vw,610px);height:590px;margin-left:auto}.data-ring{position:absolute;border:1px solid rgba(22,190,211,.26);border-radius:50%;inset:7%;animation:dp-spin 23s linear infinite}.ring-two{inset:23%;border-style:dashed;animation-direction:reverse;animation-duration:17s}.backup-core{position:absolute;z-index:2;inset:28% 25% 24%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 28px 34px rgba(4,75,140,.25))}.backup-core svg{width:100%;height:auto;overflow:visible}.cloud-shape{fill:var(--blue);stroke:#6fcaff;stroke-width:5;stroke-linejoin:round}.cloud-copy,.folder svg{position:absolute;width:100%}.cloud-copy{left:0;top:38%;text-align:center;color:#fff}.cloud-copy strong{display:block;font-size:22px;line-height:1.06;letter-spacing:.08em}.cloud-copy span,.folder b{display:block;color:#fff;white-space:nowrap}.cloud-copy span{margin-top:8px;font-size:12px;font-weight:600}.folder{position:absolute;z-index:3;width:185px;height:118px;padding:35px 18px 12px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--blue);filter:drop-shadow(0 15px 18px rgba(21,64,100,.18));transition:.35s}.folder:hover{transform:translateY(-6px);filter:drop-shadow(0 20px 23px rgba(11,116,255,.27))}.folder svg{inset:0;height:100%;z-index:-1}.folder div{position:relative;z-index:1}.folder b{font-size:13px;letter-spacing:.05em}.folder span{display:block;margin-top:1px;font-size:12px;color:#dff8ff}.source-pc{left:0;top:11%}.source-server{right:0;top:11%}.source-cloud{left:50%;bottom:-1%;transform:translateX(-50%)}.source-cloud:hover{transform:translateX(-50%) translateY(-6px)}.dp-faq,.dp-flow,.dp-plan,.dp-protection,.dp-risk,.dp-services{padding:var(--pad) 7vw}.risk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:55px}.risk-head>p{color:#60768b;font-size:16px}.risk-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.risk-grid article{padding:30px 24px;border-right:1px solid var(--line)}.risk-grid article:last-child{border-right:0}.area-list b,.risk-grid b{font-size:12px;color:var(--blue)}.risk-grid strong{display:block;margin:18px 0 8px}.risk-grid p{margin:0;font-size:14px;color:#647b8e}.dp-services{background:var(--navy);color:#fff}.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:60px}.services-intro .section-label{grid-column:1/-1}.dp-plan .plan-copy h2,.services-intro h2{color:#fff}.services-intro>p{justify-self:end;color:#afc3d8;font-size:16px}.dp-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dp-card{min-height:430px;padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(150deg,rgba(22,190,211,.12),rgba(255,255,255,.035));overflow:hidden;transition:.4s}.dp-card li:before,.dp-card:before{content:"";position:absolute;border-radius:50%;background:var(--accent)}.dp-card:before{width:190px;height:190px;right:-100px;top:-100px;opacity:.2;transition:.6s}.dp-card:hover{transform:translateY(-6px);border-color:rgba(53,214,255,.55)}.dp-card:hover:before{transform:scale(5);opacity:.14}.dp-card,.dp-card li,.dp-card>*{position:relative}.dp-card>span{font-size:12px;color:#82a8c8}.dp-card>small{display:block;margin-top:36px;font-size:12px;letter-spacing:.12em;color:#35d6ff}.dp-card h3{margin:8px 0 13px;font-size:27px;line-height:1.35}.dp-card li{font-size:14px;padding:5px 0 5px 19px;color:#d2e3ef}.dp-card p{font-size:14px;color:#b4c8d8}.dp-card ul{margin:24px 0 0;padding:18px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}.dp-card li:before{left:0;top:14px;width:7px;height:7px}.dp-protection{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:#f1f8fb}.plan-copy>p{font-size:16px}.protection-copy>p{font-size:16px;color:#60778b}.area-list,.dp-faq details{border-top:1px solid #cadde8}.area-list>div,.dp-plan{display:grid;align-items:center}.area-list>div{grid-template-columns:55px 1fr auto;padding:22px 0;border-bottom:1px solid #cadde8}.area-list strong,.flow-list strong,.risk-grid strong{font-size:18px;color:var(--deep)}.area-list span{font-size:14px;color:#667f92}.dp-plan{grid-template-columns:.82fr 1.18fr;gap:8vw;background:linear-gradient(135deg,#063154,#075ca7);color:#fff}.plan-copy>p{color:#bcd2e1}.plan-copy .primary{margin-top:30px}.estimate-card{padding:39px;border:1px solid rgba(255,255,255,.23);border-radius:28px;background:rgba(255,255,255,.09);box-shadow:0 25px 65px rgba(0,0,0,.12)}.estimate-card>small{font-size:12px;letter-spacing:.13em;color:#47deed}.estimate-card h3{margin:6px 0 12px;font-size:31px}.estimate-card>p{font-size:14px;color:#c4d7e5}.estimate-card>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.estimate-card span{padding:15px;border-radius:12px;background:rgba(255,255,255,.09);font-size:14px}.estimate-card span b{display:block;font-size:12px;color:#47deed}.estimate-card>small:last-child{display:block;color:#bdd0df;letter-spacing:0}.dp-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.flow-copy>p{font-size:16px;color:#60758a}.flow-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.flow-list li{display:grid;grid-template-columns:65px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.flow-list li>b{font-size:12px;color:var(--blue)}.flow-list div{display:flex;justify-content:space-between;gap:20px}.flow-list span{font-size:14px;color:#6b8397}.dp-faq{background:#f3f8fb}.dp-faq>h2{margin-bottom:45px}.dp-faq details:last-child{border-bottom:1px solid #cadde8}.dp-faq summary{list-style:none;padding:23px 5px;display:flex;justify-content:space-between;font-size:16px;font-weight:600;cursor:pointer}.dp-faq summary::-webkit-details-marker{display:none}.dp-faq summary i{font-style:normal;color:var(--blue)}.dp-faq details p{margin:0;padding:0 5px 24px;font-size:14px;color:#60758a}.dp-contact{background:linear-gradient(135deg,#031e40,#0792c2)}@media (max-width:980px){.dp-service-grid{grid-template-columns:1fr 1fr}}@media (max-width:880px){.dp-hero{min-height:auto;padding:135px 22px 75px;grid-template-columns:1fr}.dp-actions{flex-direction:column}.dp-visual{width:min(100%,540px);height:500px;margin:35px auto 0}.dp-faq,.dp-flow,.dp-plan,.dp-protection,.dp-risk,.dp-services{padding:78px 22px}.flow-list div,.risk-head,.services-intro{display:block}.risk-head>p,.services-intro>p{margin-top:25px}.risk-grid{grid-template-columns:1fr 1fr}.risk-grid article:nth-child(2){border-right:0}.risk-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.dp-flow,.dp-plan,.dp-protection{grid-template-columns:1fr}.flow-list span{display:block;margin-top:5px}}@media (max-width:600px){.dp-copy h1{font-size:45px}.dp-visual{height:405px}.backup-core{inset:28% 23% 26%}.cloud-copy{left:0;top:36%}.cloud-copy strong{font-size:17px}.cloud-copy span{font-size:12px;letter-spacing:-.03em}.folder{width:148px;height:94px;padding:29px 10px 8px}.folder b{letter-spacing:0}.folder b,.folder span{font-size:12px}.source-pc{left:-2%;top:5%}.source-server{right:-2%;top:5%}.dp-service-grid,.risk-grid{grid-template-columns:1fr}.risk-grid article{border-right:0;border-bottom:1px solid var(--line)}.area-list>div{grid-template-columns:40px 1fr}.area-list span{grid-column:2;margin-top:2px}.estimate-card{padding:27px}.estimate-card>div{grid-template-columns:1fr}.flow-list li{grid-template-columns:43px 1fr}.dp-actions .primary,.dp-actions .secondary{width:100%}}